:root{--stage-bg:#fff8ea;--stage-accent:#7951b2;--stage-ink:#34274e;--stage-radius:25px}html[data-age-band=g35]{--stage-bg:#eff7fd;--stage-accent:#287e98;--stage-ink:#263d57;--stage-radius:20px}html[data-age-band=g68]{--stage-bg:#edf3f7;--stage-accent:#166577;--stage-ink:#203747;--stage-radius:13px}html[data-age-band=g912]{--stage-bg:#f1f3f5;--stage-accent:#315c54;--stage-ink:#253b42;--stage-radius:8px}body[data-age-band]{background:var(--stage-bg)!important;color:var(--stage-ink)}body[data-age-band] .topbar{background:var(--stage-bg)}body[data-age-band] .brand-mark,body[data-age-band] .hero-button,body[data-age-band] .family-action{background:var(--stage-accent);color:white}body[data-age-band] .activity,body[data-age-band] .plan,body[data-age-band] .notice,body[data-age-band] .membership-banner,body[data-age-band] .student-cards article,body[data-age-band] .question-card{border-radius:var(--stage-radius)!important}body[data-age-band] .subject-ribbon,body[data-age-band] .how{background:color-mix(in srgb,var(--stage-accent) 10%,white)}body[data-age-band=g912] .card-art{filter:saturate(.65)}body[data-age-band=k2] .card-body p{font-size:17px;line-height:1.8}body[data-age-band] button,body[data-age-band] select{min-height:48px}.site-age-bar{max-width:1180px;margin:20px auto;padding:16px 22px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:white;border:2px solid var(--stage-accent);border-radius:var(--stage-radius)}.site-age-bar strong{margin-right:auto;font:700 15px system-ui}.site-age-bar button{font:700 15px system-ui;background:white;color:var(--stage-accent);border:2px solid var(--stage-accent);border-radius:var(--stage-radius);padding:12px 20px;cursor:pointer}.site-age-bar button[aria-pressed=true]{background:var(--stage-accent);color:white}@media(max-width:600px){.site-age-bar{margin:12px;display:grid;grid-template-columns:repeat(4,1fr);padding:12px;gap:6px}.site-age-bar strong{grid-column:1/-1}.site-age-bar button{padding:10px 4px}}

/* One consistent shape for every learning-stage selector. */
body .age-buttons button,body .site-age-bar button,body[data-age-band] .age-buttons button,body[data-age-band] .site-age-bar button{border-radius:999px!important;text-align:center;justify-content:center;align-items:center}

/* Stable age-selector frame across every age theme. */
body>section.age-switcher,body .site-age-bar{border:2px solid #c6b4e8!important;border-radius:18px!important;background:#fff!important;box-shadow:0 6px 18px #5b438414!important}
body .age-buttons button,body .site-age-bar button{border:2px solid #c6bedb!important}
body .age-buttons button.selected,body .site-age-bar button[aria-pressed="true"]{border-color:var(--stage-accent,#7951b2)!important}