:root{color-scheme:dark;--green:#0a251b;--deep:#061810;--paper:#fff5da;--muted:#bdc8b9;--gold:#e0bc59;--ink:#192b20;--line:#496149;--error:#ffb9a7;--good:#aaddb5;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--deep);color:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 50% 0,#244e36 0,transparent 60%),var(--deep);line-height:1.6}a{color:var(--gold);text-underline-offset:.22em}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button:disabled{opacity:1}h1,h2,h3,p{margin:0}h1,h2,.wordmark{font-family:Georgia,"Times New Roman",serif}h1{font-size:clamp(2.25rem,7vw,4.75rem);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}h2{font-size:clamp(1.65rem,4vw,2.35rem);line-height:1.25}h3{font-size:1.05rem}h1:focus,h2:focus{outline:0}.site-header{max-width:1120px;margin:auto;padding:1.3rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1.25rem;border-bottom:1px solid #e0bc5933}.wordmark{font-weight:bold;font-size:1.5rem;text-decoration:none;color:var(--paper);white-space:nowrap}.wordmark span{font-size:.7em;font-style:italic;color:var(--gold)}.language-control{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--muted)}select{max-width:100%;min-height:44px;color:var(--paper);background:var(--green);border:1px solid var(--line);border-radius:.35rem;padding:.4rem .65rem}main{max-width:960px;margin:0 auto;padding:3.5rem 2rem 2rem;min-height:65vh}main:focus{outline:0}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:800;color:var(--gold);margin-bottom:1.4rem}.hero{max-width:760px;margin:1rem auto 0;text-align:center}.hero p.lede{font-size:clamp(1.1rem,2.5vw,1.35rem);max-width:610px;margin:1.4rem auto;color:#e3e5d9}.pill-row{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin:1.8rem 0}.pill{border:1px solid var(--line);border-radius:2rem;padding:.35rem .85rem;color:var(--muted);font-size:.85rem}.primary,.secondary{border-radius:.4rem;padding:.8rem 1.15rem;min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-weight:750;line-height:1.4;max-width:100%;overflow-wrap:anywhere}.primary{color:var(--deep);background:var(--gold);border:1px solid var(--gold)}.primary:hover{background:#f1d17c}.secondary{color:var(--paper);background:transparent;border:1px solid var(--line)}.secondary:hover{background:#ffffff0b}.hero .primary{padding:1rem 1.7rem}.intro-note{margin:1.7rem auto 0;max-width:650px;color:var(--muted);font-size:.9rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:3rem 0 0;text-align:left}.step{padding:1.3rem;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}.step strong{display:block;color:var(--paper);margin-bottom:.4rem}.step-number{color:var(--gold);font-family:Georgia,serif;font-size:1.7rem;line-height:1;margin-bottom:.8rem}.case-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:0 0 .7rem;color:var(--muted);font-size:.85rem}.progress{display:flex;gap:.35rem;margin-bottom:1.7rem}.progress span{height:5px;flex:1;border-radius:2px;background:#42624b}.progress .done{background:var(--gold)}.progress .current{background:var(--paper)}.case-card{background:var(--paper);color:var(--ink);border-radius:.65rem;border:1px solid #f2cf80;box-shadow:0 15px 55px #0005;padding:clamp(1.25rem,4vw,2.5rem)}.case-card .eyebrow{color:#52623d;margin-bottom:.8rem}.question{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.25rem,3vw,1.65rem);line-height:1.5;font-weight:normal}.answers{display:grid;gap:.8rem;margin-top:1.5rem}.answer{display:flex;align-items:flex-start;gap:.8rem;text-align:left;width:100%;border:1px solid #a2ab91;border-radius:.4rem;background:#fffaf0;color:var(--ink);padding:1rem;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.answer:hover:not(:disabled){border-color:#486b44;background:#f0f0d8}.answer:focus-visible{outline-color:#486b44}.answer-letter{flex:0 0 1.7rem;display:inline-flex;align-items:center;justify-content:center;min-height:1.7rem;font-size:.8rem;font-weight:800;border:1px solid #abb49b;border-radius:.2rem}.answer.correct{background:#e0ecd4;border-color:#36743c;box-shadow:inset 4px 0 #36743c}.answer.wrong{background:#ffe3d7;border-color:#a74125;box-shadow:inset 4px 0 #a74125}.answer-label{display:block;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-top:.4rem}.hint{margin-top:1.5rem;border-top:1px solid #cad0b9;padding-top:1rem;color:#425739;font-size:.9rem}.hint summary{cursor:pointer;min-height:36px;font-weight:650}.hint p{padding:.6rem 0}.feedback{margin-top:1.5rem;border-left:3px solid var(--gold);padding:1.3rem 1.5rem;background:#183423;border-radius:0 .4rem .4rem 0}.feedback.failure{border-color:var(--error)}.feedback h2{color:var(--good);margin-bottom:.65rem;font-size:1.6rem}.feedback.failure h2{color:var(--error)}.feedback p{margin-bottom:.85rem}.sources{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;font-size:.92rem;margin:1rem 0}.source-note{font-size:.8rem;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}.case-bottom{display:flex;justify-content:flex-end;margin-top:1.2rem}.case-bottom button{font-size:.85rem;border:0;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:.2em;padding:.4rem}.summary{max-width:730px;margin:2rem auto;text-align:center}.summary .score{font-family:Georgia,serif;font-size:4rem;color:var(--gold);line-height:1;margin:1.7rem 0}.summary p{margin:1.2rem auto;color:var(--muted);max-width:620px}.summary .actions{justify-content:center}.site-footer{max-width:960px;margin:1rem auto 0;padding:1.5rem 2rem 2rem;border-top:1px solid #e0bc5926;text-align:center;color:var(--muted);font-size:.8rem}.site-footer p{margin-bottom:.6rem}.skip-link{position:fixed;z-index:10;left:1rem;top:-8rem;padding:.8rem;background:var(--paper);color:var(--ink)}.skip-link:focus{top:1rem}.noscript{max-width:700px;margin:2rem auto;padding:1rem}.failed-load{padding:2rem;border:1px solid var(--error);border-radius:.5rem} [hidden]{display:none!important}
@media(max-width:600px){.site-header{padding:1rem;gap:.6rem;flex-wrap:wrap}.wordmark{font-size:1.2rem}.language-control{gap:.35rem}.language-control label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}select{font-size:.85rem;max-width:130px}main{padding:2.2rem 1rem 1rem}.hero{margin:0 auto}.steps{grid-template-columns:1fr;gap:.2rem;margin-top:2rem}.step{padding:1rem .2rem;display:grid;grid-template-columns:2rem 1fr;gap:.3rem}.step-number{grid-row:span 2;margin:.2rem 0}.step strong{margin:0}.pill-row{margin:1.4rem 0}.case-card{padding:1.1rem}.answer{padding:.85rem;gap:.6rem}.feedback{padding:1rem}.site-footer{padding:1.3rem 1rem 2rem}.actions>*{flex:1 1 180px}.case-header{font-size:.8rem}.summary .score{font-size:3.5rem}}
@media(prefers-reduced-motion:no-preference){.primary,.answer,.secondary{transition:background-color .15s,border-color .15s}}
@media(forced-colors:active){.answer.correct{border:3px solid LinkText}.answer.wrong{border:3px dashed CanvasText}.progress span{border:1px solid CanvasText}.progress .done,.progress .current{background:Highlight}}
