@layer components{:root{--nav-bg:#ffffffd1;--nav-line:#0000000b;--nav-text:#555b5e;--nav-active:var(--ink);--nav-hover:var(--blue);--nav-logo:none;--mobile-menu-border-color:#11121424}html[data-header=dark]{--nav-bg:#101214a8;--nav-line:#ffffff17;--nav-text:#f0f1efb3;--nav-active:var(--paper-cool);--nav-hover:var(--paper-cool);--nav-logo:invert(1)}html:is([data-nav-open],[data-mobile-open]){--nav-bg:var(--white);--nav-line:#0000000b;--nav-text:var(--ink);--nav-active:var(--ink);--nav-hover:var(--blue);--nav-logo:none}.action-button{min-height:48px;color:var(--white);background:var(--ink);border:var(--rule-action);border-color:var(--ink);border-radius:var(--action-button-radius);cursor:pointer;justify-content:center;align-items:center;padding:10px 16px;transition:background .2s,border-color .2s;display:inline-flex}.action-button:hover{background:var(--blue);border-color:var(--blue)}.site-header{z-index:100;height:var(--header);padding:0 var(--page-inset);background:var(--nav-bg);border-bottom:1px solid var(--nav-line);backdrop-filter:blur(16px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;transition:background .2s,border-color .2s;display:grid;position:fixed;inset:0 0 auto}.brand-logo{width:172px;height:auto;max-height:36px;filter:var(--nav-logo);transition:filter .2s}.primary-nav,.nav-item{align-items:center;height:100%;display:flex}.primary-nav{justify-content:center;gap:clamp(12px,1.7vw,24px)}.nav-link,.header-contact,.menu-btn{color:var(--nav-text);letter-spacing:.015em;white-space:nowrap;font-size:clamp(12px,.9vw,13px);font-weight:600;line-height:1.32;transition:color .2s}.nav-link,.nav-toggle,.menu-btn,.mobile-submenu-toggle{min-height:44px}.nav-link{align-items:center;display:flex}.nav-link.active{color:var(--nav-active);font-weight:700}.header-contact{justify-self:end}.nav-toggle,.menu-btn,.mobile-submenu-toggle{cursor:pointer;background:0 0;border:0;padding:0}.nav-toggle,.mobile-submenu-toggle{place-items:center;display:grid}.nav-toggle{width:20px;color:var(--nav-text)}.menu-btn,.mobile-menu{display:none}.menu-chevron{fill:none;stroke:currentColor;stroke-width:1.3px;width:12px;height:12px;transition:transform .2s}[aria-expanded=true]>.menu-chevron{transform:rotate(180deg)}.nav-panel,.nav-backdrop{opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s}.nav-panel{max-height:calc(100svh - var(--header));padding:32px var(--page-inset);position:absolute;inset:100% 0 auto;overflow-y:auto}.nav-panel.open,html[data-nav-open] .nav-backdrop{opacity:1;visibility:visible}.nav-panel-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(48px,8vw,120px);display:grid}.nav-heading{color:var(--muted);margin-bottom:16px;font-size:13px;line-height:1.5}.nav-panel ul{gap:16px;margin:0;padding:0;list-style:none;display:grid}.nav-panel a{width:fit-content;color:var(--ink);letter-spacing:-.02em;font-size:28px;line-height:1.2;display:block}.nav-panel-related ul{gap:8px}.nav-panel-related a{letter-spacing:0;font-size:14px;font-weight:500;line-height:1.5}.nav-panel a:hover,.mobile-submenu a:hover{color:var(--blue)}:is(.nav-link,.nav-toggle,.header-contact):hover{color:var(--nav-hover)}.site-header :focus-visible,.mobile-menu :focus-visible{outline:var(--navigation-focus-outline);outline-offset:4px}.nav-backdrop{z-index:98;inset:var(--header) 0 0;backdrop-filter:blur(8px);background:#10121424;position:fixed}.nav-surface{background:var(--white);border-bottom:1px solid var(--nav-line)}[id]:is(.sys-card,.section){scroll-margin-top:calc(var(--header) + 24px)}@media (960px<width<=1200px){.primary-nav{gap:12px}}@media (width<=960px){.site-header{grid-template-columns:1fr auto}.brand-logo{width:148px}.primary-nav,.header-contact,.nav-backdrop{display:none}.menu-btn{min-width:44px;display:block}.mobile-menu{z-index:99;overscroll-behavior:contain;padding:90px var(--page-inset) 30px;background:#fffffffc;transition:transform .25s;display:block;position:fixed;inset:0;overflow-y:auto;transform:translateY(-103%)}.mobile-menu.open{transform:none}.mobile-row{border-bottom:1px solid var(--mobile-menu-border-color);align-items:center;display:flex}.mobile-row>a{min-width:0;min-height:58px;color:var(--ink);letter-spacing:-.03em;flex:1;justify-content:space-between;align-items:center;font-size:23px;display:flex}.mobile-submenu-toggle{width:44px;color:var(--ink)}.mobile-submenu{border-bottom:1px solid var(--mobile-menu-border-color);padding:8px 0 16px 16px}.mobile-submenu a{min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:16px;line-height:1.5;display:flex}}@media (prefers-reduced-motion:reduce){.action-button,.mobile-menu,.site-header,.site-header a,.site-header button,.brand-logo,.menu-chevron,.nav-panel,.nav-backdrop{transition:none!important}}}