/* Clear, calm surfaces for navigation, notices, plans and learning records. */
[hidden]{display:none!important}.experience-header-tools{display:flex;align-items:center;gap:16px;margin-left:auto;position:relative}.unified-header-inner{min-height:70px;height:70px;flex-wrap:nowrap}.workspace-switch{display:flex;align-items:center;gap:10px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:22px;padding:9px 15px;font-size:13px;font-weight:600;white-space:nowrap}.workspace-switch b{font-size:20px;font-weight:400;line-height:1;margin-left:4px}.workspace-status,.notice-live-dot{height:7px;width:7px;background:#1f8c91;border-radius:50%;display:inline-block;flex:none}.notice-bell{position:relative;background:none;border:0;color:var(--text);padding:10px;display:flex}.notice-bell>span{position:absolute;right:0;top:0;border-radius:8px;font-size:10px;min-width:16px;background:#176b96;color:#fff}.workspace-picker{position:fixed;right:24px;top:64px;width:440px;max-width:calc(100vw - 90px);background:var(--surface);border:1px solid var(--border);padding:22px;border-radius:16px;box-shadow:0 16px 55px #031b3533;z-index:130}.workspace-picker .between strong{font-size:17px}.workspace-picker .between small{display:block;font-size:13px;color:var(--muted);margin-top:5px}.workspace-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:19px}.workspace-choices button{position:relative;text-align:left;background:var(--canvas);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:12px}.workspace-choices span{font-size:14px;font-weight:600}.workspace-choices small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.workspace-choices button[aria-pressed=true]{background:#e3f1f8;border-color:#196f9b}.workspace-choices i{position:absolute;right:10px;top:10px;color:var(--accent);font-style:normal}.workspace-visitor{border:0;color:var(--accent);background:none;padding:15px 0 0;font-size:13px}.workspace-picker .dashboard-note{margin:16px 0 0}.sidebar-profile{border-top:1px solid var(--border);padding:10px;flex:none}.profile-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:9px 7px;border:0;border-radius:9px;background:none;color:var(--text);text-align:left;min-height:52px}.profile-trigger:hover,.profile-trigger[aria-expanded=true]{background:var(--surface)}.profile-avatar{width:33px;height:33px;border-radius:50%;background:#37667d;color:#fff;display:grid;place-items:center;flex:none;font-size:15px}.profile-trigger-copy{min-width:0}.profile-trigger-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.profile-trigger-copy small{font-size:11px;white-space:nowrap;color:var(--muted)}.profile-chevron{margin-left:auto;font-size:17px}.profile-popover{position:fixed;left:10px;bottom:143px;width:292px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 165px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:0 12px 55px #041c3438;padding:10px;z-index:140}.profile-menu-heading{display:flex;align-items:center;gap:10px;padding:10px 7px 17px}.profile-menu-heading strong{font-size:14px;display:block}.profile-menu-heading small{font-size:11px;color:var(--muted);display:block;overflow-wrap:anywhere}.profile-popover nav{display:grid;gap:2px}.profile-popover nav a,.profile-popover nav button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;border-radius:7px;background:none;color:var(--text);padding:11px;font-size:13px;font-weight:500;min-height:42px}.profile-popover nav svg{width:18px;flex:none}.profile-popover nav a:hover,.profile-popover nav button:hover{background:var(--canvas)}.menu-trailing{margin-left:auto;font-size:11px;color:var(--muted)}.profile-divider{height:1px;background:var(--border);margin:7px 4px}.profile-demo-note{display:block;font-size:10px;color:var(--muted);padding:12px 10px 3px}.rail-collapsed .profile-trigger{justify-content:center;padding:5px}.rail-collapsed .profile-trigger .rail-text{display:none}.rail-collapsed .profile-popover{left:72px;bottom:20px}.rail-bottom{padding-top:6px;padding-bottom:8px}.rail-signoff{display:none}.unified-rail-footer{margin-top:14px}
.notice-center{margin:0 0 28px;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.focus-main>.notice-center,main.unified-public>.notice-center{margin:24px 30px}.notice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--canvas)}.notice-heading>div{display:flex;align-items:center;gap:9px}.notice-heading b{font-size:13px}.notice-heading .link{font-size:12px}.notice-count{font-size:11px;color:var(--accent);background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:22px;text-align:center}.notice-item{display:flex;gap:14px;padding:17px 19px;border-top:1px solid var(--border)}.notice-icon{display:grid;place-items:center;width:35px;height:35px;background:#e6f2f9;color:#14638c;border-radius:10px;flex:none}.notice-copy{flex:1;min-width:0}.notice-meta{font-size:10px;color:var(--accent);font-weight:600;letter-spacing:.02em;margin-bottom:4px}.notice-meta span{color:var(--muted);font-weight:400}.notice-copy strong{font-size:14px;font-weight:600}.notice-copy p{font-size:12px;line-height:1.6;margin:4px 0 9px;color:var(--muted)}.notice-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.notice-actions button{padding:0;border:0;background:none;font-size:11px;color:var(--muted)}.notice-actions button:first-child{color:var(--accent);font-weight:600}.notice-actions>span{font-size:11px;color:var(--muted)}.notice-tabs{display:flex;gap:9px;margin:10px 0 15px}.notice-tabs button{border:1px solid var(--border);background:var(--canvas);color:var(--text);padding:9px 13px;border-radius:8px;font-size:13px}.notice-tabs button[aria-pressed=true]{background:#17688f;border-color:#17688f;color:#fff}.caught-up .notice-heading{background:none;padding:12px 18px}.caught-up .notice-live-dot{background:#24826e}
.plan-intro{display:flex;gap:24px;justify-content:space-between;align-items:center;margin:10px 0 25px}.plan-intro p{font-size:14px;margin:7px 0 0;max-width:650px}.plan-intro .link{font-size:12px}.plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.access-plan{padding:24px 20px}.access-plan h2{font-size:28px}.access-plan p{font-size:13px}.access-plan ul{font-size:12px;line-height:1.8;padding-left:16px;flex:1}.access-plan .eyebrow{font-size:10px}.access-plan.family-plan{background:#edf6fc;border:2px solid #0e688f}.family-capacity{border-radius:6px;padding:5px 9px;border:1px solid #a2cee3;background:#fff;color:#12577a;font-size:11px;align-self:flex-start;margin-bottom:10px}.plan-counter{padding:15px 0;border-top:1px solid var(--border);margin-top:auto}.plan-counter label{font-size:12px;display:block;margin-bottom:10px;color:var(--text)}.plan-counter>div{display:flex;align-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface);width:138px;height:39px;overflow:hidden}.plan-counter button{width:38px;height:38px;border:0;background:transparent;color:var(--text);font-size:21px}.plan-counter button:disabled{opacity:.35;cursor:default}.plan-counter input{width:60px;border:0;background:transparent;text-align:center;color:var(--text);font-size:15px;font-weight:600;padding:0;-moz-appearance:textfield}.plan-counter input::-webkit-inner-spin-button{appearance:none}.access-plan .plan-seat-note{font-size:11px;min-height:52px;line-height:1.6;margin-bottom:16px}.access-plan .wide{font-size:12px;min-height:43px;padding:11px}.family-plan-explainer{display:flex;gap:35px;align-items:center;justify-content:space-between;background:#102e49;color:#fff;border-radius:14px;padding:32px;margin:26px 0}.family-plan-explainer h3{font-size:23px;color:#fff;margin:15px 0 10px}.family-plan-explainer p{font-size:14px;color:#d9e6ef;max-width:650px;margin:0}.family-capacity-visual{display:flex;gap:20px;align-items:center;flex:none}.family-capacity-visual span{display:flex;flex-direction:column;font-size:12px;color:#d9e6ef;text-align:center}.family-capacity-visual b{font-size:49px;color:#fff;line-height:1.3;font-weight:500}.family-capacity-visual i{font-size:26px;font-style:normal}.plan-request-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 0;border-top:1px solid var(--border)}.plan-request-row p{margin:4px 0;font-size:13px}.plan-request-row small{color:var(--muted);font-size:11px}.plan-config-summary{display:flex;justify-content:space-between;padding:17px;border-radius:10px;background:var(--canvas);color:var(--text)}.plan-config-summary span{font-size:13px}.plan-child-choices{border:1px solid var(--border);border-radius:10px;padding:16px}.plan-child-choices legend{font-size:13px;font-weight:600}.plan-child-choices p{font-size:12px;color:var(--muted)}#plan-feedback{font-size:13px;color:#a2362d;margin:0}
.results-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;background:#e7f2f9;border:1px solid #b5d1e3;border-radius:14px;margin-bottom:24px}.results-intro h2{font-size:27px;margin:13px 0}.results-intro p{max-width:600px;font-size:14px;margin:0;color:var(--muted)}.results-file-types{display:flex;gap:15px;flex:none}.results-file-types>span{background:var(--surface);color:var(--accent);border:1px solid var(--border);border-radius:9px;padding:20px;font-size:21px;font-weight:600}.results-file-types small{display:block;font-size:11px;font-weight:400;margin-top:10px;color:var(--muted)}.result-history-row{display:flex;gap:20px;align-items:center;padding:24px 0;border-top:1px solid var(--border)}.result-history-row h3{font-size:18px;margin:7px 0}.result-history-row p{font-size:12px;margin:0;color:var(--muted)}.result-history-row .btn{margin-left:auto;white-space:nowrap}.result-mini-score{height:67px;width:67px;border-radius:14px;background:#e6f1f8;color:#125d86;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:600;flex:none}.result-mini-score small{font-size:12px}.result-history>.between{margin-bottom:20px}.result-empty{text-align:center;padding:42px 0}.result-empty>svg{margin:0 auto 18px;height:38px;width:38px;color:var(--accent)}.result-back{border:0;background:none;color:var(--accent);padding:0;margin:0 0 24px;font-size:13px}.result-page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.result-page-heading h1{font-size:30px;margin:8px 0 10px}.result-page-heading p{font-size:13px;color:var(--muted);margin:0}.result-hero{padding:36px;display:flex;align-items:center;gap:35px;background:#0d3858;color:#fff;border-radius:18px}.score-ring{width:190px;height:190px;border-radius:50%;padding:11px;flex:none;background:conic-gradient(#7cd4e3 var(--score),#ffffff22 0)}.score-ring>div{border-radius:50%;background:#0d3858;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%}.score-ring strong{font-size:57px;line-height:1.2;font-weight:600;letter-spacing:-.04em}.score-ring strong small{font-size:25px;font-weight:400}.score-ring>div>span{font-size:12px;color:#cce4f2;margin-top:7px}.result-status{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#aee1f2}.result-hero h2{font-size:31px;color:#fff;margin:14px 0}.result-hero p{font-size:15px;color:#d6e9f4;margin-bottom:20px}.result-points{display:inline-block;padding:7px 11px;border:1px solid #5f8fa9;border-radius:7px;color:#def8fd;font-size:12px}.result-metrics{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:20px 0;overflow:hidden}.result-metrics>div{padding:22px 24px;border-right:1px solid var(--border)}.result-metrics>div:last-child{border:0}.result-metrics b{font-size:25px;display:block;font-weight:600}.result-metrics small{font-size:15px;color:var(--muted);font-weight:400}.result-metrics span{font-size:12px;color:var(--muted);display:block;margin-top:5px}.result-next-step{display:grid;grid-template-columns:1fr auto;gap:24px;padding:25px 0;margin:0 0 22px}.result-next-step>div>svg{display:inline-block;vertical-align:middle;margin-right:7px;color:var(--accent)}.result-next-step strong{font-size:15px}.result-next-step p{font-size:14px;margin:10px 0 0;max-width:650px;color:var(--muted)}.result-export-actions{display:flex;flex-direction:column;gap:10px;min-width:185px}.result-export-actions button{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);padding:12px 14px;font-size:13px}.answer-review>.between{margin-bottom:22px}.answer-detail{border-top:1px solid var(--border);padding:20px 0}.answer-detail:last-child{padding-bottom:0}.answer-detail summary{display:flex;gap:14px;align-items:center;font-size:14px;cursor:pointer;list-style:none;line-height:1.6}.answer-detail summary>b{margin-left:auto;font-size:11px;font-weight:500;color:var(--muted);flex:none}.answer-number{display:grid;place-items:center;border-radius:8px;background:#e6edf4;color:#385572;width:32px;height:32px;flex:none;font-size:12px}.answer-number.correct{background:#dff0e9;color:#22634d}.answer-number.revisit{background:#fff0d8;color:#835409}.answer-body{padding:20px 0 0 46px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.answer-body>div>span{font-size:11px;color:var(--muted)}.answer-body>div>p{font-size:14px;margin:5px 0}.answer-explanation{grid-column:1/-1;padding:14px;background:var(--canvas);border-radius:8px;font-size:13px!important;margin:0}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.export-options>button{border:1px solid var(--border);border-radius:12px;background:var(--canvas);color:var(--text);text-align:left;padding:22px;display:grid;gap:15px}.export-options>button:hover{border-color:var(--accent)}.export-options>button>span{display:grid;place-items:center;width:56px;height:66px;background:#15658f;color:#fff;border-radius:6px;font-size:15px;font-weight:600}.export-options strong{font-size:16px}.export-options small{font-size:12px;line-height:1.7;color:var(--muted)}
/* Public hero contrast must follow the active theme, including schools. */
.page-hero,.public-hero{background:linear-gradient(120deg,#eaf3fc,#e7f5f7);color:#123149}.page-hero h1,.page-hero h2,.public-hero h1,.public-hero h2{color:#123149!important}.page-hero p,.public-hero p{color:#365772!important}.page-hero .eyebrow,.public-hero .eyebrow{color:#1b6689!important}html[data-theme=dark] .page-hero,html[data-theme=dark] .public-hero{background:linear-gradient(120deg,#111d2b,#0d2731)!important;color:#f0f5fa}html[data-theme=dark] .page-hero h1,html[data-theme=dark] .page-hero h2,html[data-theme=dark] .public-hero h1,html[data-theme=dark] .public-hero h2{color:#f0f5fa!important}html[data-theme=dark] .page-hero p,html[data-theme=dark] .public-hero p{color:#c2d6e5!important}html[data-theme=dark] .page-hero .eyebrow,html[data-theme=dark] .public-hero .eyebrow{color:#8fd2ec!important}html[data-theme=dark] .workspace-choices button[aria-pressed=true],html[data-theme=dark] .access-plan.family-plan,html[data-theme=dark] .results-intro{background:#102c40;border-color:#39708f}html[data-theme=dark] .family-capacity{background:#163b50;color:#d5f0ff;border-color:#386781}html[data-theme=dark] .notice-icon,html[data-theme=dark] .result-mini-score{background:#17394d;color:#a7dcf3}html[data-theme=dark] .answer-number.correct{background:#1b4336;color:#b6ead6}html[data-theme=dark] .answer-number.revisit{background:#44351f;color:#ffdb9c}html[data-theme=dark] #plan-feedback{color:#ffb4a4}.public-hero .container,.page-hero .container{max-width:1150px}.page-hero h1,.public-hero h1{font-size:clamp(30px,4vw,49px);line-height:1.25}.page-hero p,.public-hero p{font-size:16px;line-height:1.85}.page-hero .eyebrow,.public-hero .eyebrow{font-size:12px;font-weight:600}
@media(max-width:1350px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.access-plan{padding:27px}.access-plan ul{font-size:14px}.access-plan .plan-seat-note{min-height:35px}.access-plan .wide{font-size:14px}.access-plan p{font-size:14px}}
@media(max-width:850px){.unified-rail:not(.open) .profile-trigger .rail-text{display:none}.unified-rail:not(.open) .profile-trigger{justify-content:center;padding:5px}.unified-rail:not(.open) .profile-popover{left:72px;bottom:15px}.unified-rail.open .profile-trigger .rail-text{display:block}.unified-rail.open .profile-trigger{justify-content:flex-start}.unified-rail.open .profile-popover{left:10px;bottom:135px}.family-plan-explainer{flex-direction:column;align-items:flex-start}.results-intro{align-items:flex-start;flex-direction:column}.result-hero{padding:26px;gap:24px}.score-ring{height:150px;width:150px}.score-ring strong{font-size:43px}.result-hero h2{font-size:25px}.result-page-heading{align-items:flex-start;flex-direction:column}.plan-intro{align-items:flex-start;flex-direction:column}.workspace-picker{right:12px;top:64px}.experience-header-tools{gap:9px}.learning-switch{display:none}.result-metrics>div{padding:18px}.profile-popover .rail-text{display:block!important}}
@media(max-width:600px){.header-place{font-size:12px}.workspace-switch{font-size:11px;padding:8px 11px;gap:7px}.workspace-status{display:none}.unified-header-inner{padding:0 12px!important}.notice-bell{padding:8px}.notice-heading{padding:12px;align-items:flex-start}.notice-heading b{font-size:12px}.notice-heading .link{font-size:10px}.notice-item{padding:15px 12px;gap:10px}.notice-icon{height:29px;width:29px}.notice-copy strong{font-size:13px}.notice-copy p{font-size:12px}.notice-actions{gap:12px}.plans-grid{grid-template-columns:1fr}.access-plan{padding:25px}.family-plan-explainer{padding:25px}.family-capacity-visual{align-self:center}.plan-request-row{flex-wrap:wrap}.result-hero{flex-direction:column;text-align:center}.score-ring{height:164px;width:164px}.result-metrics{grid-template-columns:1fr 1fr}.result-metrics>div{border-bottom:1px solid var(--border)}.result-metrics>div:nth-child(2){border-right:0}.result-metrics>div:nth-child(3){border-bottom:0}.result-next-step{grid-template-columns:1fr}.result-export-actions{flex-direction:row;flex-wrap:wrap}.result-export-actions button{font-size:11px;padding:10px}.result-history-row{gap:13px;flex-wrap:wrap}.result-history-row>div:nth-child(2){flex:1;min-width:140px}.result-history-row .btn{margin-left:0;font-size:12px}.result-history-row h3{font-size:16px}.result-history-row .eyebrow{font-size:9px}.answer-body{padding-left:0;grid-template-columns:1fr}.answer-explanation{grid-column:auto}.answer-detail summary{gap:9px;font-size:13px}.answer-detail summary>b{display:none}.result-page-heading h1{font-size:25px}.export-options{grid-template-columns:1fr}.export-options button{padding:18px}.workspace-choices{grid-template-columns:1fr}.workspace-picker{max-height:calc(100dvh - 85px);overflow:auto;width:310px}.workspace-choices small{font-size:12px}.workspace-choices button{padding:13px}.focus-main>.notice-center,main.unified-public>.notice-center{margin:18px}.profile-popover{width:290px}.plan-config-summary{flex-direction:column;gap:6px}}

.link{color:var(--accent)}.export-preview{background:var(--canvas);border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;justify-content:center;margin-top:20px}.export-preview img{width:190px;max-width:100%;height:auto;box-shadow:0 3px 20px #0002}

html[data-theme=dark] .exam-paper,html[data-theme=dark] .game-stage{background:var(--surface);border-color:var(--border);color:var(--text)}html[data-theme=dark] .exam-confirm{background:#2f281a;border-color:#6b5833;color:#ffe9c2}html[data-theme=dark] .exam-confirm p{color:#ecd9b7}

#result-export-status{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px}.result-ready-link{display:inline-flex}

.profile-learning-control{display:grid;gap:8px;padding:10px 11px;font-size:12px;color:var(--text)}.profile-learning-control .select{min-height:37px;font-size:12px}
.unified-rail .profile-popover nav a,.unified-rail .profile-popover nav button{justify-content:flex-start}
body:has(#profile-popover:not([hidden])) .chat-launch,body:has(#workspace-picker:not([hidden])) .chat-launch{visibility:hidden}
@media(max-width:850px){.unified-rail:not(.open) .profile-popover{max-width:calc(100vw - 84px)}}
