@layer reset {
  *, *::before, *::after {
    box-sizing: border-box;
  }

  html, body, h1, h2, h3, h4, p, figure, blockquote, dl, dd, ul, ol {
    margin: 0;
  }

  ul[class], ol[class] {
    padding: 0;
    list-style: none;
  }

  html {
    color-scheme: light dark;
  }

  body {
    min-height: 100dvh;
  }

  img, picture, svg {
    max-width: 100%;
    display: block;
  }

  input, button, textarea, select {
    font: inherit;
    color: inherit;
  }

  table {
    border-collapse: collapse;
  }

  a {
    color: inherit;
  }
}