/* Aparência clara permanente. */
.nav{display:grid;grid-template-columns:auto 1fr auto;gap:22px}
.nav nav{justify-content:flex-end;gap:22px}
html[data-theme=light]{color-scheme:light;--ink:#1a3036;--muted:#52676d;--line:#d1dfdc;--bg:#f7faf8;--accent:#246c59;--soft:#e5f0eb;--surface:#fff}
html[data-theme=light] .nav{border-color:var(--line)}
html[data-theme=light] .nav-cta{border-color:#b1c8c0;color:var(--ink)}
html[data-theme=light] .primary:not(.quiz-start-button){background:var(--accent);color:white;border-color:var(--accent)}
html[data-theme=light] .primary:not(.quiz-start-button):not(:disabled):hover{background:#195640;color:white}
html[data-theme=light] .visual-top{color:#3b565d;border-color:var(--line)}
html[data-theme=light] .visual-top .mono{color:#607c83}
html[data-theme=light] .plot{background-image:linear-gradient(#36575e12 1px,transparent 1px),linear-gradient(90deg,#36575e12 1px,transparent 1px);border-color:#b1c5c4}
html[data-theme=light] .plot:before,html[data-theme=light] .plot:after{background:#91aaa9}
html[data-theme=light] .axis{color:#425e65}
html[data-theme=light] .quad{color:#61797d}
html[data-theme=light] .quad strong{color:#253f45}
html[data-theme=light] .origin{background:var(--bg);border-color:#657e7c}
html[data-theme=light] .illustrative-dot,html[data-theme=light] .result-dot{background:var(--accent);border-color:white;box-shadow:0 0 0 9px #246c590d,0 0 0 24px #246c5907}
html[data-theme=light] .hero-meta{color:var(--muted)}
html[data-theme=light] .hero-meta span+span:before{color:#899b98}
html[data-theme=light] .visual-bottom p,html[data-theme=light] .visual-bottom .mono{color:#5b757c}
html[data-theme=light] .principles{border-color:var(--line)}
html[data-theme=light] .principles p{color:#3e5a61}
html[data-theme=light] .principles .mono{color:var(--accent)}
html[data-theme=light] .axis-cards .card-number{color:#647e82}
html[data-theme=light] .scale-line{background:linear-gradient(90deg,#508879,#d4e4dd,#508879)}
html[data-theme=light] .scale-ends strong{color:#304f55}
html[data-theme=light] .quiz-section{background:#edf3f0;border-color:var(--line)}
html[data-theme=light] .privacy-note>span{color:var(--accent)}
html[data-theme=light] .privacy-note p{color:#536d71}
html[data-theme=light] .quiz-card{border-color:#c1d5cd;box-shadow:0 24px 70px #17322a09}
html[data-theme=light] .quiz-top{color:#4f7075}
html[data-theme=light] .progress{background:#e2ebe5}
html[data-theme=light] .audio-button{color:#2e6256;border-color:#b7d0c6;background:transparent}
html[data-theme=light] .audio-button:hover:not(:disabled),html[data-theme=light] .audio-button[aria-pressed=true]{background:#e8f2ec;border-color:var(--accent)}
html[data-theme=light] .audio-status{color:var(--muted)}
html[data-theme=light] .question-label{color:#557377}
html[data-theme=light] .question-text{background:#f2f6f3;border-color:#d4e2db;border-left-color:#438672;color:#4c6369}
html[data-theme=light] .question-text .situation-context,html[data-theme=light] .question-text .tradeoff{color:#4c6369}
html[data-theme=light] .question-text .dilemma-statement{color:#193a3e}
html[data-theme=light] .agreement-prompt,html[data-theme=light] .agreement-ends{color:#294b51}
html[data-theme=light] .agreement-track:before{background:#bfd1c9}
html[data-theme=light] .agreement-point input:before{background:white;border-color:#76998d}
html[data-theme=light] .agreement-point input:checked:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 6px #246c5915}
html[data-theme=light] .point-caption,html[data-theme=light] .choice-feedback,html[data-theme=light] .back,html[data-theme=light] .quiz-foot{color:#546e72}
html[data-theme=light] .agreement-point:has(input:checked) .point-caption,html[data-theme=light] .choice-feedback.has-choice{color:var(--accent)}
html[data-theme=light] .unknown-choice{border-color:#b5ccc3;color:#4e6c71}
html[data-theme=light] .unknown-choice:has(input:checked){background:#e7f2eb;color:var(--accent);border-color:var(--accent)}
html[data-theme=light] .secondary{background:#edf4ef;border-color:#b5cfc3;color:#235449}
html[data-theme=light] .secondary:hover{background:#e0eee4}
html[data-theme=light] .method-details details,html[data-theme=light] footer{border-color:var(--line)}
html[data-theme=light] .method-details p{color:var(--muted)}
html[data-theme=light] .formula{background:#edf4ef;color:#2e5554!important}
html[data-theme=light] summary:after{color:var(--accent)}
html[data-theme=light] .result-copy,html[data-theme=light] .result-note{color:var(--muted)}
html[data-theme=light] .score{background:#f1f6f2;border-color:#c7dbd0;color:#526e70}
html[data-theme=light] .score strong{color:#234b4a}
html[data-theme=light] .center-band-x,html[data-theme=light] .center-band-y{background:#246c5907}
html[data-theme=light] .candidate-comparison{background:#f1f6f2;border-color:#c6d9ce}
html[data-theme=light] .candidate-comparison h4,html[data-theme=light] .candidate-heading h5{color:var(--ink)}
html[data-theme=light] .candidate-conclusion{color:#2c6755}
html[data-theme=light] .candidate-heading span,html[data-theme=light] .candidate-coverage,html[data-theme=light] .candidate-limit,html[data-theme=light] .candidate-method p,html[data-theme=light] .evidence-item p,html[data-theme=light] .candidate-empty{color:var(--muted)}
html[data-theme=light] .candidate-heading>strong,html[data-theme=light] .candidate-method a{color:var(--accent)}
html[data-theme=light] .candidate-bar{background:#dce9df}
html[data-theme=light] .candidate-bar span{background:var(--accent)}
html[data-theme=light] .candidate-method,html[data-theme=light] .evidence-item{border-color:#cdded2}
html[data-theme=light] .candidate-method summary{color:var(--ink)}
html[data-theme=light] .evidence-item summary span{color:#53746b}
html[data-theme=light] .live-stats>div,html[data-theme=light] .proposal-card{background:white}
html[data-theme=light] .live-plot{background:linear-gradient(90deg,transparent 49.8%,#91aaa9 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#91aaa9 50%,transparent 50.2%),#f0f5f2}
html[data-theme=light] .live-dot{background:#246c5977;border-color:#246c59}
html[data-theme=light] .live-dot.is-own{background:var(--accent);border-color:#1c363a}
html[data-theme=light] .live-dot:hover,html[data-theme=light] .live-dot:focus-visible{outline-color:#1c363a}
html[data-theme=light] .quiz-exit-button{background:var(--accent);color:white;border-color:var(--accent);box-shadow:0 3px 16px #246c5912}
html[data-theme=light] .quiz-exit-button:hover{background:#195640;color:white;border-color:#195640}
html[data-theme=light] .quiz-exit-button:focus-visible{outline-color:#246c59}
html[data-theme=light] footer p,html[data-theme=light] footer>.mono,html[data-theme=light] .share-help,html[data-theme=light] .share-status,html[data-theme=light] .result-sharing>p{color:#546e73}
html[data-theme=light] .story-preview{border-color:#b8cfc4}
@media(max-width:1100px){.nav{gap:15px}.nav nav{gap:15px;font-size:12px}}
@media(max-width:760px){.nav{grid-template-columns:1fr auto;height:auto;min-height:98px;gap:10px;padding-top:15px;padding-bottom:15px}.nav nav{grid-column:1/-1;grid-row:2;justify-content:flex-start}.nav nav .nav-cta{padding:7px 18px}.focus-toolbar{flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){html[data-theme=light] .hero-visual .illustrative-dot{animation:light-dot-pulse 2.8s ease-in-out infinite}@keyframes light-dot-pulse{0%,100%{transform:translate(-50%,-50%) scale(.9);opacity:.85;box-shadow:0 0 0 7px #246c5912,0 0 0 16px #246c5905}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1;box-shadow:0 0 0 12px #246c5918,0 0 0 26px #246c5908}}}
@media(min-width:761px) and (max-width:1000px){.nav{grid-template-columns:1fr auto;height:auto;gap:12px;padding:18px 0}.nav nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;flex-wrap:wrap}}
/* A prominent number and two quiet tones make each new situation distinct. */
.question-label{display:flex;align-items:center;gap:12px;margin:24px 0 18px;font-size:11px;font-weight:700;letter-spacing:1.5px}
.question-number{display:inline-flex;align-items:center;justify-content:center;min-width:62px;min-height:58px;padding:5px 10px;border-radius:10px;font-size:34px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-1px;background:var(--accent);color:#112126}
.question-number-total{font-size:10px;font-weight:500;letter-spacing:1px;color:var(--muted)}
html[data-theme=light] .question-number{background:var(--accent);color:white}
@media(max-width:700px){.question-label{gap:10px}.question-number{min-width:56px;min-height:52px;font-size:30px}}

/* Compact question controls, matching the annotated review. */
.question-meta{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:0 0 20px}
.question-meta .question-label{margin:0}
.question-category{font-size:11px;line-height:1.4;letter-spacing:.7px;color:var(--muted)}
.question-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.question-heading h3{margin:0;min-width:0}
.question-heading .audio-button{flex-shrink:0}
#answers .agreement-prompt{width:100%;margin-bottom:21px}
.agreement-prompt>span:first-child{display:inline-block;margin-right:12px}
#answers .agreement-prompt .choice-feedback{display:inline;min-height:0;margin:0;text-align:left;font-size:13px;font-weight:400}
#answers .agreement-prompt .choice-feedback.has-choice{font-weight:600}
.agreement-track{margin-bottom:18px}
@media(max-width:700px){.question-meta{gap:12px}.question-category{font-size:10px;flex-basis:100%}.question-heading{align-items:flex-start;gap:12px}.question-heading h3{font-size:24px}.question-heading .audio-button{padding:8px 10px;font-size:12px;min-height:38px}.agreement-prompt>span:first-child{margin-right:8px}#answers .agreement-prompt .choice-feedback{font-size:12px}}

.question-illustration{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;background:#f5f3e9;border:1px solid var(--line);border-radius:8px;margin:0 0 24px}


/* Introductory copy and supporting information next to the start action. */
.hero-copy .lead strong{font-weight:700;color:var(--ink)}
.hero-action-row{display:flex;align-items:center;gap:22px}
.hero-action-row .hero-start-button{flex-shrink:0}
.hero-action-row .hero-meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0;font-size:11px;white-space:nowrap}
.hero-action-row .hero-meta span+span:before{display:none}
@media(max-width:1000px){.hero-action-row{flex-wrap:wrap;gap:14px}.hero-action-row .hero-meta{flex-direction:row;flex-wrap:wrap;gap:14px}}