@layer base {
  * {
    box-sizing: border-box;
  }

  body {
    font: 16px/var(--font-lineheight-0) var(--font-system-ui);
    hyphens: auto;
    margin: 0;
    overflow-y: scroll;
    padding: 0;
  }

  button {
    border: none;
    margin: 0;
    padding: 0;
  }

  h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd {
    font-weight: inherit;
    line-height: inherit;
    font-size: inherit;
    margin: 0;
    padding: 0;
  }

  a {
    text-decoration: none;
  }

  li {
    list-style: none;
  }

  p {
    line-height: var(--font-lineheight-1);
  }

  dialog, fieldset, button {
    font: inherit;
    border: none;
    margin: 0;
    padding: 0;
  }
}