:root{
  color-scheme:light;
  --paper:#fff;--grid:#f3eef9;--ink:#302365;--muted:#635b79;--line:#e5def1;--surface:#fff;
  --slate:#302365;--slate-2:#3f2e7d;--chalk:#fff;--chalk-dim:#ded5f1;
  --yellow:#13c7b4;--yellow-ink:#302365;--blue:#a54deb;--blue-soft:#f6edfd;--green:#13a691;
  --red:#d93a63;--red-soft:#fce7ef;--amber:#d98b00;--amber-soft:#fdf1d3;--focus:#a54deb;
  --radius:8px;--brand:#a54deb;--brand-dark:#8734ce;--brand-soft:#f6edfd;--teal:#13c7b4;
}
html{background:var(--paper)}
body{font-family:"Figtree",system-ui,sans-serif!important;background:var(--paper)!important;background-image:none!important;color:var(--ink)!important;letter-spacing:0}
h1,h2,h3,h4{font-family:"Figtree",system-ui,sans-serif!important;letter-spacing:0!important}
a{color:var(--brand)}
:focus-visible{outline-color:var(--focus)!important}
header.site{background:color-mix(in srgb,var(--paper) 94%,transparent)!important;border-color:var(--line)!important}
.logo,.nav ul a{color:var(--ink)!important}
.logo svg rect{fill:var(--ink)}.logo svg path[stroke="#F2B705"]{stroke:var(--teal)}
.btn{border-radius:8px!important;box-shadow:none!important}
.btn.primary,.btn.yellow{background:linear-gradient(110deg,#f7931e,#e84393)!important;border-color:transparent!important;color:#fff!important}
.btn.ink{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.btn.ghost{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
.btn.chalk{color:#fff!important;border-color:color-mix(in srgb,#fff 35%,transparent)!important}
.pf-badge{background:var(--ink)!important;color:#fff!important}
.hero h1{font-size:clamp(2.2rem,4vw,3.35rem)!important;color:var(--ink)}
.hero .lede,.block .intro,.game p,.sources,.terms,.fine{color:var(--muted)!important}
.board{background:radial-gradient(ellipse at 50% 35%,var(--slate-2),var(--slate) 78%)!important;border-color:#a54deb!important;box-shadow:0 18px 42px -26px color-mix(in srgb,var(--ink) 45%,transparent)!important}
.board::after{background:#8734ce!important}.board .dots i.on{background:var(--teal)!important;border-color:var(--teal)!important}
.board .box.revealed{border-color:var(--teal)!important;color:var(--teal)!important}
.facts{border-color:var(--ink)!important}.lesson{border-color:var(--ink)!important;border-radius:8px!important}.lesson>div{border-color:var(--ink)!important}
.game .icon{background:var(--ink)!important;color:#fff!important;border-radius:8px!important}.game a.play{color:var(--brand)!important}
.sheet,.plan,.pf .honest{background:var(--surface)!important;border-color:var(--line)!important;border-radius:8px!important;box-shadow:0 12px 28px -22px color-mix(in srgb,var(--ink) 45%,transparent)!important}
.leaders{background:var(--ink)!important}.leaders,.leaders h2,.leaders h3{color:#fff!important}.leaders p{color:var(--chalk-dim)!important}.leaders a{color:var(--teal)!important}
.plan.paid{border-color:var(--brand)!important;box-shadow:8px 8px 0 var(--teal)!important}.plan li::before{border-color:var(--teal)!important}
details{border-color:var(--line)!important}.footer,.footer a,footer{border-color:var(--line)!important}
@media(max-width:640px){body{font-size:1rem}.hero{padding-top:2rem}.hero h1{font-size:2.25rem!important}.block h2{font-size:1.8rem!important}}

/* Consistent OnBoard Maths marketing-page finish */
html{overflow-x:hidden}
body{font-size:1rem;line-height:1.65}
.wrap{max-width:1216px}
header.site{box-shadow:0 1px 0 var(--line)}
.nav{min-width:0}
.nav .actions{align-items:center}
.hero{background:linear-gradient(180deg,var(--brand-soft),var(--paper));border-bottom:1px solid var(--line)}
.hero h1{line-height:1.08!important;font-weight:800!important}
.block h2{color:var(--ink);font-weight:800}
.block h2::before{content:"01 / ";display:block;margin-bottom:.55rem;color:var(--brand);font-size:.76rem;line-height:1;font-weight:800;text-transform:uppercase}
.block:nth-of-type(3) h2::before{content:"02 / "}.block:nth-of-type(4) h2::before{content:"03 / "}.block:nth-of-type(5) h2::before{content:"04 / "}.block:nth-of-type(6) h2::before{content:"05 / "}.block:nth-of-type(7) h2::before{content:"06 / "}.block:nth-of-type(8) h2::before{content:"07 / "}
.game,.also>div,.points>div{border-color:var(--line)}
.also>div,.points>div{padding-top:1.15rem;border-top:1px solid var(--line)}
.leaders .points>div{border-color:color-mix(in srgb,var(--chalk) 18%,transparent)}
.term.now::before{background:var(--teal)!important}.term::before,.terms-line::before{border-color:var(--ink)!important}
.faq summary::after{color:var(--brand)!important}
footer{background:var(--ink)!important;color:var(--chalk-dim)!important}footer h3,footer a{color:#fff!important}
@media(max-width:640px){.wrap{padding-inline:1rem}.nav{min-height:68px}.hero{padding-block:2rem}.hero .ctas .btn{width:100%}.pf-badge{max-width:100%}}

/* Keep the extra signed-in School home link within the shared header. */
[hidden]{display:none!important}
@media(max-width:1520px){.nav.has-school-home{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.has-school-home .logo{min-width:0}.has-school-home .logo-text{overflow:hidden;text-overflow:ellipsis}.nav.has-school-home nav{position:absolute;top:100%;left:0;right:0}.has-school-home .menu-btn{display:inline-flex;flex:none}.nav.has-school-home ul{display:none;position:static;flex-direction:column;gap:0;margin:0;padding:.5rem clamp(1rem,4vw,2rem) 1rem;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 18px 30px -18px color-mix(in srgb,var(--ink) 35%,transparent)}.nav.has-school-home.open ul{display:flex}.has-school-home ul a{display:block;padding:.75rem 0;border-bottom:1px solid var(--line)}}