:root{--ink:#203a35;--green:#153b36;--accent:#d8ec8c;--paper:#f7f7ef;--muted:#66716b;--border:#dce2d7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.6}header{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 30px;border-bottom:1px solid var(--border)}a{color:inherit}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;font-weight:750;line-height:1.25}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:6px;color:var(--muted)}.logo{display:grid;place-items:center;width:46px;height:46px;background:var(--green);color:white;border-radius:13px;font:bold 35px Georgia;position:relative}.logo span{font:18px system-ui;position:absolute;right:3px;top:0;color:var(--accent)}nav{display:flex;gap:25px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}main{max-width:1120px;margin:auto;padding:40px 30px 64px;min-height:78vh}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:46px;align-items:center;padding:14px 0 40px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:#537149}.badge{display:inline-flex;border:1px solid #c9d5bd;border-radius:30px;padding:5px 12px;font-size:11px;margin-bottom:12px}h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(36px,5vw,60px);line-height:1.08;letter-spacing:-1.7px;margin:14px 0 20px}h1 em{color:#668541;font-weight:normal}h2{font-size:25px;line-height:1.25;margin:8px 0 15px}h3{font-size:17px;margin:0 0 8px}p{margin:8px 0 16px}.lede{font-size:17px;color:var(--muted);max-width:560px}.btn,button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--border);background:white;color:var(--ink);padding:12px 18px;border-radius:9px;font-size:14px;font-weight:650;gap:10px}.btn.primary{background:var(--green);color:white;border-color:var(--green)}.btn:hover{filter:brightness(.95)}.btn:disabled{opacity:.45;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 12px}.fine{font-size:12px;color:var(--muted)}.session{background:var(--green);color:white;border-radius:20px;padding:30px;position:relative;box-shadow:10px 12px 0 #e6ebdb}.session .eyebrow{color:var(--accent)}.session h2{font:29px Georgia;margin-top:20px}.session p{color:#d1ded4}.session .line{display:flex;justify-content:space-between;border-top:1px solid #48645c;padding:12px 0;font-size:13px}.session .btn{background:var(--accent);border:0;color:var(--green);width:100%;margin-top:15px}.sun{position:absolute;right:25px;top:20px;font-size:42px;color:var(--accent)}.notice{font-size:13px;background:#efeee3;border-left:3px solid #a89456;padding:13px 16px;margin:18px 0 30px}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin:20px 0}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid var(--border);border-radius:13px;background:#fff;padding:22px}.card .number{color:#698347;font-size:12px;font-weight:bold;letter-spacing:1px;margin-bottom:20px}.card p{color:var(--muted);font-size:13px}.card button{border:0;background:none;padding:8px 0;color:var(--green);font-size:13px;font-weight:bold}.reviewcard{background:#eaf0df}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.stat{padding:20px;background:white;border:1px solid var(--border);border-radius:12px}.stat strong{font-size:32px;font-family:Georgia;display:block}.quiz{max-width:800px;margin:auto}.quiztop{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:15px}.track{height:5px;background:#dfe6d7;border-radius:10px;margin:15px 0 28px}.track span{display:block;height:100%;background:#709149;border-radius:10px}.question{font-size:18px;line-height:1.7;margin:20px 0 25px}.options{display:grid;gap:11px}.option{display:flex;align-items:start;gap:13px;text-align:left;border:1px solid var(--border);border-radius:10px;background:white;padding:15px 17px;font-size:14px;color:var(--ink)}.option b{border:1px solid #d8ded3;min-width:29px;height:29px;border-radius:6px;display:grid;place-items:center;font-size:12px}.option:hover:not(:disabled){border-color:#6f884f}.option.selected{border:2px solid #607d42;background:#f0f5e7;padding:14px 16px}.option.correct{border:2px solid #46714c;background:#edf7ec;padding:14px 16px}.option.wrong{border:2px solid #b77a64;background:#fff1e9;padding:14px 16px}.explanation{margin-top:24px;border-radius:12px;background:#eef2e7;padding:22px}.explanation p{font-size:14px}.why{border-top:1px solid #d5deca;padding:11px 0;font-size:13px}.why b{display:block}.source{font-size:12px;margin-top:15px;color:var(--muted)}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{padding:5px 9px;border-radius:20px;background:#e9edde;font-size:11px}.barrow{margin:18px 0;font-size:14px}.barrow>div:first-child{display:flex;justify-content:space-between}.bar{height:7px;background:#e3e8dc;margin-top:8px;border-radius:5px;overflow:hidden}.bar span{height:100%;display:block;background:#74904c}.sources{display:grid;gap:15px}.sources a{font-weight:650}.sources p{font-size:14px;color:var(--muted)}label{display:block;font-size:14px;margin:17px 0 5px}select,textarea{width:100%;padding:12px;border:1px solid var(--border);background:white;border-radius:8px;font:inherit;color:var(--ink)}:focus-visible{outline:3px solid #9baf64;outline-offset:3px}footer{border-top:1px solid var(--border);padding:22px 30px;max-width:1120px;margin:auto;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.empty{padding:35px;text-align:center}.feedback{max-width:720px} .toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:12px 20px;border-radius:9px;font-size:13px;z-index:10}@media(max-width:720px){header{padding:18px 20px;align-items:start}.brand{font-size:14px}nav{gap:12px;font-size:11px;padding-top:5px}main{padding:24px 20px 40px}.hero{grid-template-columns:1fr;gap:25px;padding-top:0}.topics{grid-template-columns:1fr 1fr}.session{padding:24px}.stats{gap:8px}.stat{padding:13px}.stat strong{font-size:26px}.card{padding:17px}.quiztop{gap:12px}.question{font-size:16px}footer{flex-direction:column;gap:4px}.sectionhead{align-items:start;gap:10px}}@media(max-width:400px){nav{gap:8px}.topics{grid-template-columns:1fr}header .logo{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}