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

html {
  color-scheme: light;
  scroll-behavior: smooth;
  text-size-adjust: 100%;
}

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

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

img { height: auto; }
input, button, textarea, select { font: inherit; }
button, [role="button"] { cursor: pointer; }

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

:target {
  scroll-margin-block: calc(var(--announcement-height) + var(--header-height) + 1.5rem);
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}