/* Shared navigation styles (loaded by every page alongside shared.css) */
nav.top .links{scrollbar-width:none}
nav.top .links::-webkit-scrollbar{display:none}
.dwtabs{display:none}
.dwfoot{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px}
.dwfoot a{color:var(--muted);text-decoration:none;font-size:.8rem;min-height:44px;display:inline-flex;align-items:center}
.dwfoot a:hover,.dwfoot a.on{color:var(--fg)}
@media (max-width:720px){
  nav.top .links{display:none}
  .dwtabs{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);
    background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    border-top:1px solid var(--line);padding:4px max(6px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px))}
  .dwtabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;color:var(--muted);text-decoration:none;font:600 .68rem var(--body);border-radius:12px}
  .dwtabs a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .dwtabs a.on{color:var(--accent)}
  .dwtabs a:focus-visible{outline:2px solid var(--dusk);outline-offset:-2px}
  body.has-tabs{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  body.has-tabs .toasts{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:720px){ body.sheet-open .dwtabs{display:none} body.sheet-open.has-tabs .toasts{bottom:calc(16px + env(safe-area-inset-bottom,0px))} }