/* Replace public/style.css. Do not append to the legacy stylesheet. */
@layer tokens, reset, base, layout, components, utilities;
@import url('./brand/tokens.css') layer(tokens);
@import url('./brand/base.css') layer(base);
@import url('./brand/layout.css') layer(layout);
@import url('./brand/components.css') layer(components);
@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  body, figure { margin: 0; }
  img, svg { vertical-align: middle; }
  img { max-inline-size: 100%; }
  button, input, select, textarea { font: inherit; }
  [hidden] { display: none !important; }
}
@layer utilities {
  .sr-only, .honey { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
  .wide { grid-column: 1 / -1; }
  .prose { max-inline-size: var(--measure); }
  .stack > * + * { margin-block-start: var(--space-6); }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
  }
}