/* Grade navigation shares the established child-control tokens. */
.grade-switcher{display:grid;gap:var(--space-8);margin:var(--space-24) 0;font-size:var(--font-size-child-control);color:var(--color-ink-green)}
.grade-switcher select{width:100%;min-height:var(--control-min-height);font:inherit;color:var(--color-learning-green);background:var(--color-paper-surface);border:1px solid var(--color-control-border);border-radius:var(--radius-control);padding:var(--space-8) var(--space-12);cursor:pointer}
@media(max-width:760px){.grade-switcher{grid-template-columns:auto minmax(0,1fr);align-items:center;margin:var(--space-16) 0 var(--space-8)}.grade-switcher select{max-width:240px;justify-self:end}}
/* Grade and framework are independent axes; the caption expands the year label. */
.track-switcher{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-8);margin:var(--space-16) 0}
.track-switcher .grade-switcher{margin:0;align-content:start;min-width:0}
.track-switcher .grade-switcher select{padding-inline:var(--space-8);min-width:0}
.track-switcher .framework-caption{grid-column:1/-1;font-size:var(--font-size-14);line-height:var(--line-height-body);color:var(--color-ink-green);margin:0;overflow-wrap:anywhere}
.sidebar{overflow-y:auto}
@media(max-width:760px){.track-switcher{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.track-switcher .grade-switcher{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.track-switcher .grade-switcher select{justify-self:stretch;max-width:none}}