:root{
  --ux-blue:#2457d6;--ux-blue-dark:#173e9f;--ux-ink:#18324f;--ux-muted:#62748a;--ux-line:#dce5f1;--ux-soft:#f5f8ff;--ux-card:#fff;--ux-radius:16px;--ux-shadow:0 8px 22px rgba(26,55,99,.075);
  --ux-science:#0f766e;--ux-english:#8b5cf6;--ux-gold:#a16207;
}
body.home-page{background:#f6f8fc;color:var(--ux-ink)}
.home-page .container{max-width:1120px;border:0;border-radius:0;box-shadow:none;background:transparent;padding:14px 20px 28px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--ux-line);backdrop-filter:blur(10px)}
.site-header__nav{max-width:1120px;margin:0 auto!important;padding:8px 18px!important;display:flex;align-items:center;justify-content:space-between;gap:14px}
.site-header__brand{display:flex!important;align-items:center;gap:8px;padding:5px 0!important;color:var(--ux-ink)!important;text-decoration:none!important}.site-header__brand img{flex:0 0 auto}.site-header__links{display:flex;align-items:center;gap:4px}.site-header__links a{padding:7px 10px!important;font-size:.92rem}.site-header__links a[aria-current=page]{background:var(--ux-soft);color:var(--ux-blue)!important}.site-header__menu{display:none}
.skillr-header-tools{display:flex;align-items:center;gap:6px;margin-left:6px;padding-left:8px;border-left:1px solid var(--ux-line)}.skillr-utility-button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid #cdd8e8;border-radius:999px;background:#fff;color:var(--ux-ink);font:inherit;font-size:.88rem;font-weight:800;cursor:pointer}.skillr-utility-button:hover,.skillr-utility-button:focus-visible{border-color:var(--ux-blue);background:var(--ux-soft);color:var(--ux-blue)}.skillr-utility-button .skillr-ui-icon{width:16px;height:16px}
.ux-hero{padding:36px 0 18px;text-align:center}.ux-eyebrow{margin:0 0 9px;color:var(--ux-blue);font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.ux-hero h1{max-width:800px;margin:0 auto 12px;font-size:clamp(2rem,4.7vw,3.8rem);line-height:1.04;letter-spacing:-.035em;color:var(--ux-ink)}.ux-hero__lead{max-width:720px;margin:0 auto 18px;font-size:clamp(1rem,1.8vw,1.14rem);color:var(--ux-muted);line-height:1.5}.ux-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 16px;margin:0 auto 22px;color:#50647b;font-size:.9rem}.ux-trust span::before{content:"✓";margin-right:5px;color:var(--ux-blue);font-weight:900}
.ux-search{max-width:720px;margin:0 auto;position:relative}.ux-search .site-search__label{display:block;text-align:left;margin:0 0 6px;font-weight:800;color:var(--ux-ink)}.ux-search .site-search__control{background:#fff;border:2px solid #cdd9eb;border-radius:14px;box-shadow:var(--ux-shadow)}.ux-search .site-search__input{min-height:54px;font-size:1rem;border:0;background:transparent}.ux-search .site-search__control:focus-within{border-color:var(--ux-blue);box-shadow:0 0 0 4px rgba(36,87,214,.11)}
.ux-start{margin:24px 0 14px;padding:18px;border:1px solid var(--ux-line);border-radius:20px;background:#fff;box-shadow:var(--ux-shadow)}.ux-start__head{text-align:center;margin-bottom:14px}.ux-start__head h2{margin:0 0 3px;font-size:1.45rem}.ux-start__head p{margin:0;color:var(--ux-muted)}.ux-years{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:7px;margin-bottom:14px}.ux-year{display:grid;place-items:center;min-height:48px;border:1px solid #cfdbea;border-radius:12px;background:#fff;color:var(--ux-ink)!important;font:inherit;font-weight:900;text-decoration:none!important;cursor:pointer}.ux-year:hover,.ux-year:focus-visible{border-color:var(--ux-blue);background:var(--ux-soft);color:var(--ux-blue)!important}.ux-year.is-active,.ux-year[aria-pressed="true"]{border-color:var(--ux-blue);background:var(--ux-blue);color:#fff!important;box-shadow:0 8px 18px rgba(36,87,214,.22)}
.ux-selected-note{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#f7faff;color:var(--ux-muted);font-size:.94rem}.ux-selected-note strong{color:var(--ux-ink)}.ux-selected-note a{color:var(--ux-blue);font-weight:900;text-decoration:none}.ux-subjects{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ux-subject{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--ux-line);border-radius:15px;background:#fbfdff;text-decoration:none!important;color:var(--ux-ink)!important}.ux-subject:hover,.ux-subject:focus-visible{border-color:var(--ux-blue);background:#fff;box-shadow:var(--ux-shadow);transform:translateY(-1px)}.ux-subject strong{display:block;font-size:1.04rem}.ux-subject small{display:block;color:var(--ux-muted);font-weight:500;margin-top:1px}.ux-subject__icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:15px;background:#edf3ff;font-size:1.5rem}.ux-subject--maths .ux-subject__icon{background:#edf3ff;color:var(--ux-blue)}.ux-subject--science .ux-subject__icon{background:#ecfdf5;color:var(--ux-science)}.ux-subject--english .ux-subject__icon{background:#f5f3ff;color:var(--ux-english)}
.ux-utility-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin:14px 0 22px}.ux-panel{border:1px solid var(--ux-line);border-radius:16px;background:#fff;padding:16px}.ux-panel h2{margin:0 0 4px;font-size:1.15rem}.ux-panel p{margin:0 0 12px;color:var(--ux-muted)}.ux-drill{display:flex;gap:9px;align-items:end;flex-wrap:wrap}.ux-drill label{display:grid;gap:4px;font-weight:800;font-size:.88rem}.ux-drill select{min-height:42px;border:1px solid #c8d5e7;border-radius:10px;padding:0 12px;background:#fff}.ux-primary,.ux-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border-radius:11px;font-weight:800;text-decoration:none!important;cursor:pointer}.ux-primary{border:1px solid var(--ux-blue);background:var(--ux-blue);color:#fff!important}.ux-primary:hover{background:var(--ux-blue-dark)}.ux-secondary{border:1px solid #cdd8e8;background:#fff;color:var(--ux-ink)!important}.ux-streak{display:block;width:100%;color:#6d5a20;font-size:.88rem}.ux-dashboard-link{display:flex;justify-content:space-between;gap:12px;align-items:center;text-decoration:none!important;color:var(--ux-ink)!important}.ux-dashboard-link span:last-child{color:var(--ux-blue);font-weight:900;white-space:nowrap}
.ux-how{margin:20px 0}.ux-how__head{text-align:center;margin-bottom:12px}.ux-how__head h2{margin:0 0 4px}.ux-how__head p{margin:0;color:var(--ux-muted)}.ux-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.ux-step{padding:14px;border:1px solid var(--ux-line);border-radius:14px;background:#fff}.ux-step b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ux-blue);color:#fff;margin-bottom:8px}.ux-step strong{display:block}.ux-step small{display:block;color:var(--ux-muted);margin-top:3px;line-height:1.4}
.resource-quickstart{margin-top:20px}.ux-curriculum-head{text-align:center;margin:0 0 12px}.ux-curriculum-head h2{margin:0 0 3px}.ux-curriculum-head p{margin:0;color:var(--ux-muted)}.curriculum-stage{border:1px solid var(--ux-line)!important;border-radius:15px!important;background:#fff!important;margin:8px 0!important;overflow:hidden}.curriculum-stage__header{padding:13px 16px!important;background:#fbfcff!important}.curriculum-year-row{border-top:1px solid #edf1f7!important}.curriculum-subject-card{box-shadow:none!important}
footer{margin-top:34px;border-top:1px solid var(--ux-line);background:#fff;padding:22px 18px!important}footer .footer-nav{max-width:1120px;margin:0 auto 10px!important;justify-content:center}footer p{max-width:820px;margin:8px auto;text-align:center;color:var(--ux-muted);font-size:.88rem}
@media(max-width:920px){.site-header__links{display:none}.site-header__menu{display:block}.ux-years{grid-template-columns:repeat(6,1fr)}.ux-utility-grid{grid-template-columns:1fr}.ux-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.home-page .container{padding:12px 12px 24px}.ux-hero{padding:28px 0 16px}.ux-hero h1{font-size:2.1rem}.ux-start{padding:14px}.ux-years{grid-template-columns:repeat(4,1fr);gap:6px}.ux-year{min-height:46px}.ux-selected-note{display:block}.ux-selected-note a{display:inline-block;margin-top:4px}.ux-subjects{grid-template-columns:1fr}.ux-steps{grid-template-columns:1fr}.ux-panel{padding:14px}.ux-drill>*{width:100%}.ux-drill select,.ux-primary{width:100%}.site-header__nav{padding:7px 12px!important}}