/* Pins the real header (language-bar -> site-nav -> chavidad-nav -> flag)
   through scroll. Everything below (main/hero/form) scrolls normally. */
[data-escr-sticky-header] {
  position: sticky;
  inset-block-start: 0;
  z-index: var(--escr-header-layer, 30);
  width: 100%;
  isolation: isolate;
  /* Each existing bar already ships its own opaque background; no new panel here. */
}
html[data-escr-sticky-enabled] {
  scroll-padding-top: calc(var(--escr-sticky-height, 0px) + 12px);
}
/* Do NOT also add scroll-margin-top on sections: offsets would stack with scroll-padding above. */

@media (max-width: 700px) {
  /* language-bar already wraps at this width; chavidad-nav's own row scrolls
     horizontally. No forced min-height is added here — see acceptance note
     in the completion report if the pinned group still runs tall on very
     small screens. */
}