@import url('../typography.css?v=101.2');
/* Internal pages follow the viewport; the homepage keeps its original scroll flow. */
site-navigation{display:block;position:sticky;top:0;z-index:40;min-height:104px}
site-navigation[static]{position:relative}
html:has(site-navigation:not([static])){scroll-padding-top:104px}
@media(max-width:1000px){
  site-navigation{min-height:82px}
  html:has(site-navigation:not([static])){scroll-padding-top:82px}
}

site-navigation[theme="lime"]{background:var(--concept-accent);--on-text:var(--concept-accent-ink);--on-muted:var(--concept-accent-ink);--on-line:currentColor;--on-accent:var(--concept-accent-ink);color:var(--concept-accent-ink)}site-navigation[theme="light"]{background:var(--concept-surface);--on-text:var(--concept-text);--on-muted:var(--concept-muted);--on-line:var(--concept-line);--on-accent:var(--concept-accent-text)}site-navigation[theme="dark"]{background:var(--concept-inverse-bg);--on-text:var(--concept-inverse-text);--on-muted:var(--concept-inverse-muted);--on-line:var(--concept-inverse-line);--on-accent:var(--concept-inverse-accent)}