/* SNS canonical stylesheet 1/5 — RESET. Loads FIRST on every route.
   Establishes the @layer cascade order for the whole site (later layers win).
   DESIGN_SYSTEM_RESET_2026-05-31 §D. Conservative reset (lowest layer) so it
   never fights existing component styling — it only fills genuine gaps. */
@layer reset, tokens, base, components, utilities, page;

@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  html { -webkit-text-size-adjust: 100%; }
  /* Ensure [hidden] always wins over any component display: rule (#news-empty-state). */
  [hidden] { display: none !important; }
  img, picture, video, canvas, svg { display: block; max-width: 100%; }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: .01ms !important;
      scroll-behavior: auto !important;
    }
  }
}