/* Sticky header at every width (I-01) and phone hide-on-scroll (I-02). NOT generated: hand-written, tokens only, loaded after header.css by devir_ported_header.
   The generated header.css pins position:sticky on [data-comp="header-container"], whose parents (.dv-chrome, header.page-header) are only as tall as the header, so it never stuck
   (the mock's parent is body). Fix: the page-header wrapper is the sticky element; the inner container stays static and keeps the colour and the slide transform.
   Follow-up: move the sticky rule into the mock's header-container.css and drop this file. */
.page-header { position: sticky; inset-block-start: 0; z-index: 40; }
.dv-chrome [data-comp="header-container"] { position: static; }
/* Phones: the wrapper is transparent and 108 px tall, so while the header is slid away it must not catch clicks. (header.js toggles .is-hidden at every width; only phones slide.) */
@media (max-width: 767px) { .page-header:has([data-comp="header-container"].is-hidden) { pointer-events: none; } }
@media (prefers-reduced-motion: reduce) { .dv-chrome [data-comp="header-container"] { transition: none; } }