/* Fixed native light header with one owned server-rendered flow spacer. */
html:has(body > #kosmos-global-header) {
  --kn-header-fallback: 77px;
  scroll-padding-top: 12px;
}
body > #kosmos-global-header {
  position: relative;
  top: auto;
}
body > #kosmos-global-header + #kosmos-header-spacer-20261012[data-kn-spacer="fixed-v1"] {
  display: none;
}
@media screen {
  @media not all and (max-height: 480px) {
    html:has(body > #kosmos-global-header + #kosmos-header-spacer-20261012[data-kn-spacer="fixed-v1"]) {
      scroll-padding-top: calc(var(--kn-sticky-height, var(--kn-header-fallback)) + 12px);
    }
    body > #kosmos-global-header:has(+ #kosmos-header-spacer-20261012[data-kn-spacer="fixed-v1"]) {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      width: auto;
    }
    body > #kosmos-global-header + #kosmos-header-spacer-20261012[data-kn-spacer="fixed-v1"] {
      display: block;
      box-sizing: border-box;
      height: var(--kn-sticky-height, var(--kn-header-fallback));
      margin: 0;
      padding: 0;
      border: 0;
      pointer-events: none;
    }
    /* Native summary stays in its closed grid slot; only dropdown is overlaid. */
    body > #kosmos-global-header:has(+ #kosmos-header-spacer-20261012[data-kn-spacer="fixed-v1"]) .kn-menu[open] {
      grid-column: -2 / -1;
      grid-row: 1;
    }
    body > #kosmos-global-header:has(+ #kosmos-header-spacer-20261012[data-kn-spacer="fixed-v1"]) .kn-menu[open] > summary {
      position: static;
      top: auto;
      right: auto;
      width: auto;
    }
    body > #kosmos-global-header:has(+ #kosmos-header-spacer-20261012[data-kn-spacer="fixed-v1"]) .kn-menu[open] > .kn-more {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      padding: 12px;
      background: var(--kl-surface, #fff);
      border: 1px solid var(--kl-line, #dce0e6);
      max-height: calc(100vh - var(--kn-sticky-height, 123px) - 24px);
      max-height: min(75dvh, calc(100dvh - var(--kn-sticky-height, 123px) - 24px));
      overflow-y: auto;
      overscroll-behavior-y: contain;
      scroll-padding-block: 12px;
    }
  }
}
/* Closed-header fallback reserve before measurement; no body padding changes. */
@media (max-width: 900px) {
  html:has(body > #kosmos-global-header) { --kn-header-fallback: 123px; }
}
@media (max-width: 420px) {
  html:has(body > #kosmos-global-header) { --kn-header-fallback: 119px; }
}
/* At <=480px, the default relative header and hidden spacer keep native flow. */
@media (prefers-reduced-motion: reduce) {
  html:has(body > #kosmos-global-header) { scroll-behavior: auto; }
}
@media print {
  html:has(body > #kosmos-global-header) { scroll-padding-top: 0; }
}