@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101522;--surface:#192337;--surface2:#202d44;--line:#33425c;--text:#f6f7fb;--muted:#b7c2d4;--lime:#d8ff62;--lime-text:#132018;--cyan:#7fe2eb;--violet:#c3aeff;--danger:#ff9d9d;--good:#b5f2bd;--shadow:0 20px 70px #050a1470;font-family:'DM Sans',Arial,sans-serif;font-size:16px}
:root.light{color-scheme:light;--bg:#f3f6f7;--surface:#fff;--surface2:#e9eef2;--line:#b8c5d0;--text:#162237;--muted:#4e5f70;--lime:#397013;--lime-text:#fff;--cyan:#006677;--violet:#5b4598;--danger:#9a2633;--good:#176e37;--shadow:0 16px 48px #20345120}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--cyan)}a:hover{text-decoration:none}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.skip-link{position:absolute;left:-9999px;top:8px;background:var(--lime);color:var(--lime-text);padding:10px;z-index:20}.skip-link:focus{left:8px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(22px,calc((100vw - 1260px)/2));border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--text);font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.35rem;letter-spacing:-.05em;padding:0}.brand-highlight{color:var(--lime)}.brand-mark{width:36px;height:36px;border-radius:11px;background:var(--lime);color:var(--lime-text);display:grid;place-items:center;font-size:2rem;line-height:1}.desktop-nav{display:flex;gap:5px}.desktop-nav button,.mobile-nav button{background:none;border:0;color:var(--muted);padding:10px 14px;border-radius:10px;font-weight:700}.desktop-nav button:hover,.desktop-nav button.active,.mobile-nav button.active{background:var(--surface2);color:var(--text)}.topbar-end{display:flex;align-items:center;gap:12px}.xp-pill{border:1px solid var(--line);border-radius:99px;padding:8px 13px;font-size:.88rem;color:var(--lime);font-weight:800}.menu-button{display:none;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:7px 12px}.mobile-nav{display:none}main{width:min(1260px,100%);margin:0 auto;flex:1;padding:34px 22px 70px}footer{display:flex;justify-content:space-between;gap:20px;padding:24px max(22px,calc((100vw - 1260px)/2));border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.04em}h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:1.02;margin-bottom:20px}h2{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.08}h3{font-size:1.24rem}p{line-height:1.55}.muted{color:var(--muted)}.small{font-size:.85rem}.lead{font-size:1.17rem;max-width:55ch;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:13px;border:1px solid var(--line);background:var(--surface2);color:var(--text);font-weight:800;text-decoration:none;min-height:50px;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.985)}.btn.primary{background:var(--lime);color:var(--lime-text);border-color:var(--lime)}.btn.ghost{background:transparent}.btn.small-btn{min-height:40px;padding:9px 13px;font-size:.87rem}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px}.card.raised{box-shadow:var(--shadow)}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:36px 0 18px}.section-head h2{margin:0}.home-hero{display:grid;grid-template-columns:1.35fr .65fr;align-items:stretch;gap:24px}.hero-copy{padding:42px 42px 48px;border:1px solid var(--line);border-radius:26px;position:relative;overflow:hidden;background:radial-gradient(circle at 95% 0%,#243b4d 0,transparent 38%),var(--surface)}.hero-copy .btn-row{margin-top:30px}.hero-map{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;min-height:350px}.circuit{width:100%;height:175px}.circuit path{fill:none;stroke:var(--line);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.circuit circle{fill:var(--surface);stroke:var(--line);stroke-width:5}.circuit .lit{stroke:var(--lime)}.circuit circle.lit{fill:var(--lime)}.hero-stat{font-size:2.6rem;font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--lime);line-height:1}.mini-label{display:block;color:var(--muted);font-size:.83rem;margin-top:7px}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:6px 10px;color:var(--muted);font-size:.78rem;font-weight:800}.pill.lime{color:var(--lime);border-color:var(--lime)}.pill.cyan{color:var(--cyan);border-color:var(--cyan)}.pill.violet{color:var(--violet);border-color:var(--violet)}.feature-number{font-size:2rem;font-weight:700;color:var(--lime);font-family:'Space Grotesk',sans-serif}.card .card-bottom{margin-top:22px}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;align-items:start}.builder-main{display:grid;gap:26px}.builder-aside{position:sticky;top:20px}.builder-aside dl{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid var(--line);padding-top:18px;font-size:.9rem}.builder-aside dt{color:var(--muted)}.builder-aside dd{margin:0;font-weight:800;text-align:right}.choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card{display:block;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:16px;padding:17px;min-height:98px;width:100%;transition:transform .18s,border-color .18s}.choice-card:hover{transform:translateY(-2px)}.choice-card.selected{border:2px solid var(--lime);background:var(--surface2);padding:16px}.choice-card strong{display:block;font-size:1rem;margin-bottom:6px}.choice-card span{color:var(--muted);font-size:.83rem;line-height:1.4}.topic-chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:99px;padding:9px 13px;background:var(--surface);color:var(--text);font-weight:700;font-size:.87rem}.chip.selected{background:var(--lime);border-color:var(--lime);color:var(--lime-text)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:7px;color:var(--muted);font-size:.88rem;font-weight:700}.field input,.field select,.answer-input,.search-input{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:11px;padding:11px 12px;min-height:46px;width:100%}.field input[type=checkbox]{min-height:auto;width:auto}.checkline{display:flex;gap:9px;align-items:center;margin:8px 0;color:var(--text)}.checkline input{accent-color:var(--lime);width:18px;height:18px}.advanced{border:1px solid var(--line);border-radius:16px;padding:18px}.advanced summary{cursor:pointer;font-weight:800}.advanced[open] summary{margin-bottom:18px}.warning{border:1px solid #bd854e;background:#805c2d20;color:var(--text);border-radius:13px;padding:13px 15px;font-size:.87rem;line-height:1.45}.question-wrap{max-width:940px;margin:0 auto}.hud{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;color:var(--muted);font-weight:800}.hud-right{display:flex;gap:9px;align-items:center}.timer{font-variant-numeric:tabular-nums;color:var(--lime)}.progress-line{height:7px;border-radius:99px;background:var(--surface2);overflow:hidden;margin-bottom:25px}.progress-line span{display:block;height:100%;background:var(--lime);transition:width .3s}.question-card{padding:clamp(22px,4vw,42px)}.q-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.question-title{font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.24;margin-bottom:24px}.question-visual{display:grid;place-items:center;min-height:170px;background:var(--surface2);border:1px solid var(--line);border-radius:15px;margin-bottom:23px;padding:15px}.question-visual svg{width:min(350px,100%);height:150px}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.answer{min-height:72px;border:1px solid var(--line);background:var(--surface2);border-radius:13px;color:var(--text);padding:14px 17px;text-align:left;font-weight:700;line-height:1.3;display:flex;gap:12px;align-items:center}.answer:hover:not(:disabled){border-color:var(--cyan)}.answer .key{flex:none;display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:var(--bg);color:var(--muted);font-size:.8rem}.answer.correct{border:2px solid var(--good)}.answer.wrong{border:2px solid var(--danger)}.answer:disabled{opacity:1}.answer.selected{background:var(--surface)}.answer-form{display:flex;gap:10px}.answer-input{font-size:1.1rem;min-height:58px}.feedback{margin-top:22px;border:1px solid var(--line);border-radius:15px;padding:20px;background:var(--surface2)}.feedback.correct{border-color:var(--good)}.feedback.incorrect{border-color:var(--danger)}.feedback h3{margin-bottom:7px}.feedback p{margin-bottom:10px}.feedback details{margin:12px 0}.feedback summary{cursor:pointer;font-weight:700}.question-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.score-box{padding:22px;background:var(--surface2);border-radius:16px}.score-box strong{display:block;font-size:2rem;font-family:'Space Grotesk',sans-serif}.score-box span{color:var(--muted);font-size:.84rem}.result-hero{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:35px}.result-hero h1{font-size:3.5rem}.review-list{display:grid;gap:10px}.review-item{border:1px solid var(--line);border-radius:13px;padding:16px;background:var(--surface)}.review-item p{margin:6px 0}.unit-card{display:flex;flex-direction:column;gap:12px}.unit-card h3{margin:0}.unit-card .btn{margin-top:auto}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.reference-icon{height:105px;display:grid;place-items:center;background:var(--surface2);border-radius:13px;margin-bottom:14px;font-size:2.8rem}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:650px}.data-table th,.data-table td{padding:13px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{color:var(--muted);font-size:.83rem}.empty{padding:30px;border:1px dashed var(--line);border-radius:15px;color:var(--muted)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--lime);color:var(--lime-text);border-radius:11px;padding:12px 18px;font-weight:800;z-index:30;display:none;box-shadow:var(--shadow)}
@media(max-width:950px){.home-hero{grid-template-columns:1fr}.hero-map{min-height:220px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.builder-layout{grid-template-columns:1fr}.builder-aside{position:static}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.topbar{height:65px;padding:0 16px}.desktop-nav{display:none}.menu-button{display:block}.mobile-nav:not([hidden]){display:flex;flex-wrap:wrap;gap:3px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--bg)}.mobile-nav button{padding:8px 10px}main{padding:22px 15px 54px}footer{padding:20px 15px;display:block}footer span{display:block;margin:4px 0}.hero-copy{padding:28px 22px}.hero-copy h1{font-size:3rem}.hero-map{min-height:200px;padding:18px}.hero-map .circuit{height:125px}.grid.two,.grid.three,.reference-grid{grid-template-columns:1fr}.choice-grid.three{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.answers{grid-template-columns:1fr}.answer{min-height:60px}.question-card{padding:22px 17px}.hud{font-size:.83rem}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-hero{padding:24px 18px}.result-hero h1{font-size:2.5rem}.answer-form{flex-direction:column}.question-actions{flex-wrap:wrap}.question-actions .btn{flex:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.desktop-nav .nav-account,.mobile-nav .nav-account{display:inline-flex;align-items:center;padding:10px 14px;border-radius:10px;color:var(--lime);font-weight:800;text-decoration:none}.desktop-nav .nav-account:hover,.mobile-nav .nav-account:hover{background:var(--surface2)}
.reference-icon{width:100%;border:1px solid var(--line);color:var(--text);cursor:zoom-in;overflow:hidden;padding:10px}.reference-icon:hover{border-color:var(--cyan)}.reference-icon svg{display:block;width:100%;height:100%;max-height:120px}.reference-grid .card{display:flex;flex-direction:column}.reference-grid .card .btn{margin-top:auto;align-self:start}.reference-grid .card p{margin-bottom:12px}
.ref-dialog{width:min(900px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.ref-dialog::backdrop{background:#050a14bf}.ref-dialog>.btn{float:right;margin-bottom:12px}.ref-dialog #ref-zoom{clear:both;display:grid;place-items:center;min-height:320px}.ref-dialog svg{display:block;width:100%;max-height:70vh;height:auto}
.trophy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trophy{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--muted)}.trophy span{font-size:2rem;line-height:1;filter:grayscale(1);opacity:.5}.trophy strong{color:var(--text)}.trophy small{font-size:.78rem}.trophy.earned{border-color:var(--lime);background:linear-gradient(145deg,var(--surface),#30402d)}.trophy.earned span{color:var(--lime);filter:none;opacity:1}
@media(max-width:680px){.trophy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav .nav-account{padding:8px 10px}}

/* Criterion inventories fit inside unit cards and remain readable on mobile. */
.coverage-downloads{margin:20px 0}.criterion-map{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.criterion-map>summary{cursor:pointer;font-weight:650;line-height:1.5}.criterion-outcome h4{margin:18px 0 10px}.criterion-row{padding:10px 0;border-top:1px solid var(--line)}.criterion-row>summary{cursor:pointer;line-height:1.6;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.criterion-row .pill{font-size:.66rem}.criterion-row ul{padding-left:20px;font-size:.82rem;line-height:1.5}.criterion-row li{margin:10px 0}.criterion-row .btn{margin:8px 0}.criterion-row a{overflow-wrap:anywhere}

.question-visual svg.science-diagram{width:min(480px,100%);height:auto;max-height:300px}.reference-icon:has(.science-diagram){height:150px}.reference-icon svg.science-diagram{max-height:140px}