/*
  Modern CSS Reset (2026)
  - Uses low-specificity selectors with :where() for easier overrides
  - Resets default browser spacing, typography, media behavior, form controls
  - Keeps accessibility defaults intact while normalizing key elements
*/

:where(html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, address, cite, code, del, dfn, em, img,
        ins, kbd, q, s, samp, small, strong, sub, sup,
        var, b, u, i, center,
        dl, dt, dd, menu, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, embed,
        figure, figcaption, footer, header, hgroup,
        main, menu, nav, output, ruby, section, summary,
        time, mark, audio, video) {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

html {
  box-sizing: border-box;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
}

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

body {
  min-height: 100vh;
  margin: 0;
  background: transparent;
  color: inherit;
  font-family: inherit;
  line-height: inherit;
}

:where(img, picture, video, canvas, svg) {
  display: block;
  max-width: 100%;
  height: auto;
}

:where(svg) {
  fill: currentColor;
}

:where(button, input, optgroup, select, textarea) {
  font: inherit;
  margin: 0;
}

:where(button, [type="button"], [type="reset"], [type="submit"]) {
  appearance: button;
  -webkit-appearance: button;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  background: transparent;
  color: inherit;
  cursor: pointer;
}

:where(input::-moz-focus-inner, button::-moz-focus-inner) {
  border: 0;
  padding: 0;
}

:where(a) {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}

:where(abbr[title]) {
  text-decoration: underline dotted;
}

:where(code, kbd, samp, pre) {
  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
}

:where(table) {
  border-collapse: collapse;
  border-spacing: 0;
}

:where(input, textarea, select, button) {
  background-color: transparent;
}

:where(ul, ol) {
  list-style: none;
}

:where(::selection) {
  background-color: rgba(0, 0, 0, 0.15);
  color: inherit;
}

:where(*:focus-visible) {
  outline: max(2px, 0.15rem) solid Highlight;
}

:where(progress) {
  vertical-align: baseline;
}

:where(textarea) {
  resize: vertical;
}

:where([hidden]) {
  display: none !important;
}