/* Scroll-state container queries — loaded as a plain CSS file to avoid
   bundler parsing issues (Turbopack doesn't support this syntax yet). */
@supports (container-type: scroll-state) {
  .scroll-state-container {
    container-type: scroll-state;
  }
  @container scroll-state(scrolled: top) {
    .header-scroll-shadow {
      box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 4px 12px rgba(0,0,0,0.05);
      border-bottom-color: rgb(var(--surface-border));
    }
  }
  @container not scroll-state(scrolled: top) {
    .header-scroll-shadow {
      border-bottom-color: transparent;
      box-shadow: none;
    }
  }
}