.test-page { --test-max: 1120px; }
.test-header { grid-template-columns: 1fr auto 1fr; }
.test-header .brand { min-width: 44px; min-height: 44px; }
.test-header-title { display: flex; align-items: center; gap: 9px; margin: 0; color: var(--text-muted); font-size: .64rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.test-header-title span { width: 6px; height: 6px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 5px color-mix(in srgb, var(--signal) 15%, transparent); }
.test-exit { display: inline-flex; min-height: 44px; align-items: center; gap: 9px; padding: 0 14px; border: 1px solid var(--line); color: var(--text-soft); font-size: .72rem; font-weight: 700; }
.test-exit:hover { color: var(--text); border-color: var(--gold); }

.test-main { min-height: calc(100vh - 84px); padding: clamp(118px, 12vw, 154px) var(--pad) clamp(70px, 9vw, 112px); }
.test-screen, .test-noscript, .test-fatal { width: min(100%, var(--test-max)); margin: 0 auto; min-width: 0; }
.surface-monitor { position: relative; overflow: hidden; border: 1px solid rgba(203,163,92,.42); background: radial-gradient(circle at 86% 8%, rgba(203,163,92,.14), transparent 27%), linear-gradient(145deg,#21190f,#090806 72%); color: #f3eee3; box-shadow: 0 34px 90px -50px rgba(0,0,0,.95); }
.surface-paper { border: 1px solid var(--paper-line); background: var(--paper); color: var(--paper-ink); }
.frame-meta { display: flex; justify-content: space-between; gap: 20px; min-width: 0; color: inherit; opacity: .64; font-size: .57rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.frame-meta > * { min-width: 0; overflow-wrap: anywhere; }
.frame-corner { position: absolute; width: 23px; height: 23px; border-color: #cba35c; opacity: .7; }
.frame-corner-tl { top: 15px; left: 15px; border-top: 1px solid; border-left: 1px solid; }
.frame-corner-tr { top: 15px; right: 15px; border-top: 1px solid; border-right: 1px solid; }
.frame-corner-bl { bottom: 15px; left: 15px; border-bottom: 1px solid; border-left: 1px solid; }
.frame-corner-br { right: 15px; bottom: 15px; border-right: 1px solid; border-bottom: 1px solid; }
.test-kicker { margin: 0 0 18px; font-size: .65rem; font-weight: 750; letter-spacing: .15em; text-transform: uppercase; }
.test-kicker span { color: #e6cd8e; }
.surface-paper .test-kicker { color: var(--paper-muted); }
.surface-paper .test-kicker span { color: var(--gold-deep); }

.briefing-screen { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(340px,.92fr); gap: 38px clamp(44px,7vw,96px); min-height: 690px; padding: clamp(28px,5vw,62px); }
.briefing-screen .frame-meta { grid-column: 1 / -1; }
.briefing-copy { align-self: end; min-width: 0; }
.briefing-copy h1 { max-width: 11ch; margin-bottom: 26px; font-size: clamp(3.2rem,6vw,6.25rem); line-height: .93; letter-spacing: -.042em; }
.briefing-copy > p:not(.test-kicker) { max-width: 53ch; margin-bottom: 32px; color: #c9c1b1; }
.test-spec { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 0; border-block: 1px solid rgba(203,163,92,.24); }
.test-spec div { min-width: 0; padding: 15px 11px; border-left: 1px solid rgba(203,163,92,.18); }
.test-spec div:first-child { border-left: 0; }
.test-spec dt { color: #cba35c; font: 500 .7rem/1 var(--display); }
.test-spec dd { margin: 8px 0 0; color: #c9c1b1; font-size: .66rem; overflow-wrap: anywhere; }
.brief-sheet { align-self: end; min-width: 0; padding: clamp(22px,3vw,32px); border: 1px solid rgba(24,19,15,.2); background: #f1ebdc; color: #18130f; box-shadow: 16px 18px 0 rgba(203,163,92,.09); }
.brief-sheet label { display: block; margin-bottom: 9px; color: #5f584d; font-size: .65rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.brief-sheet input { width: 100%; min-height: 54px; padding: 12px 14px; border: 1px solid rgba(24,19,15,.23); border-radius: 0; background: #fbf7ee; color: #18130f; font-size: 1rem; }
.brief-sheet input[aria-invalid="true"] { border-color: #a44732; box-shadow: 0 0 0 2px rgba(164,71,50,.14); }
.brief-sheet > p { margin: 9px 0 0; color: #5f584d; font-size: .74rem; }
.brief-sheet .field-error { min-height: 1.35em; color: #8c3928; }
.brief-sheet .button { width: 100%; margin-top: 12px; }
.briefing-boundary { grid-column: 1 / -1; align-self: end; max-width: 80ch; margin: 0; color: #a9a08e; font-size: .75rem; }

.question-screen { min-height: 730px; padding: clamp(28px,5vw,62px); }
.take-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 34px; align-items: start; margin-top: clamp(68px,8vw,106px); }
.take-head > div { min-width: 0; }
.take-head h1 { max-width: 15ch; margin: 0; font-size: clamp(2.8rem,5vw,5rem); line-height: .98; overflow-wrap: anywhere; }
.take-number { color: var(--paper-deep); font: 350 clamp(5.5rem,11vw,10rem)/.8 var(--display); }
.take-progress { height: 3px; margin: 42px 0 28px; overflow: hidden; background: var(--paper-deep); }
.take-progress i { display: block; width: 12.5%; height: 100%; background: var(--gold-deep); transition: width 220ms var(--ease); }
.answer-fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.answer-list { border-top: 1px solid var(--paper-line); }
.answer-option { position: relative; display: grid; grid-template-columns: 42px minmax(0,1fr) 24px; width:100%; min-height: 82px; align-items: center; gap: 12px; padding: 14px 5px; border:0; border-bottom: 1px solid var(--paper-line); background:transparent; color:var(--paper-ink); text-align:left; cursor: pointer; transition: background 200ms var(--ease), transform 200ms var(--ease); }
.answer-option:hover { background: var(--paper-raised); transform: translateX(3px); }
.answer-option > span:first-of-type { color: var(--gold-deep); font: 500 .76rem/1 var(--display); }
.answer-option strong { min-width: 0; font: 430 clamp(1rem,1.4vw,1.2rem)/1.35 var(--display); overflow-wrap: anywhere; }
.answer-mark { width: 19px; height: 19px; border: 1px solid var(--paper-muted); border-radius: 50%; }
.answer-option:focus-visible { outline: 2px solid var(--gold-deep); outline-offset: 3px; }
.answer-option[aria-checked="true"] { background: var(--paper-deep); }
.answer-option[aria-checked="true"] .answer-mark { border-color: var(--gold-deep); background: var(--gold-deep); box-shadow: inset 0 0 0 4px var(--paper-deep); }
.question-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 25px; }
.question-footer p { margin: 0; color: var(--paper-muted); font-size: .75rem; text-align: right; }
.text-button { min-height: 44px; padding: 4px 2px; border: 0; background: transparent; color: var(--paper-muted); cursor: pointer; text-decoration: underline; text-decoration-color: var(--gold-deep); text-underline-offset: 6px; }

.result-screen { width: min(100%,var(--test-max)); }
.result-monitor { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(280px,.82fr); gap: 42px clamp(54px,8vw,100px); min-height: 570px; padding: clamp(28px,5vw,62px); }
.result-monitor .frame-meta { grid-column: 1 / -1; }
.result-lead { align-self: center; min-width: 0; }
.result-lead h1 { max-width: 12ch; margin: 0; font-size: clamp(3rem,5.5vw,5.7rem); line-height: .94; overflow-wrap: anywhere; }
.result-lead > p:last-child { max-width: 54ch; margin: 27px 0 0; color: #c9c1b1; }
.result-axis { align-self: center; min-width: 0; margin: 0; border-block: 1px solid rgba(203,163,92,.25); }
.result-axis div { min-width: 0; padding: 24px 0; border-top: 1px solid rgba(203,163,92,.2); }
.result-axis div:first-child { border-top: 0; }
.result-axis dt { color: #aaa08e; font-size: .62rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.result-axis dd { margin: 8px 0; color: #e6cd8e; font: 430 clamp(1.6rem,2.6vw,2.45rem)/1.08 var(--display); overflow-wrap: anywhere; }
.result-axis p { margin: 0; color: #c9c1b1; font-size: .82rem; }
.decision-board { padding: clamp(28px,5vw,62px); }
.decision-route { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-block: 1px solid var(--paper-line); }
.decision-route article { min-width: 0; padding: 22px 20px; border-left: 1px solid var(--paper-line); }
.decision-route article:first-child { border-left: 0; }
.decision-route span { color: var(--gold-deep); font-size: .61rem; font-weight: 750; letter-spacing: .13em; }
.decision-route h2 { margin: 19px 0 0; font-size: clamp(1.32rem,2vw,2rem); line-height: 1.08; overflow-wrap: anywhere; }
.decision-safety { background: color-mix(in srgb,var(--paper-deep) 58%,transparent); }
.safety-sheet { margin-top: 34px; padding: 24px; border-left: 3px solid var(--warm); background: color-mix(in srgb,var(--warm) 8%,var(--paper)); }
.safety-sheet ul, .work-split ul { margin: 0; padding-left: 20px; }
.safety-sheet li, .work-split li { margin-top: 9px; color: var(--paper-muted); }
.first-move { display: grid; grid-template-columns: .58fr 1.42fr; gap: 12px 44px; margin: 38px 0; padding: 30px 0; border-block: 1px solid var(--paper-line); }
.first-move .test-kicker { grid-column: 1 / -1; }
.first-move h2 { margin: 0; font-size: clamp(2rem,3.5vw,3.4rem); }
.first-move > p:last-child { margin: 0; color: var(--paper-muted); font-size: 1.05rem; }
.work-split { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.work-split article { min-width: 0; padding: 25px; border: 1px solid var(--paper-line); }
.work-split h2 { margin: 0 0 20px; font-size: clamp(1.45rem,2.2vw,2.2rem); overflow-wrap: anywhere; }
.boundary-note { display: grid; grid-template-columns: minmax(180px,.5fr) minmax(0,1.5fr); gap: 24px 42px; margin-top: 26px; padding: 22px 0; border-top: 1px solid var(--paper-line); }
.boundary-note strong { font-size: .66rem; letter-spacing: .12em; text-transform: uppercase; }
.boundary-note p { margin: 0; color: var(--paper-muted); font-size: .82rem; }
.result-close { display: grid; grid-template-columns: minmax(0,.8fr) minmax(360px,1.2fr); gap: 40px clamp(50px,8vw,100px); padding: clamp(28px,5vw,62px); }
.contact-copy h2 { max-width: 15ch; margin-bottom: 20px; font-size: clamp(2.25rem,4vw,4.2rem); line-height: .98; }
.contact-copy > p:not(.test-kicker) { max-width: 48ch; color: #c9c1b1; }
.text-link-light { display: inline-flex; min-height: 44px; align-items: center; color: #e6cd8e; font-size: .78rem; font-weight: 750; text-decoration: underline; text-underline-offset: 7px; }
.capture-form { min-width: 0; align-self: center; padding: 25px; border: 1px solid rgba(203,163,92,.28); background: rgba(243,238,227,.035); }
.local-preview { display: flex; align-items: center; gap: 8px; margin: 0 0 20px; color: #aaa08e; font-size: .63rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.local-preview span { width: 6px; height: 6px; border-radius: 50%; background: #9fc0a5; }
.capture-fields { display: grid; grid-template-columns: .8fr 1.2fr; gap: 14px; }
.capture-field { display: grid; gap: 7px; min-width: 0; }
.capture-field label { color: #c9c1b1; font-size: .78rem; }
.capture-field label span { color: #aaa08e; }
.capture-field input { width: 100%; min-height: 50px; padding: 11px 13px; border: 1px solid rgba(243,238,227,.18); border-radius: 0; background: rgba(243,238,227,.04); color: #f3eee3; font-size: 1rem; }
.capture-field input[aria-invalid="true"] { border-color: #e09277; }
.consent-wrap { margin: 16px 0; }
.capture-consent { display: grid; grid-template-columns: 20px minmax(0,1fr); gap: 11px; align-items: start; color: #aaa08e; font-size: .78rem; line-height: 1.5; cursor: pointer; }
.capture-consent input { width: 19px; height: 19px; margin: 2px 0 0; accent-color: #cba35c; }
.capture-consent a { color: #e6cd8e; text-decoration: underline; text-underline-offset: 3px; }
.inline-error { min-height: 1.25em; color: #e7a58f; font-size: .72rem; }
.form-error-summary { min-height: 1.4em; margin: 12px 0 0; color: #e7a58f; font-size: .8rem; }
.capture-form .button { width: 100%; }
.capture-form .button[disabled] { opacity: .62; cursor: wait; }
.honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.capture-success { grid-column: 2; display: grid; grid-template-columns: 60px minmax(0,1fr); gap: 24px; align-self: center; min-width: 0; padding: 26px; border: 1px solid rgba(203,163,92,.32); background: rgba(203,163,92,.06); }
.success-mark { display: grid; width: 54px; height: 54px; place-items: center; border: 1px solid #cba35c; color: #e6cd8e; font: 500 1.25rem/1 var(--display); transform: rotate(45deg); }
.capture-success > div { min-width: 0; }
.capture-success h2 { margin: 0 0 12px; font-size: clamp(2rem,3.5vw,3.4rem); }
.capture-success p:last-child { margin: 0; color: #c9c1b1; }
.result-utilities { display: flex; justify-content: space-between; gap: 20px; min-height: 72px; align-items: center; padding: 10px 4px; color: var(--text-muted); font-size: .72rem; }
.result-utilities a { display: inline-flex; min-height: 44px; align-items: center; text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 6px; }
.text-button-on-dark { color: var(--text-muted); text-decoration-color: var(--gold); }
.test-noscript, .test-fatal { padding: clamp(28px,5vw,62px); border: 1px solid var(--line); background: var(--surface); }
.test-noscript h1, .test-fatal h1 { max-width: 16ch; font-size: clamp(2.4rem,5vw,4.4rem); }
.test-noscript p, .test-fatal p { max-width: 60ch; color: var(--text-soft); }
.test-noscript a, .test-fatal a { display:inline-flex; min-height:44px; align-items:center; color: var(--action); text-decoration: underline; }
.test-footer { display: flex; justify-content: space-between; gap: 18px; padding: 25px max(var(--pad),calc((100vw - var(--test-max))/2)) 38px; border-top: 1px solid var(--line); color: var(--text-muted); font-size: .61rem; letter-spacing: .11em; text-transform: uppercase; }

@media (max-width: 900px) {
  .test-header { grid-template-columns: 1fr auto; }
  .test-header-title { display: none; }
  .briefing-screen, .result-monitor, .result-close { grid-template-columns: minmax(0,1fr); }
  .briefing-copy h1, .result-lead h1 { max-width: 14ch; }
  .brief-sheet { max-width: 640px; }
  .capture-success { grid-column: auto; }
}

@media (max-width: 767px) {
  .test-main { padding: 94px 12px 62px; }
  .test-header { padding-inline: 14px; }
  .test-exit { width: 44px; padding: 0; justify-content: center; font-size: 0; }
  .test-exit span { font-size: .9rem; }
  .briefing-screen, .question-screen, .result-monitor, .decision-board, .result-close { padding: 25px 20px; }
  .briefing-screen { display: block; min-height: 0; }
  .briefing-screen .frame-meta { margin-bottom: 86px; }
  .briefing-copy h1, .take-head h1, .result-lead h1 { max-width: 100%; font-size: clamp(2.55rem,11.5vw,3.55rem); text-wrap: wrap; hyphens: auto; }
  .briefing-copy > p:not(.test-kicker) { margin-bottom: 26px; }
  .test-spec { grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 30px; }
  .test-spec div:nth-child(3) { border-left: 0; }
  .test-spec div:nth-child(n+3) { border-top: 1px solid rgba(203,163,92,.18); }
  .brief-sheet { padding: 20px; box-shadow: 8px 9px 0 rgba(203,163,92,.09); }
  .briefing-boundary { margin-top: 24px; }
  .question-screen { min-height: 0; }
  .take-head { display: block; margin-top: 72px; }
  .take-number { display: none; }
  .take-progress { margin-top: 31px; }
  .answer-option { grid-template-columns: 30px minmax(0,1fr) 20px; min-height: 96px; padding-block: 16px; }
  .question-footer { align-items: flex-start; flex-direction: column-reverse; }
  .question-footer p { text-align: left; }
  .result-monitor { min-height: 0; }
  .result-lead { margin-top: 68px; }
  .result-axis { margin-top: 26px; }
  .decision-route, .work-split, .capture-fields { grid-template-columns: minmax(0,1fr); }
  .decision-route article, .decision-route article:first-child { padding-inline: 4px; border-top: 1px solid var(--paper-line); border-left: 0; }
  .decision-route article:first-child { border-top: 0; }
  .first-move, .boundary-note { grid-template-columns: minmax(0,1fr); }
  .first-move .test-kicker { grid-column: auto; }
  .work-split article { padding: 21px 18px; }
  .result-close { gap: 30px; }
  .capture-form { padding: 20px 17px; }
  .capture-success { grid-template-columns: minmax(0,1fr); }
  .success-mark { margin-bottom: 4px; }
  .result-utilities { align-items: flex-start; flex-direction: column; padding-block: 16px; }
  .test-footer { align-items: flex-start; flex-direction: column; padding-inline: 18px; }
}

@media (max-width: 370px) {
  .test-main { padding-inline: 8px; }
  .briefing-screen, .question-screen, .result-monitor, .decision-board, .result-close { padding-inline: 16px; }
  .frame-meta { gap: 10px; letter-spacing: .08em; }
  .test-spec { grid-template-columns: minmax(0,1fr); }
  .test-spec div, .test-spec div:nth-child(3) { border-top: 1px solid rgba(203,163,92,.18); border-left: 0; }
  .test-spec div:first-child { border-top: 0; }
  .brief-sheet { padding-inline: 15px; }
  .answer-option { grid-template-columns: 27px minmax(0,1fr) 19px; gap: 8px; }
  .safety-sheet { padding: 19px 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .answer-option:hover { transform: none; }
  .take-progress i { transition: none; }
}