/* 7 (QA release pass, 10 Nov 2026): the navy bands reach the window edges with a box-shadow instead of 50vw,
   which counted the scrollbar and let pages scroll 7-8 px sideways in Light (audit M1). */
/* Math Lab light theme "Navy frame" (Nov 2026, owner-approved).
   Paper-blue pages with white cards; the header, footer and tab bars use the dark theme's Ink blue,
   so both themes read as one site. Teal = actions, lime = logo, Pro and highlights.
   Light only and screen only (printed worksheets unchanged). Loaded after mathlab-light.css.
   To undo: remove lightFrame from guideAssets in dist/server/typography-entry.mjs. */
@media screen{

/* ---------- Tokens: old pages (chalk) and rebuilt lessons (data-theme=light) ---------- */
html[data-ml-theme=chalk]:root{
  --ink:#0F1E3A;--muted:#3E4C63;--paper:#F3F6FA;--line:#D3DCE8;--green:#0A6971;
  --surface:#FFFFFF;--surface-raised:#F5F8FC;--learning-border:#D3DCE8
}
html[data-theme="light"]:root{
  --bg:#F3F6FA;--surface:#FFFFFF;--ink:#0F1E3A;--muted:#3E4C63;--line:#D3DCE8;
  --teal:#0A6971;--teal-soft:#DDF0F1;--lime:#5E7D0A;--lime-soft:#EAF7C4;
  --warn:#9A5B00;--warn-soft:#FDF1DC;--good:#157A3F;--bad:#B42318;--surface-raised-v2:#F5F8FC
}
html[data-ml-theme=chalk]:root{overflow-x:clip}
html[data-ml-theme=chalk]:root body{background:#F3F6FA!important}
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):not(#ml-x){border-color:#7A8AA5!important}
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body :is(input,textarea)::placeholder{color:#5B6880;opacity:1}
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #1D6FD1;outline-offset:2px}

/* ---------- Actions are teal (lime stays for the logo and Pro) ---------- */
html[data-ml-theme=chalk]:root body :is(a.button,a.satp-btn,.ml-footer-home):not(#ml-x){
  background:#0B6E77!important;color:#FFFFFF!important;border-color:#0B6E77!important;-webkit-text-fill-color:#FFFFFF
}
html[data-ml-theme=chalk]:root body :is(a.button,a.satp-btn,.ml-footer-home):not(#ml-x):hover{background:#095A62!important;border-color:#095A62!important}

/* ---------- Navy frame: site header (old pages) ---------- */
html[data-ml-theme=chalk]:root body > header{
  background:#14223F;border-bottom-color:#14223F!important;color:#EAF0F8;position:relative
}
/* full-width navy band without clipping: the account menu must be able to drop below the header */
html[data-ml-theme=chalk]:root body > header::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#14223F;box-shadow:0 0 0 100vmax #14223F;clip-path:inset(0 -100vmax);z-index:-1;pointer-events:none}
html[data-ml-theme=chalk]:root body > header :is(.brand,.brand *:not(.logo):not(.logo *)){color:#EAF0F8!important;-webkit-text-fill-color:#EAF0F8}
html[data-ml-theme=chalk]:root body > header .teacher{color:#B3C1D6!important;-webkit-text-fill-color:#B3C1D6;border-color:#304670!important}
html[data-ml-theme=chalk]:root body > header :is(.ml-account-link,.ml-search-btn,.home-link,.ml-about-link){
  background:transparent!important;color:#EAF0F8!important;border-color:#5670A8!important;-webkit-text-fill-color:#EAF0F8
}
html[data-ml-theme=chalk]:root body > header :is(.ml-account-link,.ml-search-btn,.home-link,.ml-about-link):hover{border-color:#45DCCB!important;background:#26395F!important}
html[data-ml-theme=chalk]:root body > header :is([role=menu],.ml-account-menu){color:#0F1E3A}

/* ---------- Navy frame: footer (old pages) ---------- */
html[data-ml-theme=chalk]:root body .ml-footer{
  background:#14223F!important;color:#B3C1D6!important;border-top:0!important;position:relative
}
html[data-ml-theme=chalk]:root body .ml-footer::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#14223F;box-shadow:0 0 0 100vmax #14223F;clip-path:inset(0 -100vmax);z-index:-1;pointer-events:none}
html[data-ml-theme=chalk]:root body .ml-footer :is(p,span,small,li,label,div){color:#B3C1D6!important;-webkit-text-fill-color:#B3C1D6}
html[data-ml-theme=chalk]:root body .ml-footer :is(h2,h3,h4,h5,strong,b,.ml-footer-lockup span){color:#EAF0F8!important;-webkit-text-fill-color:#EAF0F8}
html[data-ml-theme=chalk]:root body .ml-footer a:not(.ml-footer-home){color:#6EE7D8!important;-webkit-text-fill-color:#6EE7D8}
html[data-ml-theme=chalk]:root body :is(.ml-footer .ml-footer-logo,.ml-footer .ml-footer-logo *,body > header .logo,body > header .logo *):not(#ml-x){color:#13213D!important;-webkit-text-fill-color:#13213D}
html[data-ml-theme=chalk]:root body .ml-footer .ml-footer-home:not(#ml-x):not(#ml-y){background:#2CC5B3!important;border-color:#2CC5B3!important;color:#0E1A33!important;-webkit-text-fill-color:#0E1A33}
html[data-ml-theme=chalk]:root body .ml-footer :is(hr,[class*=bottom],[class*=legal]){border-color:#304670!important}
html[data-ml-theme=chalk]:root body .ml-footer select{background:#26395F!important;color:#EAF0F8!important;border-color:#5670A8!important;color-scheme:dark}

/* ---------- Navy frame: tab bars (lessons, SAT/PSAT, account and dashboards) ---------- */
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body :is(.mla-tabs,.sat-tabs,.rt-tabs,.ml-account-tabs,.ml-learning-page .ml-learning-tabs){
  background:#14223F!important;border-color:#14223F!important
}
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body :is(.mla-tabs,.sat-tabs,.rt-tabs,.ml-account-tabs) button:not([aria-selected=true]),
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body .ml-learning-page .ml-learning-tabs a:not(.active){
  color:#B3C1D6!important;background:transparent!important;border-color:transparent!important;-webkit-text-fill-color:#B3C1D6
}
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body :is(.mla-tabs,.sat-tabs,.rt-tabs,.ml-account-tabs) button:not([aria-selected=true]):hover,
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body .ml-learning-page .ml-learning-tabs a:not(.active):hover{
  background:#26395F!important;color:#EAF0F8!important;-webkit-text-fill-color:#EAF0F8
}
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body :is(.mla-tabs,.sat-tabs,.rt-tabs,.ml-account-tabs) button[aria-selected=true],
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body .ml-learning-page .ml-learning-tabs a.active{
  background:#2CC5B3!important;border-color:#2CC5B3!important;color:#0E1A33!important;-webkit-text-fill-color:#0E1A33
}

/* ---------- Navy frame: rebuilt lessons top bar ---------- */
html[data-theme="light"]:root body .topbar{
  background:#14223F;color:#EAF0F8;border:0!important;border-radius:16px;
  padding:12px 16px;margin-top:12px
}
html[data-theme="light"]:root body .topbar .brand{color:#EAF0F8!important}
html[data-theme="light"]:root body .topbar .brand .teacher{color:#B3C1D6!important}
html[data-theme="light"]:root body .topbar .tab{color:#B3C1D6!important}
html[data-theme="light"]:root body .topbar .tab:hover{color:#EAF0F8!important;background:#26395F!important}
html[data-theme="light"]:root body .topbar .tab[aria-selected="true"]{color:#0E1A33!important;background:#2CC5B3!important;border-color:#2CC5B3!important}
html[data-theme="light"]:root body .topbar .tabs{border-color:#304670!important}
html[data-theme="light"]:root body .topbar :is(button,a):not(.tab):not(.brand):not(.present):not([class*=board]){
  color:#EAF0F8;border-color:#5670A8!important;background:transparent
}
html[data-theme="light"]:root body .topbar [role=menu]{color:#0F1E3A}

/* ---------- Home: SAT/PSAT art and status pills (were too pale on white) ---------- */
html[data-ml-theme=chalk]:root body #app .satp-st{stroke:#0A6971!important}
html[data-ml-theme=chalk]:root body #app .satp-pole{stroke:#5E7D0A!important}
html[data-ml-theme=chalk]:root body #app .satp-flag{fill:#C8F25A!important;stroke:#5E7D0A;stroke-width:1.5}
html[data-ml-theme=chalk]:root body #app .satp-800{fill:#5E7D0A!important}
html[data-ml-theme=chalk]:root body #app .satp-dot{fill:#C8F25A!important;stroke:#0A6971!important;stroke-width:2}
html[data-ml-theme=chalk]:root body #app .satp-chip{fill:#FFFFFF!important;stroke:#0A6971!important}
html[data-ml-theme=chalk]:root body #app .satp-chipon{fill:#DDF0F1!important;stroke:#0A6971;opacity:1!important}
html[data-ml-theme=chalk]:root body #app :is(.satp-lv,.satp-ct){fill:#0F1E3A!important}
html[data-ml-theme=chalk]:root body #app .satp-pill{background:#EAF7C4!important;color:#3D5300!important;-webkit-text-fill-color:#3D5300;box-shadow:inset 0 0 0 1px #C3DB7A}
html[data-ml-theme=chalk]:root body #app :is(.ml-pill,.tag.ml-live){background:#E7F5EC!important;color:#145C34!important;-webkit-text-fill-color:#145C34;border:1px solid #B9E2C8!important}
html[data-ml-theme=chalk]:root body #app .ml-pill i{background:#1F9D55!important;box-shadow:none!important}
html[data-ml-theme=chalk]:root body #app .tag.ml-live::before{background:#1F9D55!important;box-shadow:none!important}

/* ---------- Lime outlines were too pale on white: actions get teal, lime accents get olive ---------- */
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body .mlc-entry:not(#ml-x){
  border:1.5px solid #0A6971!important;background:#FFFFFF!important;color:#0A6971!important;-webkit-text-fill-color:#0A6971
}
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body .mlc-entry:not(#ml-x) small{color:#3E4C63!important;-webkit-text-fill-color:#3E4C63}
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body .mlc-entry:not(#ml-x):hover{background:#DDF0F1!important}
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body :is(.tip,.mlc-hint):not(#ml-x){border-left-color:#5E7D0A!important}
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body :is(.mlc-track.mlc-t3,.mlc-challenge):not(#ml-x){border-color:#7FA21E!important}
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body .ma-avatar-choice input:checked+span{border-color:#5E7D0A!important;color:#3D5300!important;background:#EAF7C4!important}

/* ---------- Site-wide review (Nov 2026): faint edges on white ---------- */
/* answer choices and matching items in the rebuilt lessons */
html[data-theme="light"]:root body :is(.opt,.mi):not(.picked):not(.right):not(.wrong){border-color:#AEBBD0;background:#F5F8FC}
html[data-theme="light"]:root body :is(.opt,.mi):hover{border-color:#0A6971}
html[data-theme="light"]:root body .mi .badge{border-color:#7A8AA5}
/* secondary buttons and tool buttons: a visible outline */
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body :is(.ci-btn,.sat-btn.alt,.ml-landing-btn.alt,button.secondary,.pro-button.secondary):not(#ml-x){background:#FFFFFF!important;border:1.5px solid #0A6971!important;color:#0A6971!important;-webkit-text-fill-color:#0A6971}
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body :is(.ci-btn,.sat-btn.alt,.ml-landing-btn.alt,button.secondary,.pro-button.secondary):not(#ml-x):hover{background:#DDF0F1!important}
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body :is(.ci-track button,.pick-tabs button):not([aria-pressed=true]):not([aria-selected=true]):not(#ml-x){border-color:#7A8AA5!important}
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body .calc-filter button,:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body [class*=filter] button:not([aria-pressed=true]):not(.active){border-color:#7A8AA5!important}
/* cards on the paper background */
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body :is(.ci-box,.mlc-track,.vp-home-card){border-color:#C5D0DF!important}
/* pricing toggles and inputs */
html[data-ml-theme=chalk]:root body :is([role=tablist],.pick-role,.pr-toggle) button:not([aria-selected=true]):not([aria-pressed=true]){border-color:#AEBBD0}
/* lime course button and tags */
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body .mlc-btn.lime:not(#ml-x){background:#C8F25A!important;color:#0F1E3A!important;-webkit-text-fill-color:#0F1E3A;border-color:#A6CC2E!important}
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body .mlc-tag{color:#0A5C63!important}
/* skip link (shown on keyboard focus) */
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body .skip-link{background:#0B6E77!important;color:#FFFFFF!important}

/* plain text links in the rebuilt lessons, and the header search icon */
html[data-theme="light"]:root body a:not([class]):not(#ml-x){color:#0A5C63}
html[data-ml-theme=chalk]:root body > header .ml-search-btn svg :is(path,circle,line,polyline){stroke:#EAF0F8!important}
html[data-ml-theme=chalk]:root body > header .ml-search-btn svg{color:#EAF0F8!important}

/* Coming-soon course card pill (Geometry) */
html[data-ml-theme=chalk]:root body #app .ml-soon.amber .ml-pill{background:#FDF1DC!important;color:#7A4A00!important;-webkit-text-fill-color:#7A4A00;border-color:#F0CF94!important}
html[data-ml-theme=chalk]:root body #app .ml-soon.amber .ml-pill i{background:#D98A1C!important}
html[data-ml-theme=chalk]:root body #app .ml-soon .ml-soon-note{color:#5B6880!important;-webkit-text-fill-color:#5B6880}

/* Tab bars as rounded navy pills: inner padding, rounded tabs, no folder-tab underline */
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body :is(.mla-tabs,.sat-tabs,.rt-tabs,.ml-account-tabs):not(#ml-x){border:0!important;border-radius:14px!important;padding:6px!important;gap:4px!important;align-items:center}
:is(html[data-ml-theme=chalk],html[data-theme="light"]):root body :is(.mla-tabs,.sat-tabs,.rt-tabs,.ml-account-tabs) button:not(#ml-x){border:0!important;border-radius:10px!important;margin:0!important;padding:10px 16px!important;box-shadow:none!important}
}