/* Four lightweight, filled illustrations, limited to the main navigation. */
.main-nav a {--nav-ink:#2c6058;--nav-detail:#173e3a;--nav-accent:#e5b96f;--nav-soft:#e4eee8;--nav-paper:#fffaf1;gap:9px;border-radius:12px 12px 0 0}
.main-nav a[data-action=exam] {--nav-ink:#456789;--nav-detail:#365f55;--nav-accent:#e4bb76;--nav-soft:#e9eef4}
.main-nav a[data-action=dashboard] {--nav-ink:#b95731;--nav-detail:#2b6358;--nav-accent:#e1ad64;--nav-soft:#f5e8dc}
.main-nav a[data-action=mistakes] {--nav-ink:#b7664e;--nav-detail:#2b6358;--nav-accent:#e5b975;--nav-soft:#f5e7de}
.main-nav a .nav-symbol,.main-nav a[data-action=dashboard] .nav-symbol {display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:14px;background:var(--nav-soft);transition:transform .16s,box-shadow .16s;box-sizing:border-box}
.main-nav a .nav-symbol .nav-icon,.main-nav a[data-action=dashboard] .nav-symbol .nav-icon {display:block;width:34px;height:34px;fill:none;stroke:none;flex:none}
.main-nav a[aria-current=page] .nav-symbol {box-shadow:0 2px 0 color-mix(in srgb,var(--nav-ink) 26%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--nav-ink) 24%,transparent);transform:translateY(-1px)}
.main-nav a:hover .nav-symbol {transform:translateY(-2px)}
.main-nav a:focus-visible {outline:3px solid var(--accent);outline-offset:3px}
:root[data-theme=dark] .main-nav a {--nav-ink:#9acbb6;--nav-detail:#2c5a4d;--nav-accent:#e8bd7f;--nav-soft:#2a3e37;--nav-paper:#fff5e8}
:root[data-theme=dark] .main-nav a[data-action=exam] {--nav-ink:#a5bddb;--nav-detail:#365f55;--nav-soft:#2d3546}
:root[data-theme=dark] .main-nav a[data-action=dashboard] {--nav-ink:#e5a27a;--nav-detail:#6bb29b;--nav-soft:#49332f}
:root[data-theme=dark] .main-nav a[data-action=mistakes] {--nav-ink:#da997f;--nav-detail:#2b6358;--nav-soft:#493138}
@media(max-width:960px) {
 body:not(.is-focused) {padding-bottom:calc(84px + env(safe-area-inset-bottom))}
 .main-nav,.is-practicing .main-nav {position:fixed;inset-inline:0;bottom:0;width:100%;z-index:20;margin:0;padding:6px 12px calc(6px + env(safe-area-inset-bottom));box-sizing:border-box;background:var(--paper);border-top:1px solid var(--line);display:flex;justify-content:space-around;gap:0}
 .main-nav a,.main-nav a[data-action=dashboard] {display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;font-size:12px;min-width:0}
 .main-nav a>span:not(.nav-symbol),.main-nav a[data-action=dashboard]>span:not(.nav-symbol) {display:block}

 .main-nav a,.main-nav a[data-action=dashboard] {min-height:62px;gap:3px;padding-block:3px;line-height:1.3}
 .main-nav a .nav-symbol,.main-nav a[data-action=dashboard] .nav-symbol {width:40px;height:36px;border-radius:13px}
 .main-nav a .nav-symbol .nav-icon,.main-nav a[data-action=dashboard] .nav-symbol .nav-icon {width:32px;height:32px}
}
@media(prefers-reduced-motion:reduce) {.main-nav a .nav-symbol {transition:none}}