/* Assessment: the Impossible to Ignore™ Assessment, on air. */
.assess__grid { grid-template-areas: "head" "panel"; }
.assess__head { grid-area: head; }
.assess__panel { grid-area: panel; }
@media (min-width: 1024px) { .assess__grid { grid-template-areas: "head panel"; } }
.assess .cta-micro { margin-top: var(--s-5); }
.assess__ladder { margin-top: var(--s-7); border-top: 1px solid var(--studio-line); max-width: 30rem; }
.assess__ladder li { display: grid; grid-template-columns: 0.75rem auto 1fr; gap: var(--s-3); align-items: baseline; padding-block: var(--s-4); border-bottom: 1px solid var(--studio-line); max-width: none; }
.assess__ladder .lamp-mini { width: 9px; height: 9px; border-radius: 50%; background: var(--tally); align-self: center; }
.assess__ladder strong { font-size: 1.25rem; font-weight: 780; letter-spacing: -0.02em; }
.assess__ladder span:last-child { color: var(--on-studio-2); }
@media (max-width: 1023px) { .assess__ladder { display: none; } }

/* Answer buttons reuse .choice */
.quiz__opts { margin-top: var(--s-5); }
.quiz button.choice { width: 100%; text-align: left; font: inherit; font-weight: 600; color: var(--ink); }
.quiz button.choice[aria-pressed="true"] { border-color: var(--ink); background: #fff; box-shadow: inset 0 0 0 1px var(--ink); }
.quiz button.choice[aria-pressed="true"] .lamp-mini { background: var(--tally-fill); border-color: var(--tally-fill); }
.quiz button.choice:focus-visible { outline: 2px solid var(--tally-ink); outline-offset: 2px; }
.quiz__back { margin-top: var(--s-4); }
.quiz__site-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--s-2) var(--s-4); margin-left: auto; }
.quiz__skip { text-decoration: underline; text-underline-offset: 0.22em; text-decoration-color: color-mix(in srgb, currentColor 40%, transparent); }
.quiz .step[data-step="q"] .step__title { min-height: 2.3em; }

/* Scoring beat */
.quiz__lines { margin-top: var(--s-5); border-top: 1px solid var(--sheet-line); }
.quiz__lines li { display: flex; align-items: center; gap: var(--s-3); padding-block: 0.8rem; border-bottom: 1px solid var(--sheet-line); color: #8a96a8; font-weight: 600; transition: color var(--d-fast); }
.quiz__lines .lamp-mini { width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid var(--sheet-line); flex: none; transition: background-color var(--d-fast), border-color var(--d-fast); }
.quiz__lines li.is-live { color: var(--ink); }
.quiz__lines li.is-live .lamp-mini { background: var(--tally-fill); border-color: var(--tally-fill); }
.quiz__lines li.is-done { color: var(--ink-2); }
.quiz__lines li.is-done .lamp-mini { background: var(--ink); border-color: var(--ink); }

/* Why it matters */
.assess-why__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-8); align-items: center; }
@media (min-width: 960px) { .assess-why__grid { grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr); gap: var(--s-9); } }
.assess-why__monitor { position: relative; width: min(100%, 19rem); justify-self: center; }
.assess-why__monitor .chyron { position: absolute; left: -0.9rem; bottom: 4.4rem; pointer-events: none; }
@media (max-width: 560px) { .assess-why__monitor .chyron { left: 0.4rem; } }
.assess-why .voice { max-width: 22ch; }
.assess-why__body { margin-top: var(--s-6); color: var(--on-studio-2); max-width: 52ch; }
.assess-why .cta-group { margin-top: var(--s-5); }