:root{--navy:#12233f;--blue:#2563eb;--teal:#0f9f9a;--ink:#172033;--muted:#667085;--line:#dfe6ef;--bg:#f6f8fb;--white:#fff;--soft:#eef5ff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{max-width:1180px;margin:auto;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:20px;font-weight:850;color:var(--navy)}.navlinks{display:flex;gap:18px;font-size:14px;font-weight:700}.navlinks a{text-decoration:none;color:var(--muted)}.wrap{max-width:1180px;margin:auto;padding:54px 24px 80px}.hero{background:linear-gradient(135deg,#fff,#eef6ff);border:1px solid var(--line);border-radius:24px;padding:42px}.eyebrow{display:inline-block;padding:7px 11px;border-radius:999px;background:#dff7f5;color:#087d79;font-size:12px;font-weight:850;letter-spacing:.04em}.hero h1{font-size:46px;line-height:1.05;margin:16px 0 12px;color:var(--navy)}.hero p{max-width:780px;font-size:18px;line-height:1.6;color:var(--muted);margin:0}.stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-weight:800}.section{margin-top:42px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.section h2{font-size:28px;color:var(--navy);margin:0}.section-head p{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px;box-shadow:0 3px 12px rgba(18,35,63,.04)}.num{font-size:12px;font-weight:850;color:var(--blue);text-transform:uppercase}.card h3{font-size:17px;line-height:1.35;margin:7px 0 14px}.btn{display:inline-block;text-decoration:none;background:var(--navy);color:#fff;padding:9px 12px;border-radius:9px;font-size:14px;font-weight:800}.btn.secondary{background:#eaf1ff;color:#174ea6}.assessment{border:2px solid #b9cdfa}.note{margin-top:30px;padding:18px;border-radius:14px;background:#fff8e7;border:1px solid #f1d894;color:#5e4a16;line-height:1.5}.footer{border-top:1px solid var(--line);background:#fff;padding:28px 24px;color:var(--muted);text-align:center;font-size:14px}@media(max-width:700px){.navlinks{display:none}.wrap{padding:28px 16px 60px}.hero{padding:28px 22px}.hero h1{font-size:36px}.section-head{display:block}.section-head p{margin-top:6px}}

.jumpnav{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 4px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;position:sticky;top:64px;z-index:8;box-shadow:0 5px 18px rgba(18,35,63,.05)}
.jumpnav a{text-decoration:none;color:var(--navy);font-size:13px;font-weight:800;padding:8px 10px;border-radius:9px;background:#f5f8fc}
.jumpnav a:hover{background:#e8f1ff;color:#174ea6}
.card.ready{border-color:#aac3f4;box-shadow:0 7px 20px rgba(37,99,235,.08)}
.card.ready .num{color:#087d79}
@media(max-width:700px){.jumpnav{position:static;overflow:auto;flex-wrap:nowrap}.jumpnav a{white-space:nowrap}}
.visual-wrap{margin:18px 0 8px;padding:8px;border-radius:16px;background:#f8fbfe}.visual-wrap:empty{display:none}.visual-wrap svg{display:block;width:min(100%,560px);height:auto;margin:0 auto}.question + .visual-wrap{margin-top:16px}

/* ALR TEACHER RESOURCE REDESIGN V2 */
:root{
  --number:#4f7ee8;--number-soft:#edf3ff;
  --patterns:#12a8a1;--patterns-soft:#e9f9f7;
  --algebra:#8767d8;--algebra-soft:#f1ecff;
  --stats:#45a46b;--stats-soft:#ecf8f0;
  --coord:#e5a43b;--coord-soft:#fff5de;
  --measure:#e96d62;--measure-soft:#fff0ee;
  --geometry:#536bb4;--geometry-soft:#eef1fb;
  --pat:#d65f9e;--pat-soft:#fcecf5;
}
/* Teacher-resource feel: soft paper, clear subject colors, restrained decoration */
body{background:
 radial-gradient(circle at 8% 4%,rgba(79,126,232,.07),transparent 21rem),
 radial-gradient(circle at 94% 10%,rgba(18,168,161,.06),transparent 24rem),
 #f7f9fc;}
.site-header{box-shadow:0 4px 18px rgba(36,54,94,.06)}
.wrap{max-width:1220px}.hero{border-radius:30px!important}
.section{scroll-margin-top:125px}.section-head{position:relative;padding:0 6px 7px 18px!important;border-left:6px solid #c7d1e2;border-radius:3px}
#number .section-head{border-color:var(--number)}#patterns .section-head{border-color:var(--patterns)}#algebra .section-head{border-color:var(--algebra)}#statistics-data .section-head{border-color:var(--stats)}#coordinate-geometry .section-head{border-color:var(--coord)}#measurement .section-head{border-color:var(--measure)}#geometry .section-head{border-color:var(--geometry)}#pat .section-head{border-color:var(--pat)}
.section h2{font-size:31px!important}.section-head p{font-size:13px;letter-spacing:.02em;text-transform:uppercase}
.card{min-height:154px;display:flex;flex-direction:column}.card h3{flex:1}.card .practice-link,.card>.btn{align-self:flex-start}
#number .card{background:linear-gradient(145deg,#fff 65%,#f4f7ff)}
#patterns .card{background:linear-gradient(145deg,#fff 65%,#f0fbfa)}
#algebra .card{background:linear-gradient(145deg,#fff 65%,#f7f3ff)}
#statistics-data .card{background:linear-gradient(145deg,#fff 65%,#f1faf4)}
#coordinate-geometry .card{background:linear-gradient(145deg,#fff 65%,#fff9eb)}
#measurement .card{background:linear-gradient(145deg,#fff 65%,#fff5f3)}
#geometry .card{background:linear-gradient(145deg,#fff 65%,#f4f6fd)}
#pat .card{background:linear-gradient(145deg,#fff 58%,#fff1f8)}
.num{letter-spacing:.045em}.practice-link:after,.card>.btn:after{content:'  →';font-weight:900}
.jumpnav{border-radius:20px!important}.jumpnav:before{content:'Choose a strand:';display:flex;align-items:center;font-size:12px;font-weight:900;color:#64728b;padding:0 3px;text-transform:uppercase;letter-spacing:.055em}
.note{border-radius:18px!important}

/* Strand-colored quiz experience */
.strand-number{--strand:var(--number);--strand-soft:var(--number-soft);--strand-dark:#315fbf}
.strand-patterns{--strand:var(--patterns);--strand-soft:var(--patterns-soft);--strand-dark:#087c77}
.strand-algebra{--strand:var(--algebra);--strand-soft:var(--algebra-soft);--strand-dark:#6b4cbd}
.strand-stats{--strand:var(--stats);--strand-soft:var(--stats-soft);--strand-dark:#2f7f4e}
.strand-coord{--strand:var(--coord);--strand-soft:var(--coord-soft);--strand-dark:#94620e}
.strand-measure{--strand:var(--measure);--strand-soft:var(--measure-soft);--strand-dark:#b94b44}
.strand-geometry{--strand:var(--geometry);--strand-soft:var(--geometry-soft);--strand-dark:#405694}
.strand-pat{--strand:var(--pat);--strand-soft:var(--pat-soft);--strand-dark:#9c3c70}
body[class^="strand-"] .quiz-top .eyebrow{background:var(--strand-soft)!important;color:var(--strand-dark)!important;border-color:transparent!important}
body[class^="strand-"] .backlink{color:var(--strand-dark)!important}
body[class^="strand-"] .quiz-card{border-top-color:var(--strand)!important;position:relative;overflow:hidden}
body[class^="strand-"] .quiz-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--strand);pointer-events:none}
body[class^="strand-"] .progress div{background:linear-gradient(90deg,var(--strand),#7b8dd8)!important}
body[class^="strand-"] .choice:hover{border-color:var(--strand)!important;background:var(--strand-soft)!important}
body[class^="strand-"] .next{background:var(--strand)!important}
body[class^="strand-"] .visual-wrap{background:linear-gradient(180deg,#fff,var(--strand-soft))!important;border-color:color-mix(in srgb,var(--strand) 18%,white)!important}
.quiz-card{padding:30px!important}.question{font-weight:780!important}.choice{box-shadow:0 2px 7px rgba(36,52,84,.025)}
@media(max-width:700px){.jumpnav:before{display:none}.card{min-height:0}.section-head{padding-left:13px!important}.quiz-card{padding:21px!important}}