.learningNavigation{margin:10px 0 16px}
.learningNavigation>nav{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.learningNavigation>nav button{border-color:transparent;background:transparent;color:var(--muted);padding:8px 12px;font-size:12px}
.learningNavigation>nav button:hover,.learningNavigation>nav button[aria-expanded=true]{color:var(--accent);background:#172d38;border-color:var(--line)}
.learningNavigation>nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.learningNavigation>details{margin:8px 0 0!important}
.learningNavigation>details:not([open]){display:none}
.learningNavigation>details>summary{display:none}
.learningNavigation>details[open]{padding-top:14px}
@media(max-width:500px){.learningNavigation>nav{display:grid;grid-template-columns:1fr 1fr}.learningNavigation>nav button{text-align:left}}