:root{--site-nav-height:56px;--site-nav-space:calc(var(--site-nav-height) + env(safe-area-inset-bottom,0px));--site-nav-bottom:0px}
body{padding-bottom:var(--site-nav-space)}
#site-navigation{--nav-bg:var(--site-surface,#111820);--nav-text:var(--site-text,#f1f5f9);--nav-muted:var(--site-muted,#a9b6c3);--nav-line:var(--site-border,#33404c);--nav-accent:var(--site-accent,#67e8f9);color:var(--nav-text);font:16px/1.7 system-ui,sans-serif}
#site-navigation *,#site-navigation *::before,#site-navigation *::after{box-sizing:border-box}
.site-nav-bar{position:fixed;inset:auto 0 var(--site-nav-bottom);height:var(--site-nav-space);padding-bottom:env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));z-index:91;background:var(--nav-bg);border-top:1px solid var(--nav-line)}
.site-nav-bar :is(button,a){appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;height:var(--site-nav-height);margin:0;padding:5px 4px;border:0;border-radius:0;background:transparent;color:var(--nav-muted);font:600 12px/1.25 system-ui,sans-serif;text-decoration:none;cursor:pointer}
.site-nav-bar svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.site-nav-bar [aria-pressed=true]{color:var(--nav-accent);background:color-mix(in srgb,var(--nav-accent) 8%,transparent)}
.site-nav-overlay{position:fixed;inset:var(--site-visual-top,0px) 0 auto;height:calc(var(--site-visual-height,100vh) - var(--site-nav-space));height:calc(var(--site-visual-height,100dvh) - var(--site-nav-space));z-index:90;display:flex;align-items:flex-end;justify-content:center;background:#0008;padding:12px 16px 0}
.site-nav-sheet{display:flex;flex-direction:column;min-height:0;min-width:0;width:100%;max-width:640px;max-height:100%;background:var(--nav-bg);border:1px solid var(--nav-line);border-radius:16px 16px 0 0;overflow:hidden}
.site-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:8px 16px;border-bottom:1px solid var(--nav-line)}
.site-nav-heading h2{font:700 17px/1.5 system-ui,sans-serif;margin:0}
.site-nav-close{appearance:none;flex:none;min-height:44px;min-width:44px;border:0;background:none;color:var(--nav-text);font-size:24px;cursor:pointer}
.site-nav-content{min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;padding:12px 16px 24px;overflow-wrap:anywhere;scrollbar-width:thin}
.site-nav-content :is(button,a){font:inherit;color:inherit}
.site-nav-content button{cursor:pointer}
.site-nav-item{display:block;width:100%;min-height:44px;text-align:left;padding:10px 4px;border:0;border-bottom:1px solid var(--nav-line);background:transparent;text-decoration:none;line-height:1.65}
.site-nav-item[data-level="3"]{padding-left:16px;font-size:.9375rem}
.site-nav-item[data-level="4"]{padding-left:32px;font-size:.9375rem}
.site-nav-content details{border-bottom:1px solid var(--nav-line);padding:8px 0}
.site-nav-content summary{min-height:44px;padding:8px 4px;cursor:pointer;font-weight:600}
.site-nav-content details p{margin:8px 0 14px;line-height:1.85}
.site-nav-muted{color:var(--nav-muted);font-size:.875rem}
.site-nav-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.site-nav-categories button{min-height:44px;border:1px solid var(--nav-line);border-radius:6px;padding:6px 10px;background:transparent;color:var(--nav-text);font-size:.875rem}
.site-nav-categories [aria-pressed=true]{border-color:var(--nav-accent);font-weight:700}
#site-navigation :is(a,button,summary):focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}
@media(min-width:768px){.site-nav-sheet{margin-bottom:16px;border-radius:16px}.site-nav-overlay{padding-top:24px}.site-nav-bar{padding-inline:max(16px,calc((100% - 960px)/2))}}