/* styles/reset.css
 * Layer order is declared here and nowhere else may reorder it. Load this file first.
 * utilities is the last layer, so single-purpose classes win without specificity tricks. */
@layer reset, tokens, typography, layout, surfaces, actions, forms, editorial, components, sections, artifacts, utilities;

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

  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  @media (prefers-reduced-motion: no-preference) {
    html {
      scroll-behavior: smooth;
    }
  }

  body {
    margin: 0;
    min-height: 100vh;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  figure,
  blockquote,
  dl,
  dd {
    margin: 0;
  }

  ul[role="list"],
  ol[role="list"] {
    margin: 0;
    padding: 0;
    list-style: none;
  }

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

  img,
  video {
    height: auto;
  }

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

  button {
    cursor: pointer;
  }

  textarea {
    resize: vertical;
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  a {
    color: inherit;
  }

  /* Inline prose links are underlined. Standalone links (buttons, arrow links, nav,
     footer) carry a class and no underline. */
  a:not([class]) {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }

  a:not([class]):hover {
    text-decoration-thickness: 2px;
  }

  /* Anchors and focus targets clear the sticky nav. */
  [id],
  :target {
    scroll-margin-top: calc(var(--nav-h) + 16px);
  }

  [disabled],
  [aria-disabled="true"] {
    opacity: 0.42;
    cursor: not-allowed;
  }

  [aria-busy="true"] {
    cursor: progress;
  }

  @media (forced-colors: active) {
    button,
    [role="button"] {
      border: 1px solid ButtonBorder;
    }

    [disabled],
    [aria-disabled="true"] {
      color: GrayText;
      border-color: GrayText;
    }

    /* Icons follow the text color */
    svg[fill]:not([fill="none"]),
    svg [fill]:not([fill="none"]) {
      fill: currentcolor;
    }

    svg[stroke]:not([stroke="none"]),
    svg [stroke]:not([stroke="none"]) {
      stroke: currentcolor;
    }
  }
}