:root{color-scheme:dark;--bg:#101419;--card:#1a222a;--line:#35414a;--fg:#f0f5f2;--muted:#bac7c7;--lime:#d0ff80;--dark:#1c2915;--pink:#ffadb0}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#293b2d 0,transparent 550px),var(--bg);color:var(--fg);font:16px/1.55 system-ui,sans-serif;min-height:100vh}header{border-bottom:1px solid var(--line)}.bar,main,footer{max-width:1000px;margin:auto;padding-inline:24px}.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:72px}.brand{display:flex;align-items:center;gap:10px;color:var(--fg);font-weight:850;text-decoration:none}.brand span{border-radius:9px;padding:4px 10px;background:var(--lime);color:var(--dark)}nav,.actions{display:flex;flex-wrap:wrap;gap:8px}main{padding-top:48px;min-height:70vh}footer{padding-block:34px;color:var(--muted);font-size:.84rem}.eyebrow{color:var(--lime);text-transform:uppercase;font-size:.77rem;letter-spacing:.15em;font-weight:800}h1{line-height:1.08;margin:12px 0 16px;letter-spacing:-.05em;font-size:clamp(2.4rem,6.4vw,5rem)}h2{line-height:1.22;margin:0 0 14px}p{margin:0 0 16px;color:var(--muted)}a{color:var(--lime)}button{font:inherit;font-weight:700;cursor:pointer;color:var(--fg);background:#232f37;border:1px solid var(--line);border-radius:10px;padding:9px 14px}button:hover:not(:disabled){border-color:var(--lime)}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:disabled{cursor:default;opacity:.58}.primary{color:var(--dark);background:var(--lime);border-color:var(--lime)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.topic{text-align:left;min-height:76px}.topic small{display:block;color:var(--muted);font-weight:500}.stats{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0 32px;color:var(--muted);font-size:.9rem}.stats strong{color:var(--fg)}.note{margin-top:18px;font-size:.88rem}.quiz{max-width:720px;margin:auto}.quiz h1,.result h1{font-size:clamp(1.7rem,5vw,2.7rem);line-height:1.2}.meta{display:flex;justify-content:space-between;gap:10px}.meta p{margin:0}.quiz progress{width:100%;height:10px;accent-color:var(--lime);margin-bottom:12px}.answers{display:grid;gap:10px}.answers button{text-align:left;min-height:48px}.answers button:disabled{opacity:1}.answers .yes{border-color:var(--lime);color:var(--lime)}.answers .no{border-color:var(--pink);color:var(--pink)}.feedback{border-left:3px solid var(--lime);padding:12px 15px;margin:14px 0;background:#222f2a}.feedback p:last-child{margin:0}.feedback small{display:block;margin-top:8px}textarea{width:100%;min-height:115px;padding:12px;font:inherit;background:#131b20;color:var(--fg);border:1px solid var(--line);border-radius:8px;margin-bottom:8px}.principles{display:grid;gap:12px}.principles article p{margin-bottom:8px}.result .grid{margin-block:14px}.result .card p{margin:0}.result ol{padding-left:24px}.result li{margin-bottom:10px}summary{cursor:pointer;color:var(--lime)}@media(max-width:560px){.bar,main,footer{padding-inline:16px}main{padding-top:30px}.bar button{padding:6px 9px}.meta{font-size:.84rem}.card{padding:15px}}