.grade-nav{grid-template-columns:var(--cat-filter-w) minmax(0, 1fr) auto;align-items:center;gap:16px var(--cat-gap);border-bottom:1px solid var(--line);overflow-anchor:none;margin-block:0 24px;padding-block:4px 24px;scroll-margin-top:144px;display:grid}.grade-nav h2{color:var(--foreground);font:500 25px/1.15 var(--font-display);margin:0;padding-inline-start:29px}.grade-nav-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.grade-nav-list a{border:1px solid var(--line-strong);min-height:36px;color:var(--foreground);background:var(--surface);font:500 12px/1.4 var(--font-sans);white-space:nowrap;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.grade-nav-list a svg{opacity:.5;flex:none;width:11px;height:11px}.grade-nav-list a:hover,.grade-nav-list a[aria-current=page]{color:var(--brand);border-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.grade-nav-list a:hover,.grade-nav-list a[aria-current=page]{border-color:color-mix(in srgb, var(--brand) 45%, var(--line))}}.grade-nav-list a:hover,.grade-nav-list a[aria-current=page]{background:var(--brand)}@supports (color:color-mix(in lab, red, red)){.grade-nav-list a:hover,.grade-nav-list a[aria-current=page]{background:color-mix(in srgb, var(--brand) 5%, var(--surface))}}.grade-nav-list a:hover svg,.grade-nav-list a[aria-current=page] svg{opacity:1}.grade-nav-toggle{min-width:128px;min-height:36px;color:var(--ink-soft);font:500 12px/1.4 var(--font-sans);cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:8px;padding:8px 0 8px 8px;display:inline-flex}.grade-nav-toggle:hover{color:var(--brand)}.grade-nav-toggle svg{transition:transform .16s}.grade-nav-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.grade-nav-extra{grid-column:2/-1}.grade-nav-extra[hidden]{display:none}.grade-nav a:focus-visible,.grade-nav button:focus-visible{outline:2px solid var(--brand);outline-offset:4px}@media not all and (min-width:64rem){.grade-nav{grid-template-columns:minmax(0,1fr) auto;gap:14px 16px}.grade-nav h2{grid-area:1/1;max-width:none}.grade-nav-toggle{grid-area:1/2}.grade-nav-list,.grade-nav-extra{grid-column:1/-1}}@media not all and (min-width:40rem){.grade-nav{gap:12px;margin-bottom:20px;padding-block:0 20px;scroll-margin-top:120px}.grade-nav h2{font-size:24px}.grade-nav-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.grade-nav-list li{min-width:0}.grade-nav-list a{gap:4px;min-height:40px;padding:8px;font-size:11px;display:flex}.grade-nav-list--wide,.grade-nav-extra .grade-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-nav-extra .grade-nav-list a{padding-inline:12px;font-size:12px}.grade-nav-toggle{min-width:0;font-size:11px}}@media (prefers-reduced-motion:reduce){.grade-nav-list a,.grade-nav-toggle svg{transition:none}}