/* Layer order - declared once here, in the first file loaded */
@layer reset, base, typography, layout, components, animations, utilities;

@layer reset {
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  html                   { -webkit-text-size-adjust: 100%; }
  img, video, svg        { display: block; max-inline-size: 100%; }
  button                 { cursor: pointer; font: inherit; background: none; border: none; }
  ul, ol                 { list-style: none; }
  dialog                 { padding: 0; border: none; background: none; max-inline-size: unset; }
  a                      { color: inherit; }
}