:root{--green:#173f2d;--gold:#d8a43b;--ink:#17201b;--muted:#647067;--paper:#f6f3ea;--line:#d9ddd8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;cursor:pointer}header{background:var(--green);color:#fff;padding:18px max(24px,calc((100% - 1120px)/2))}.brand{display:flex;gap:14px;align-items:center}.brand>b{background:var(--gold);color:#173124;padding:10px;border-radius:8px;font-size:22px}.brand span{display:grid}.brand small{opacity:.75}main>section,footer{max-width:1120px;margin:auto}.hero{padding:70px 24px 36px;display:grid;grid-template-columns:1fr 240px;gap:50px;align-items:center}.tag{color:#825c12;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.hero h1{font:700 clamp(2.3rem,5vw,4.6rem)/.98 Georgia,serif;margin:12px 0}.hero p{font-size:1.15rem;color:var(--muted)}.hero aside{background:var(--green);color:white;border-radius:18px;padding:28px;display:grid;text-align:center}.hero aside strong{font-size:4rem;color:#f4c55b}.hero aside span{font-size:.82rem}.modes{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.modes button,.summary,.resume{border:1px solid var(--line);background:white;border-radius:14px;padding:24px;text-align:left;box-shadow:0 5px 18px #183b2a10}.modes button{display:grid;gap:8px}.modes button b{font-size:1.25rem;color:var(--green)}.modes button:hover{border-color:var(--gold);transform:translateY(-2px)}.summary{margin:12px auto 40px;display:flex;gap:18px;align-items:center}.summary span{flex:1}.summary button,.resume,.results>button{background:var(--green);color:white;border:0;border-radius:8px;padding:12px 18px}.resume{display:block;margin:0 auto;width:min(1072px,calc(100% - 48px));text-align:center}.quiz,.results,.review{padding:42px 24px}.quiz nav,.actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.quiz nav button,.actions button,.review>button,.results>button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;padding:10px 14px}.bar{height:6px;background:#ddd;border-radius:9px;margin:18px 0 35px}.bar i{height:100%;display:block;background:var(--gold);border-radius:9px}.quiz h2{font:700 clamp(1.5rem,3vw,2.2rem)/1.25 Georgia,serif;max-width:900px}.answers{display:grid;gap:12px;margin:28px 0}.answers button{display:flex;align-items:center;gap:16px;text-align:left;background:#fff;border:2px solid var(--line);border-radius:12px;padding:16px}.answers button>b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#edf1ed}.answers .sel{border-color:#bc8a26}.answers .right{border-color:#318458;background:#effaf3}.answers .wrong{border-color:#b44;background:#fff2f2}.explain{background:#fff;border-left:5px solid var(--gold);padding:20px;margin:20px 0}.actions span{display:flex;gap:10px}.breakdown{display:grid;gap:10px;margin:25px 0}.breakdown>div{background:white;border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;justify-content:space-between}.breakdown span{display:grid}.breakdown span span,.breakdown span:not(b){color:var(--muted)}.results h1{font-size:5rem;margin:.1em 0;color:var(--green)}.results>button{margin-right:10px;background:var(--green);color:#fff}.review article{background:white;border-left:5px solid #47865e;padding:20px;margin:16px 0}.review article.no{border-color:#bd4b42}.review article aside{background:#f2f4ef;padding:14px}footer{padding:30px 24px 50px;color:var(--muted);font-size:.84rem}.loading{padding:60px;text-align:center}@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:40px}.modes{grid-template-columns:1fr}.summary{margin-left:24px;margin-right:24px;display:grid}.quiz{padding-top:24px}.actions{align-items:stretch}.actions span{display:grid}.hero aside{display:none}}.install-row{width:min(1072px,calc(100% - 48px));margin:0 auto;display:flex;gap:12px}.install-row #install,.install-row .resume{flex:1;background:var(--gold);color:#173124;border:0;border-radius:10px;padding:14px 20px;font-weight:800;text-align:center}.install-row .resume{background:var(--green);color:white;margin:0;width:auto}