/* Original shared pictograms: fixed geometry keeps every label aligned. */
.nav-pictogram{display:block;width:22px;height:22px;flex:none}
.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;min-width:28px;height:28px;flex:0 0 28px;line-height:1;white-space:nowrap}
.sidebar-section{margin:3px 0 16px}
.sidebar .nav-section-toggle{padding:12px 12px 9px;letter-spacing:.1em;line-height:1.5}
.sidebar .side-link{position:relative;gap:10px;min-height:44px;padding:9px 11px;margin:3px 0;border:1px solid transparent;border-radius:10px;font-size:.82rem;line-height:1.4;transition:background-color .15s,color .15s,border-color .15s}
.sidebar .side-link>span:last-child{min-width:0}
.sidebar .side-link .nav-icon{color:var(--muted);background:transparent;border-radius:7px}
.sidebar .side-link:hover,.sidebar .side-link.active{background:var(--surface2);color:var(--primary)}
.sidebar .side-link.active{border-color:var(--line);box-shadow:inset 3px 0 0 var(--primary)}
.sidebar .side-link:is(:hover,.active) .nav-icon{color:var(--primary)}
.side-link:focus-visible,.nav-section-toggle:focus-visible,.desktop-nav a:focus-visible,.mobile-tabs :is(a,button):focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.desktop-nav .nav-icon{width:20px;min-width:20px;height:20px;flex-basis:20px}
.desktop-nav .nav-pictogram{width:18px;height:18px}
.mobile-tabs .nav-icon{height:26px}
.manual-tool-icon .nav-pictogram{width:26px;height:26px}
.guide-start-card>.nav-icon{color:var(--primary);margin-top:2px}
@media(prefers-reduced-motion:reduce){.sidebar .side-link{transition:none}}
/* Keep homepage navigation visible when labels wrap or text is enlarged. */
body[data-page="home"] .hero-overlay{position:relative;min-height:inherit}
body[data-page="home"] .hero{aspect-ratio:auto;height:auto}