*{box-sizing:border-box}body{margin:0;background:#f6f7f2;color:#163d3b;font:16px/1.55 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin:auto;padding:28px 24px;border-bottom:1px solid #d8e2da}.brand{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:800;letter-spacing:2px;color:inherit;text-decoration:none}.brand span{font-size:14px}.brand small{display:block;font-size:9px;letter-spacing:2.5px;color:#61766f}.badge,.eyebrow{font-size:12px;color:#5a7167}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-weight:700}main{max-width:1000px;padding:40px 24px;margin:auto;min-height:70vh}h1{font-size:clamp(32px,5vw,52px);line-height:1.12;letter-spacing:-1.8px;margin:16px 0}h2{font-size:24px;line-height:1.35}p{color:#59716b}.hero{max-width:660px;margin-bottom:32px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tabs button{background:transparent;color:#355951;border:1px solid #cad7ce}.tabs button.active{background:#163d3b;color:white;border-color:#163d3b}button,.button{border:0;border-radius:12px;padding:13px 19px;font:inherit;font-weight:650;background:#163d3b;color:white;cursor:pointer;text-decoration:none;display:inline-block}button:hover{filter:brightness(1.12)}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #bd7615;outline-offset:3px}.secondary{background:#e6ede5;color:#234c43}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.card{padding:28px;background:white;border:1px solid #dce4da;border-radius:20px;margin:16px 0}.feature{background:#dfebdf}.card h2{margin-top:8px}.metrics{display:flex;gap:32px;margin:20px 0}.metrics strong{display:block;font-size:30px}.metrics small{color:#5d7369}.row{display:flex;justify-content:space-between;align-items:center;gap:14px}.wrap{flex-wrap:wrap}.muted{color:#687c73;font-size:13px}.topics{display:grid;gap:8px}.topic{display:grid;grid-template-columns:1fr auto;gap:16px;border-bottom:1px solid #edf0e9;padding:12px 0}.topic button{padding:7px 12px;font-size:13px}progress{width:100%;height:7px;accent-color:#1a6858}.question{max-width:780px;margin:auto}.question h2{font-size:25px}.answers{display:grid;gap:12px;margin:25px 0}.answer{text-align:left;background:white;color:#24473f;border:1px solid #cddbd0;padding:18px;display:flex;gap:16px;font-weight:500}.answer.selected{border:2px solid #226854;background:#e4efe6}.answer.good{background:#dff1df;border-color:#38834d}.answer.bad{background:#f8e7e2;border-color:#b45a43}.answer b{opacity:.7}.feedback{padding:15px;border-radius:10px;background:#e8eee4;margin:18px 0}.diagram{width:100%;height:auto;border:1px solid #ddd;margin:8px 0}.notice{font-size:13px;background:#fff3d9;padding:12px;border-radius:10px;color:#665122}.ad{padding:15px;text-align:center;border:1px dashed #b7c9b9;border-radius:12px;color:#7b8d80;font-size:11px;margin-top:25px}footer{text-align:center;color:#6b8075;padding:30px;font-size:13px}select{padding:10px;border:1px solid #bfcfc3;border-radius:8px;background:white;color:#234c43}details{margin:18px 0}summary{cursor:pointer}.pill{font-size:12px;background:#e9efe5;padding:5px 10px;border-radius:20px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}@media(max-width:650px){.grid{grid-template-columns:1fr}header{padding:20px}.badge{display:none}main{padding:25px 16px}.card{padding:22px}.metrics{gap:20px}h1{letter-spacing:-1px}.row{align-items:flex-start}.topic{grid-template-columns:1fr}.tabs button{padding:10px 13px}}

.mode{display:flex;align-items:flex-start;gap:10px}.mode input{width:22px;height:22px;flex-shrink:0;accent-color:#163d3b}.learning-note{border-top:1px solid #bfcfc3;padding-top:14px;margin-top:14px}.learning-note p{margin:8px 0}button,a,input,summary{touch-action:manipulation}input:focus-visible,summary:focus-visible{outline:3px solid #bd7615;outline-offset:3px}.question h2,.answer span,.learning-note{overflow-wrap:anywhere}@media(max-width:420px){.question>.row{flex-wrap:wrap}.question .row button{min-height:48px}.answer{padding:15px;gap:12px}.card{padding:18px}.metrics{flex-wrap:wrap}.brand{font-size:20px}header{padding:20px 16px}}
/* Coastal visual system · local assets and system fonts keep study fast offline. */
:root{color-scheme:light;--navy:#102c46;--teal:#087f83;--blue:#236a99;--ink:#18384f;--muted:#536b7c;--line:#d7e3eb;--gold:#edbd78}
body{background:#f0f5f8;color:var(--ink);font-family:Segoe UI,system-ui,sans-serif;background-image:radial-gradient(ellipse at 95% 0%,#dcecef 0,transparent 48%)}
header{max-width:1160px;border-color:var(--line);padding:24px 28px}.brand{color:var(--navy);letter-spacing:1.5px}.brand small{color:var(--teal)}.badge{color:var(--muted)}main{max-width:1100px;padding-top:28px}p{color:var(--muted)}h1{font-weight:750;font-size:clamp(36px,5.3vw,60px);letter-spacing:-2px;line-height:1.08}h2{letter-spacing:-.55px;font-size:25px}.eyebrow{color:var(--teal);font-size:11px;letter-spacing:1.9px}.muted{color:var(--muted);line-height:1.6}
.hero{position:relative;overflow:hidden;isolation:isolate;max-width:none;border-radius:26px;background:linear-gradient(115deg,#102c46,#164968 75%,#126779);color:white;padding:42px 40px;margin-bottom:26px;box-shadow:0 18px 40px #102c4615}.hero .eyebrow{color:#9de2df}.hero p{color:#d0e3ec;max-width:570px;position:relative}.hero h1{position:relative}.radio-art{position:absolute;right:-85px;top:-90px;width:420px;height:420px;z-index:-1;opacity:.45}.radio-art i{position:absolute;border:1px solid #87c8d2;border-radius:50%;inset:0}.radio-art i:nth-child(2){inset:55px}.radio-art i:nth-child(3){inset:110px}.radio-art span{position:absolute;inset:150px;font-size:80px;line-height:1;color:var(--gold)}
.tabs{gap:4px;background:#e0eaf0;border:1px solid #d3e1e9;padding:5px;border-radius:15px;width:fit-content;margin:22px 0}.tabs button{border:0;color:#3a576e;border-radius:10px;padding:10px 23px}.tabs button.active{background:var(--navy);box-shadow:0 3px 8px #102c4620}.pill{color:#22536d;background:#e0edf3;border:1px solid #d0e2eb;padding:6px 12px;font-weight:600}
.dashboard-stats{display:grid;grid-template-columns:1fr 1fr 1.35fr;background:white;border:1px solid var(--line);border-radius:20px;margin:24px 0 8px;padding:24px 8px;box-shadow:0 6px 20px #102c4604}.dashboard-stats>div{padding:0 24px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.dashboard-stats>div:last-child{border:0}.dashboard-stats strong{font-size:35px;line-height:1.3;color:var(--navy);margin:7px 0}.dashboard-stats strong small{font-size:20px;color:var(--teal)}.dashboard-stats span:last-child{font-size:13px;color:var(--muted)}.dashboard-stats strong.next-step{font-size:22px;margin:11px 0}
.grid{grid-template-columns:1.15fr 1fr;gap:22px}.card{border-color:var(--line);box-shadow:0 5px 18px #102c4604;border-radius:22px;padding:28px}.feature{background:linear-gradient(145deg,#e0f1ef,#f0f8f7);border-color:#bdddda}.card h2{color:var(--navy)}button,.button{background:var(--teal);border-radius:11px;transition:background .16s,transform .16s,box-shadow .16s;min-height:46px}button:hover:not(:disabled){filter:none;background:#09696e;box-shadow:0 4px 12px #102c4615;transform:translateY(-1px)}button:disabled{opacity:.6}.secondary{background:#e7eff4;color:#244c65}.secondary:hover:not(:disabled){background:#d6e5ee;color:#163c55}.metrics strong{color:var(--navy)}.metrics small{color:#4c6a76}.mode{font-size:14px;color:#254f5b}.mode input{accent-color:var(--teal)}progress{display:block;appearance:none;border:0;overflow:hidden;border-radius:9px;background:#cfdee6;height:8px;margin:18px 0;accent-color:var(--teal)}progress::-webkit-progress-bar{background:#cfdee6;border-radius:9px}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--teal),#3ba9b2);border-radius:9px}progress::-moz-progress-bar{background:var(--teal)}
.topic{padding:17px 0;border-color:#e3ebf0;align-items:center}.topic:last-child{border:0}.topic b{font-weight:600;font-size:15px}.topic .muted{margin-top:4px}.topic button{min-height:40px}.timer-setting{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;margin-top:22px;color:var(--ink)}select{border-color:#bfd1dd;color:var(--ink)}a{color:#1d668a}.notice{background:#fff1dc;border:1px solid #e8ceaa;color:#72501c}.ad{color:#536b7c;border-color:#b7cbd8;background:#eaf1f5}.learning-note{border-color:#b8d9d6}.learning-note small{color:#456477}.question{max-width:800px;background:#fff;border:1px solid var(--line);padding:30px;border-radius:24px;box-shadow:0 12px 40px #102c4608;animation:arrive .22s ease-out}.question h2{font-size:clamp(22px,3vw,28px);line-height:1.5;margin:26px 0;color:var(--navy)}.question h2:focus{outline:none}.answers{gap:12px}.answer{color:var(--ink);border:1px solid #cbdce6;border-radius:14px;align-items:center;min-height:72px;padding:18px;background:#f8fafc;line-height:1.5}.answer b{display:grid;place-items:center;border:1px solid #c4d7e1;border-radius:9px;width:34px;height:34px;flex-shrink:0;opacity:1;color:#466778;font-size:14px}.answer:hover:not(:disabled){background:#edf6f8;color:var(--ink);box-shadow:none;border-color:#6da5b8}.answer.selected{border:1px solid var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#e7f2fa}.answer.selected b{background:var(--blue);color:white;border-color:var(--blue)}.answer.good{background:#e0f3eb;border-color:#258267;color:#154f3c;opacity:1}.answer.bad{background:#fff0e9;border-color:#af573c;color:#743d2b;opacity:1}.answer:disabled{opacity:1}.answer.good b{background:#258267;color:white;border-color:#258267}.feedback{background:#eaf5f2;border:1px solid #badad0;color:#245448;padding:20px;line-height:1.65}.timer{margin-top:18px;display:inline-block;border:1px solid #dfc49c;background:#fff4e5;padding:7px 12px;border-radius:9px;color:#704c20;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}footer{color:var(--muted)}:focus-visible{outline:3px solid #a86713!important;outline-offset:4px}.skip-link{position:absolute;left:16px;top:-100px;z-index:10;background:white;padding:12px}.skip-link:focus{top:10px}details>summary{color:var(--ink);font-weight:600}button,summary,input,select{scroll-margin:20px}
@keyframes arrive{from{opacity:.75;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:700px){.grid{grid-template-columns:1fr;gap:0}.hero{padding:30px 25px}.radio-art{right:-225px;opacity:.25}.dashboard-stats{grid-template-columns:1fr 1fr;padding:20px 0;row-gap:22px}.dashboard-stats>div{padding:0 20px}.dashboard-stats>div:nth-child(2){border:0}.dashboard-stats>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px}.question{padding:22px}.tabs button{padding:10px 15px}.card{margin:12px 0}.topic{grid-template-columns:1fr auto}}
@media(max-width:420px){main{padding:20px 14px}.hero{padding:27px 22px}.hero h1{font-size:37px;letter-spacing:-1.4px}.hero p{font-size:14px}.tabs{width:100%}.tabs button{flex:1;padding:10px 7px;font-size:13px}.dashboard-stats>div{padding:0 15px}.dashboard-stats strong{font-size:30px}.dashboard-stats .eyebrow{font-size:10px;letter-spacing:1px}.question{padding:18px 15px}.question>.row{flex-wrap:wrap}.question h2{font-size:22px}.answer{padding:15px 12px;gap:12px}.topic{grid-template-columns:1fr}.brand{font-size:20px}.card{padding:22px}.actions>button{flex-grow:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* 0.4 learning components */
.ui-icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.radio-art span{inset:165px}.radio-art .ui-icon{width:65px;height:65px}.dashboard-stats{grid-template-columns:1.1fr 1.1fr 1fr;padding:26px 4px;gap:0;margin-bottom:20px}.dashboard-stats>.ring-stat{flex-direction:row;align-items:center;gap:18px;padding:0 24px}.ring-stat p{margin:7px 0 0;font-size:13px;line-height:1.6}.progress-ring{position:relative;width:100px;height:100px;flex-shrink:0;display:grid;place-items:center}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg);position:absolute;inset:0;overflow:visible}.progress-ring circle{fill:none;stroke-width:7;stroke-linecap:round}.ring-track{stroke:#e1edf1}.ring-fill{stroke:var(--teal)}.progress-ring strong{font-size:25px!important;margin:0!important;color:var(--navy);font-variant-numeric:tabular-nums}.progress-ring strong small{font-size:13px!important}.dashboard-stats>.session-stat{padding:0 22px}.session-stat strong{font-size:34px}.session-stat>span:not(.eyebrow){font-size:13px;color:var(--muted)}.session-stat small{font-size:11px;color:var(--muted);line-height:1.65;margin-top:9px}.empty-stat{align-items:flex-start;gap:6px}.empty-stat>.ui-icon{color:var(--teal);margin-bottom:7px}.empty-stat strong{font-size:20px!important;margin:3px 0!important}.empty-stat p{font-size:13px;margin:0;color:var(--muted)}
.recommendation{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;border:1px solid #bdd7dc;border-radius:18px;padding:22px;background:#e2f0f1;margin:20px 0 10px}.recommendation h2{font-size:21px;margin:5px 0}.recommendation p{font-size:14px;margin:5px 0 0}.recommendation button{white-space:nowrap}.recommend-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:white;color:var(--teal)}
.topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;align-items:start}.topic-card{margin:0;border:1px solid var(--line);border-radius:14px;background:#f8fbfc;overflow:hidden}.topic-card summary{display:grid;position:relative;grid-template-columns:auto 1fr auto;gap:8px 12px;align-items:start;padding:18px 30px 18px 16px;list-style:none;min-height:100px}.topic-card summary::-webkit-details-marker{display:none}.topic-card summary:after{content:'+';position:absolute;right:12px;top:17px;font-size:21px;font-weight:400;color:var(--teal)}.topic-card[open] summary:after{content:'−'}.topic-card[open] summary{border-bottom:1px solid var(--line)}.topic-code{background:#e1eef3;color:#275e79;border-radius:7px;padding:4px 6px;font-size:12px;grid-row:1 / 3}.topic-title{text-transform:capitalize;font-size:14px;font-weight:600;line-height:1.45;grid-column:2 / -1}.topic-score{grid-column:2;font-size:12px;color:#28626d;font-weight:600}.topic-coverage{grid-column:3;font-size:11px;color:var(--muted);white-space:nowrap;font-weight:400}.mini-track{grid-column:2 / -1;height:4px;background:#d8e6eb;border-radius:4px;overflow:hidden}.mini-track i{height:100%;background:var(--teal);display:block;border-radius:4px}.topic-body{padding:16px;background:white}.topic-body p{font-size:13px;margin:0}.topic-body button{font-size:13px;min-height:44px}.topic-body .row{gap:8px}.topic-body .muted{font-size:12px}.topic-card summary:focus-visible{outline-offset:-4px}
.exam-history{display:grid;margin-top:20px}.exam-result{display:flex;gap:15px;align-items:center;border-top:1px solid #e4edf2;padding:16px 0}.exam-result>div{flex:1}.exam-result b{font-size:16px;color:var(--navy)}.exam-result span:not(.exam-status){display:block;font-size:12px;color:var(--muted);margin-top:4px}.exam-result>strong{font-size:24px;color:var(--navy);font-variant-numeric:tabular-nums}.exam-status{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e7eff5;color:#356482}.exam-status.pass{background:#e2f2e9;color:#23644b}
.question-meta{display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:22px 0 16px;margin-bottom:18px;font-size:13px;color:var(--muted)}.question-meta>span:first-child{text-transform:capitalize}.question-id{padding:5px 9px;color:#2d5d76;background:#edf4f8;font-weight:700;border-radius:7px;white-space:nowrap;font-variant-numeric:tabular-nums}.question .row .eyebrow{font-size:10px;letter-spacing:1.2px}.answer-copy{flex:1}.answer-state{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:650}.answer-state .ui-icon{width:18px;height:18px}.answer.bad b{background:#a83f32;color:white;border-color:#a83f32}.answer.good{border-color:#28795c;color:#174d38}.answer.good b{background:#28795c;border-color:#28795c;color:white}.answer.bad{border-color:#a83f32;color:#7b3026;background:#fff0eb}.answer.good,.answer.bad{animation:answer-reveal .2s ease-out}.answer.selected:not(.good):not(.bad){animation:answer-reveal .18s ease-out}.feedback>.ui-icon{vertical-align:top;margin-right:9px;width:22px;height:22px}.feedback strong{font-weight:650}.feedback:empty{display:none}.question-nav{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.question-nav #next{min-width:185px;min-height:52px}.learning-note{padding:0;background:#f4f8fb;border:1px solid #c9dce7;border-radius:12px;margin:18px 0}.learning-note>summary{padding:16px;color:#20516d;min-height:52px;font-size:16px}.learning-note>summary span{font-size:11px;font-weight:400;color:var(--muted);margin-left:8px;display:inline-block}.explanation-body{padding:0 18px 16px}.explanation-body p{line-height:1.7;font-size:15px}.explanation-body p.muted{font-size:12px;margin-top:18px}.formula{padding:13px;background:#e2edf4;border-left:3px solid var(--blue);border-radius:6px;color:#1f4f6b;font-size:16px;line-height:1.6;overflow-wrap:anywhere}.explanation-unavailable{font-size:12px;margin:18px 0}
.session-summary{max-width:880px;margin:auto}.completion-mark{width:52px;height:52px;background:#d9efe6;color:#25664d;border-radius:50%;display:grid;place-items:center;margin-bottom:18px;animation:answer-reveal .3s ease-out}.completion-mark .ui-icon{width:28px;height:28px}.session-summary h1{font-size:clamp(32px,4.7vw,47px);max-width:760px;line-height:1.15}.summary-intro{max-width:650px}.results-card{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;align-items:center;background:linear-gradient(120deg,#fff,#edf7f5)}.results-card>.ring-stat{display:flex;align-items:center;gap:20px}.results-card .progress-ring{width:120px;height:120px}.results-card .progress-ring strong{font-size:30px!important}.results-card .ring-stat .eyebrow{font-size:10px}.result-facts{display:flex;justify-content:space-between;gap:20px;border-left:1px solid #c9e0de;padding-left:25px}.result-facts>div{flex:1}.result-facts strong{font-size:28px;color:var(--navy);display:block}.result-facts span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.result-disclaimer{grid-column:1/-1;margin:0;padding-top:16px;border-top:1px solid #c9e0de;font-size:12px}.focus-topics{display:grid;gap:12px;margin:20px 0}.focus-topics>div{display:flex;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--line);align-items:center}.focus-topics b{font-size:14px;text-transform:capitalize}.focus-topics span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.focus-topics button{flex-shrink:0;font-size:13px}.next-recommendation{padding:17px;background:#edf5f7;border-radius:12px;margin:20px 0}.next-recommendation b{color:#235570}.next-recommendation p{font-size:13px;margin:6px 0 0}.summary-actions button{min-height:48px}.missed-item{border-top:1px solid var(--line);padding:16px 0;margin:0}.missed-item>summary{font-size:15px;line-height:1.65}.missed-item p{font-size:14px;line-height:1.7}.sponsor{border-top:1px solid var(--line);margin:22px 0 0;padding:16px 4px;color:var(--muted)}.sponsor>small{font-size:10px;letter-spacing:1px}.sponsor>p{font-size:13px;margin:6px 0}
@keyframes answer-reveal{from{opacity:.7;transform:translateY(2px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-stats>.session-stat{grid-column:1/-1;border-top:1px solid var(--line);padding:20px 24px 0;margin-top:24px;display:grid;grid-template-columns:1fr auto;gap:4px 18px}.session-stat strong{grid-row:1/4;grid-column:2;align-self:center;margin:0;font-size:42px}.session-stat small{margin-top:4px}.dashboard-stats>.ring-stat{border:0}.dashboard-stats>.ring-stat:first-child{border-right:1px solid var(--line)}.dashboard-stats .empty-stat{border:0}.recommendation{grid-template-columns:auto 1fr}.recommendation button{grid-column:2;justify-self:start}.topic-score{grid-column:2/-1}.topic-coverage{grid-column:2/-1}.results-card{grid-template-columns:1fr}.result-facts{border-left:0;border-top:1px solid #c9e0de;padding:20px 0 0}.result-disclaimer{grid-column:auto}}
@media(max-width:700px){.dashboard-stats{grid-template-columns:1fr 1fr;padding:22px 0;row-gap:0}.dashboard-stats>.ring-stat{padding:0 16px;flex-direction:column;align-items:flex-start;gap:13px}.dashboard-stats>.ring-stat>div:last-child{border:0}.dashboard-stats>.empty-stat{padding:0 18px;grid-column:auto;border:0}.dashboard-stats .eyebrow{font-size:10px;letter-spacing:1px}.progress-ring{width:85px;height:85px}.dashboard-stats .session-stat{padding:18px 20px 0;margin-top:20px}.recommendation{padding:20px 18px;gap:12px}.recommendation h2{font-size:20px}.recommend-icon{width:38px;height:42px}.recommendation button{white-space:normal}.topics{grid-template-columns:1fr;gap:9px}.topic-card summary{grid-template-columns:auto 1fr auto;min-height:88px;padding:16px 30px 16px 14px}.topic-score{grid-column:2}.topic-coverage{grid-column:3}.topic-card summary:after{top:13px}.question-meta{align-items:flex-start;font-size:12px}.question-meta .question-id{font-size:12px}.question-nav{flex-wrap:wrap}.question-nav #next{margin-left:auto}.summary-actions button{flex-grow:1}.focus-topics>div{flex-wrap:wrap;gap:10px}.results-card{gap:20px}}
@media(max-width:420px){.dashboard-stats>.ring-stat{padding:0 14px}.progress-ring{width:78px;height:78px}.progress-ring strong{font-size:22px!important}.dashboard-stats>.session-stat{display:flex;gap:4px}.session-stat strong{font-size:33px;margin:6px 0}.dashboard-stats .session-stat small{font-size:10px}.recommendation{grid-template-columns:auto 1fr}.recommendation .eyebrow{font-size:9px;letter-spacing:1px}.recommendation button{grid-column:1/-1;width:100%}.recommendation p{font-size:13px}.topic-score{grid-column:2/-1}.topic-coverage{grid-column:2/-1}.question .question-nav{display:grid;grid-template-columns:1fr;gap:12px}.question-nav #next{width:100%;min-height:54px;margin:0;grid-row:1}.question-nav #previous{width:100%;grid-row:2}.question-nav>.muted{display:none}.learning-note>summary span{display:block;margin:3px 0 0 18px}.results-card>.ring-stat{flex-direction:column;align-items:flex-start;gap:14px}.result-facts{gap:16px;flex-wrap:wrap}.result-facts>div{min-width:65px}.session-summary .card{padding:22px 18px}.feedback{padding:17px;font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Static radio artwork and compact dashboard guidance. */
.radio-art{right:-15px;opacity:.48;pointer-events:none}
.radio-art span{inset:150px;display:grid;place-items:center}
.radio-art .ui-icon{width:104px;height:104px;stroke-width:1.25}
.hero>h1,.hero>p,.hero>.eyebrow{z-index:1;position:relative}
.recommendation>div:nth-child(2){min-width:0}
.recommended-topic{text-transform:capitalize}
.section-cue{display:flex;align-items:center;gap:8px}
.section-cue .ui-icon{width:20px;height:20px;color:var(--teal)}
@media(max-width:700px){.radio-art{right:-115px;top:-40px;opacity:.26}.radio-art span{inset:130px 140px 170px 120px}.radio-art .ui-icon{width:82px;height:82px}.hero h1{max-width:310px}.recommendation{padding:18px;gap:12px}.recommendation h2{font-size:19px;line-height:1.35}.recommendation p{line-height:1.5}}
@media(max-width:420px){.radio-art{right:-150px;top:-35px}.radio-art span{inset:130px 145px 170px 115px}.hero h1{max-width:245px}.recommendation .recommend-icon{width:34px;height:38px}.recommendation button{min-height:46px}.recommendation{margin-top:16px}}

.update-notice{max-width:1000px;margin:12px auto;padding:12px 20px;border:1px solid #bdd7dc;border-radius:12px;background:#e2f0f1;color:var(--navy);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.update-notice[hidden]{display:none}.update-notice button{flex-shrink:0}
@media(max-width:650px){.update-notice{margin:12px 14px;flex-wrap:wrap}.update-notice button{width:100%}.row,.answers,.answer-copy{min-width:0}.question h2,.answer-copy,.learning-note,.recommendation{overflow-wrap:anywhere}.tabs button{min-height:46px}.topic-card summary{min-height:88px}}
@media(min-width:651px){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}
footer{padding-bottom:max(30px,env(safe-area-inset-bottom))}