.cv-content{max-width:850px;margin:auto;padding:1.5rem;text-align:center}.cv-content [hidden]{display:none!important}.cv-content canvas{display:block;width:min(100%,480px);height:auto;aspect-ratio:1;margin:0 auto 1rem;border-radius:20px}.cv-content h2{font-size:clamp(1.4rem,3vw,2rem)}.cv-note{font-size:.9rem;line-height:1.8;color:#52635b}.cv-answers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:1rem}.cv-answers button{min-height:72px;font-size:clamp(1.2rem,3vw,1.8rem);touch-action:manipulation}.cv-answers .cv-unknown{grid-column:1/-1;min-height:58px}.cv-progress{font-size:1.15rem;font-weight:700}.cv-content button{margin-bottom:.5rem}.cv-content :focus-visible{outline:3px solid #b77746;outline-offset:4px}@media(max-width:520px){.cv-answers{grid-template-columns:repeat(2,minmax(0,1fr))}.cv-content{padding:1rem}.cv-answers button{min-height:60px}}
#color-vision-screen>.hero{padding:1rem 1.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}#color-vision-screen>.hero h1{font-size:1.8rem;margin:0}#color-vision-screen>.hero .hero-copy{margin:0;font-size:.9rem}#color-vision-screen .cv-content canvas{width:min(100%,440px,max(180px,calc(100dvh - 450px)))}#color-vision-screen .cv-content h2{margin:.5rem 0}#color-vision-screen .cv-progress{margin:0 0 .5rem}

.cv-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.cv-review-grid article{padding:16px;border:1px solid #cbd5ce;border-radius:16px;background:#fffdf6}.cv-review-grid h4{margin:0 0 8px}.cv-review-grid p{font-size:.95rem;line-height:1.6}#color-vision-screen .cv-review-grid canvas{width:min(100%,250px);margin:0 auto}.cv-review-grid+button{margin-top:16px}@media(max-width:520px){.cv-review-grid{grid-template-columns:1fr}}

.cv-demo-hint{padding:12px;background:#e4f3ed;border-radius:12px;font-weight:700;line-height:1.6}

.cv-phase-symbol{font-size:clamp(3rem,8vw,5rem);font-weight:800;color:#0f766e;letter-spacing:.15em;margin:2rem 0}.cv-content [data-cv-phase-copy]{font-size:1.3rem;line-height:1.8}.cv-content [data-cv-transition]{padding:1.5rem 0}.cv-content [data-cv-phase-start]{margin-top:1rem;min-height:64px}

.cv-content [data-cv-intro]>p:first-of-type{font-size:1.15rem;line-height:1.9;margin:1.25rem 0}.cv-intro-flow{background:#edf6ee;border-radius:16px;padding:12px 20px;margin:20px auto 0;max-width:540px;text-align:left}.cv-intro-flow p{margin:8px 0;line-height:1.8;display:flex;gap:12px;justify-content:space-between;align-items:center}.cv-intro-flow strong{white-space:nowrap;color:#115e59}.cv-intro-time{margin:12px 0 24px;font-size:1.05rem}.cv-content [data-cv-intro]>.cv-note{max-width:660px;margin:0 auto 24px;text-align:left;line-height:1.9}.cv-content [data-cv-intro]{padding:12px 0}@media(max-width:480px){.cv-intro-flow{padding:10px 12px}.cv-intro-flow p{font-size:.95rem;gap:6px}}

.cv-step-copy{max-width:660px;margin:16px auto;font-size:1.15rem;line-height:1.9;text-align:left}.cv-content [data-cv-demo-next]{margin:12px 0;min-height:64px}

/* Tablet-readable instructions, including the introduction and completion message. */
#color-vision-screen .cv-step-copy{font-size:clamp(1.25rem,2.4vw,1.5rem);line-height:1.85;max-width:680px;margin:20px auto 24px;text-align:left;font-weight:500}
#color-vision-screen .cv-content [data-cv-intro]>p:first-of-type{font-size:clamp(1.25rem,2.4vw,1.5rem);line-height:1.85}
#color-vision-screen .cv-demo-hint{font-size:clamp(1.2rem,2.2vw,1.4rem);line-height:1.8;padding:16px}
#color-vision-screen .cv-content [data-cv-end]>.cv-note{font-size:clamp(1.25rem,2.4vw,1.5rem);line-height:1.9;text-align:left;max-width:680px;margin:20px auto 28px}
#color-vision-screen .cv-intro-flow,#color-vision-screen .cv-intro-time{font-size:1.2rem}
#color-vision-screen .cv-content [data-cv-intro]>.cv-note{font-size:1.05rem;line-height:1.9}
@media(max-width:520px){#color-vision-screen .cv-step-copy{margin:16px auto 20px}#color-vision-screen .cv-intro-flow p{flex-wrap:wrap;font-size:1.05rem}}

#color-vision-screen .cv-step-copy{white-space:pre-line}