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

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

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

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

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

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

/* Everything that can be pressed shows it. Zero specificity, so [disabled] and [aria-disabled] in base.css win. */
:where(
    button,
    summary,
    select,
    label[for],
    a[href],
    .btn,
    [role="button"],
    [role="tab"],
    [role="menuitem"],
    [role="switch"],
    [role="option"],
    input[type="checkbox"],
    input[type="radio"],
    input[type="file"],
    input[type="range"],
    input[type="color"],
    input[type="submit"],
    input[type="button"],
    input[type="reset"]
  ) {
  cursor: pointer;
}

/* a separate rule: a browser without :has() drops only this one */
:where(label:has(> input[type="checkbox"], > input[type="radio"])) {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}