/* Shared navigation, isolated from page-specific typography and layouts. */
.skin-navigation{--nav-bg:#f6f4ef;--nav-ink:#20211f;--nav-line:#d5d5ce;--nav-surface:#eeede7;position:sticky;top:0;z-index:100;background:var(--nav-bg);color:var(--nav-ink);font-family:Inter,Arial,sans-serif}
:root[data-theme=night] .skin-navigation{--nav-bg:#141718;--nav-ink:#f6f4ef;--nav-line:#3b4143;--nav-surface:#202425}
.skin-navigation *{box-sizing:border-box}
.skin-nav-shell{width:min(1280px,calc(100% - 80px));height:88px;margin:auto;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--nav-line)}
.skin-nav-logo{flex:none}.skin-nav-logo img{display:block;width:104px;height:auto;filter:none}
:root[data-theme=night] .skin-nav-logo img{filter:invert(1)}
.skin-navigation a{text-decoration:none;color:inherit}.skin-navigation a:hover{color:inherit}
.skin-nav-desktop{display:flex;align-items:center;gap:18px;margin:0 0 0 auto;font-size:13px}
.skin-nav-group{position:relative}.skin-navigation summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:500;font-size:13px;padding:8px 0;white-space:nowrap}
.skin-navigation summary::-webkit-details-marker{display:none}.skin-nav-group>summary>span{font-size:16px;font-weight:400;transition:transform .16s}.skin-nav-group[open]>summary>span{transform:rotate(45deg)}
.skin-nav-desktop .skin-nav-links{position:absolute;top:calc(100% + 12px);left:-16px;width:230px;padding:10px;border:1px solid var(--nav-line);border-radius:18px;background:var(--nav-bg);box-shadow:0 12px 32px #0002}
.skin-nav-links :is(a,button){display:flex;align-items:center;min-height:44px;padding:12px;border-radius:10px;font-size:13px;line-height:1.4}
.skin-nav-links :is(a,button):hover,.skin-nav-links :is(a,button):focus-visible{background:var(--nav-surface)}
.skin-nav-actions{display:flex;align-items:center;gap:12px;flex:none}.skin-navigation .theme-switch{display:flex;gap:0;padding:3px;border:1px solid var(--nav-line);border-radius:999px}
.skin-navigation .theme-switch button{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:38px;padding:7px;border:0;border-radius:999px;background:transparent;color:var(--nav-ink);font:600 10px Inter,Arial,sans-serif;cursor:pointer}
.skin-navigation .theme-switch button[aria-pressed=true]{background:#D9FF57;color:#20211f}.skin-navigation .theme-icon{width:18px;height:18px;display:block}
.skin-navigation .skin-nav-start{display:flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border-radius:999px;background:var(--nav-ink);color:var(--nav-bg);font-size:12px;font-weight:600;white-space:nowrap;box-shadow:inset 0 2px 3px #0002,inset 0 -1px 1px #fff3}
.skin-navigation .skin-nav-login{display:flex;align-items:center;min-height:44px;font-size:12px;white-space:nowrap}
.skin-navigation :is(a,button,summary):focus-visible{outline:2px solid var(--nav-ink);outline-offset:3px}
.skin-nav-mobile{display:none}
@media(max-width:1180px){.skin-nav-shell{height:76px;gap:12px}.skin-nav-desktop,.skin-nav-actions>.skin-nav-start,.skin-nav-actions>.skin-nav-login{display:none}.skin-nav-actions{margin-left:auto;gap:10px}.skin-nav-mobile{display:block}.skin-nav-mobile>summary{border:1px solid var(--nav-line);border-radius:999px;padding:10px 14px;font-size:12px}.skin-nav-mobile>nav{position:absolute;top:calc(100% + 8px);right:20px;display:block;margin:0;width:min(360px,calc(100vw - 40px));max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:16px;background:var(--nav-bg);border:1px solid var(--nav-line);border-radius:20px;box-shadow:0 16px 40px #0003}.skin-nav-mobile .skin-nav-start{margin-bottom:12px}.skin-nav-mobile .skin-nav-group{border-bottom:1px solid var(--nav-line)}.skin-nav-mobile .skin-nav-group>summary{min-height:52px;padding:12px 4px;font-size:15px}.skin-nav-mobile .skin-nav-links{padding:0 0 8px 8px}.skin-nav-mobile .skin-nav-links :is(a,button){font-size:13px;min-height:44px}.skin-nav-mobile .skin-nav-login{padding:12px 4px;margin-top:8px}.skin-navigation .theme-switch button{min-width:40px;min-height:40px}}
@media(max-width:760px){.skin-nav-shell{width:calc(100% - 40px)}.skin-nav-logo img{width:94px}.skin-navigation .theme-switch button{min-width:40px;min-height:44px}}
@media(max-width:360px){.skin-nav-shell{width:calc(100% - 32px);gap:8px}.skin-nav-logo img{width:68px}.skin-nav-actions{gap:8px}.skin-navigation .theme-switch{padding:2px}.skin-navigation .theme-switch button{min-width:38px;padding:6px}.skin-nav-mobile>summary{padding:10px 12px}.skin-nav-mobile>nav{right:16px;width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:reduce){.skin-navigation *{transition:none!important;scroll-behavior:auto}}
.skin-navigation .skin-nav-start:hover,.skin-navigation .skin-nav-start:focus-visible{background:var(--nav-ink);color:var(--nav-bg)}

.skin-navigation .skin-nav-links button{width:100%;border:0;background:transparent;color:var(--nav-ink);text-align:left;font-family:inherit;cursor:pointer}
.skin-navigation .skin-nav-links button:hover{background:var(--nav-surface)}
/* Native fragment navigation clears the shared sticky header once. */
html:has(.skin-navigation){scroll-padding-top:var(--skin-anchor-offset,104px)}
html:has(.skin-navigation) main :target{scroll-margin-top:0!important}
@media(max-width:1180px){html:has(.skin-navigation){scroll-padding-top:var(--skin-anchor-offset,92px)}}