.cet-testing-launch-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 18px;
  padding: clamp(16px, 2.3vw, 24px);
  border: 1px solid rgba(122, 218, 195, 0.48);
  border-radius: 15px;
  background: linear-gradient(125deg, #123b44, #122633 72%);
  color: #edf9f7;
}
.cet-testing-launch-card[hidden],
.cet-testing-route[hidden],
.practice-test-layout[hidden] { display: none !important; }
.cet-testing-launch-card h2 { margin: 4px 0 8px; color: #f4fffc; font-size: clamp(1.2rem, 2vw, 1.55rem); }
.cet-testing-launch-card p { max-width: 78ch; margin: 0; line-height: 1.5; }
.cet-testing-launch-card .eyebrow { color: #89e4ce; }
.cet-testing-launch-card button { flex: 0 0 auto; }
.cet-testing-route { min-width: 0; }
.cet-testing-live { margin-bottom: 24px; }
.cet-testing-live .cet-testing-flow-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}
.cet-testing-live .cet-testing-flow-head h2 { margin: 4px 0 6px; color: #f7ffff; }
.cet-testing-live .cet-testing-flow-head p { max-width: 82ch; margin: 0; color: #d2e5e8; line-height: 1.5; }
.cet-testing-live .cet-testing-flow-head .cet-testing-eyebrow { color: #85e5ce; }
.cet-testing-live .cet-testing-flow-storage,
.cet-testing-live .cet-testing-flow-error {
  margin: 0;
  padding: 11px 13px;
  border-left: 3px solid #f3ca7d;
  border-radius: 5px;
  background: #433829;
  color: #fff0d8;
  line-height: 1.5;
}
.cet-testing-live .cet-testing-flow-error:empty { display: none; }
.cet-testing-flow-card-actions,
.cet-testing-flow-question-nav,
.cet-testing-flow-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.cet-testing-flow-card-actions { margin-top: auto; }
.cet-testing-live .cet-testing-badge--scored-pass { border-color: #78d8ac; color: #e6fff3; background: #205b49; }
.cet-testing-live .cet-testing-badge--needs-retry { border-color: #e6b07e; color: #fff0df; background: #604331; }
.cet-testing-flow-text-button {
  min-height: 40px;
  padding: 8px 11px;
  border: 1px solid #728fa0;
  border-radius: 8px;
  background: transparent;
  color: #d6edf3;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.cet-testing-flow-text-button:hover { border-color: #97dcca; background: #1b3d4b; }
.cet-testing-flow-legacy,
.cet-testing-flow-history,
.cet-testing-flow-form,
.cet-testing-flow-result {
  min-width: 0;
  padding: clamp(14px, 2vw, 20px);
  border: 1px solid rgba(151, 196, 207, 0.35);
  border-radius: 10px;
  background: rgba(5, 17, 27, 0.48);
}
.cet-testing-flow-legacy h3,
.cet-testing-flow-history h3,
.cet-testing-flow-form h3,
.cet-testing-flow-result h3 { margin: 0 0 8px; color: #f0fffc; }
.cet-testing-flow-legacy ul,
.cet-testing-flow-history ol { margin: 7px 0 0; padding-left: 23px; color: #d7e9ed; line-height: 1.55; }
.cet-testing-flow-legacy li + li,
.cet-testing-flow-history li + li { margin-top: 5px; }
.cet-testing-flow-form { display: grid; gap: 13px; }
.cet-testing-flow-form > p { margin: 0; color: #cadfe3; }
.cet-testing-flow-options { display: grid; gap: 9px; min-width: 0; margin: 0; padding: 0; border: 0; }
.cet-testing-flow-options legend { margin-bottom: 8px; color: #c6e8e2; font-weight: 750; }
.cet-testing-flow-option {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  min-width: 0;
  padding: 12px 13px;
  border: 1px solid #678e99;
  border-radius: 9px;
  background: #122e3d;
  color: #f0fbfd;
  line-height: 1.45;
  cursor: pointer;
}
.cet-testing-flow-option:has(input:checked) { border-color: #83e5ca; background: #21464b; }
.cet-testing-flow-option input { flex: 0 0 auto; width: 18px; height: 18px; margin: 2px 0 0; accent-color: #7fe2c7; }
.cet-testing-flow-form .primary-button { justify-self: start; }
.cet-testing-flow-result { border-color: #70c9b6; background: #153b39; }
.cet-testing-flow-result.incorrect { border-color: #e1ab80; background: #493529; }
.cet-testing-flow-result p { margin: 7px 0 0; color: #f4f7f2; line-height: 1.55; overflow-wrap: anywhere; }
.cet-testing-flow-result .cet-testing-eyebrow { color: #b0f0d9; }
.cet-testing-flow-result.incorrect .cet-testing-eyebrow { color: #ffddae; }
.cet-testing-flow-history p { margin: 0; color: #d0e5e8; }
.cet-testing-live :is(button, input, select):focus-visible { outline: 3px solid #ffe2a1; outline-offset: 3px; }
@media (max-width: 700px) {
  .cet-testing-launch-card,
  .cet-testing-live .cet-testing-flow-head { align-items: stretch; flex-direction: column; }
  .cet-testing-launch-card button { align-self: start; }
}
@media (max-width: 440px) {
  .cet-testing-launch-card { padding: 13px; }
  .cet-testing-live .cet-testing-flow-head button,
  .cet-testing-flow-card-actions button,
  .cet-testing-flow-question-nav button,
  .cet-testing-flow-actions button,
  .cet-testing-flow-form .primary-button { width: 100%; }
}