@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#17211f;--muted:#64706b;--paper:#f7f8f2;--white:#fff;--line:#dfe5dc;--green:#c5ef74;--deep:#243d31;--orange:#f3bd8e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,select{font:inherit}button{cursor:pointer}.topbar{height:76px;padding:0 max(6vw,24px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:inherit;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;letter-spacing:.04em}.brand small{display:block;font-size:9px;color:#738079;letter-spacing:.18em;margin-top:2px}.brand-icon{background:var(--deep);color:white;border-radius:9px;width:37px;height:37px;display:grid;place-items:center;font-size:20px;position:relative}.brand-icon span{position:absolute;font-size:10px;right:5px;top:4px;color:var(--green)}.top-note,.eyebrow,.label{font-size:10px;letter-spacing:.15em;font-weight:700}.top-note{color:#849088}.top-note b{color:#b5c2b4;margin:0 8px}main{max-width:1120px;margin:auto;padding:68px 26px 90px;min-height:calc(100vh - 150px)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;color:#5b7160}.dot{width:8px;height:8px;border-radius:50%;background:#8dc94c}h1,h2,h3,p{margin:0}h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.055em}h1{font-size:clamp(52px,7vw,84px);line-height:.99;margin:24px 0}.accent{color:#7ba748}.intro{font-size:16px;line-height:1.75;color:var(--muted);max-width:490px}.stats{display:flex;gap:28px;margin-top:40px}.stat strong{display:block;font:700 21px 'Space Grotesk';letter-spacing:-.04em}.stat span{display:block;font-size:11px;color:#7b8880;margin-top:4px}.stat+.stat{border-left:1px solid var(--line);padding-left:28px}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 14px 45px #263b2710}.panel-top{display:flex;justify-content:space-between;align-items:center}.badge{font-size:10px;letter-spacing:.12em;font-weight:700;background:#edf7df;color:#527632;border-radius:30px;padding:8px 10px}.spark{font-size:23px;color:#90b755}.panel h2{font-size:27px;margin:20px 0 8px}.panel p{font-size:13px;line-height:1.6;color:var(--muted)}.field{display:block;margin:25px 0 18px}.field span{display:block;font-size:11px;font-weight:700;margin-bottom:9px}.field select{width:100%;padding:14px;border:1px solid #dbe3d8;background:#fafbf8;color:var(--ink);border-radius:9px}.button{border:0;border-radius:9px;background:var(--deep);color:white;padding:15px 19px;font-weight:700;font-size:13px;display:inline-flex;justify-content:center;align-items:center;gap:20px}.button:hover{background:#385849}.button.primary{width:100%;background:var(--green);color:var(--deep);justify-content:space-between}.button.primary:hover{background:#b2e65b}.footnote{margin-top:14px!important;font-size:11px!important}.notice{border-top:1px solid var(--line);margin-top:75px;padding-top:24px;display:flex;gap:15px;align-items:flex-start}.notice .symbol{background:#e8eee2;color:#688b50;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;flex:none}.notice p{font-size:12px;color:#78847c;line-height:1.6}.notice strong{color:#425149}.quiz-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.quiz-head h1{font-size:clamp(36px,5vw,56px);margin:12px 0}.quiz-head p{color:var(--muted);font-size:13px}.text-button{border:0;background:transparent;color:#697970;font-size:12px;font-weight:700;padding:10px 0}.progress-row{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin:35px 0 10px}.progress{height:6px;background:#e1e8dc;border-radius:5px;overflow:hidden}.progress span{display:block;height:100%;background:#a6d765;transition:width .2s}.question{margin-top:25px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(22px,4vw,38px)}.question-num{font-size:10px;letter-spacing:.15em;color:#7c9a67;font-weight:700}.question h2{font-family:'DM Sans';font-weight:600;font-size:clamp(17px,2vw,21px);letter-spacing:-.015em;line-height:1.55;margin:14px 0 25px}.options{display:grid;gap:10px}.option{display:flex;gap:14px;align-items:flex-start;border:1px solid #e1e8de;border-radius:10px;padding:14px;cursor:pointer;line-height:1.55;font-size:14px;overflow:auto}.option:hover{border-color:#a5c98a}.option:has(input:checked){border-color:#91b85f;background:#f4faed}.option input{accent-color:#658e46;margin:5px 0 0}.option-letter{font-weight:700;color:#849486}.actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px}.button.secondary{background:#e8eee5;color:#41554a}.button:disabled{opacity:.45;cursor:default}.nav-dots{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}.nav-dots button{width:34px;height:34px;border:1px solid #dce5d8;background:white;border-radius:8px;color:#718075;font-size:11px}.nav-dots button.answered{background:#e5f3d2;color:#42622e}.nav-dots button.current{border:2px solid #789d57}.result-summary{display:flex;gap:16px;flex-wrap:wrap;margin:25px 0}.result-card{background:white;border:1px solid var(--line);padding:20px;border-radius:12px;flex:1;min-width:130px}.result-card strong{font:700 27px 'Space Grotesk';display:block}.result-card span{font-size:12px;color:var(--muted)}.review .question{margin-top:14px}.review .option{cursor:default}.correct{background:#edf8e4;border-color:#a8d580}.wrong{background:#fff0e9;border-color:#e7ad92}.result-tag{font-size:11px;font-weight:700;float:right;color:#688456}.wrong-tag{color:#b0654e}.note{font-size:12px;color:var(--muted);line-height:1.7}.math-overflow{overflow-x:auto}footer{border-top:1px solid var(--line);padding:25px max(6vw,24px);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;color:#89958c;font-weight:700}footer b{color:#90b75b}@media(max-width:720px){.top-note{display:none}main{padding-top:45px}.hero{grid-template-columns:1fr;gap:35px}.notice{margin-top:42px}.stats{gap:15px}.stat+.stat{padding-left:15px}.quiz-head{align-items:start}.actions .button{padding:14px}.result-card{min-width:100px}footer{gap:20px}}
.toggle-row{display:flex;gap:12px;align-items:flex-start;padding:14px;margin:0 0 18px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.toggle-row input{accent-color:#658e46;margin:3px 0 0;width:16px;height:16px}.toggle-row strong{display:block;font-size:12px}.toggle-row small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}.explanation{margin-top:16px;color:#526556;font-size:13px;line-height:1.6}
.toggle-row[hidden]{display:none}