@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: light;
    --bg: #fff;
    --accent-bg: #f5f5f5;
    --text: #212121;
    --text-light: #585858;
    --accent: #2a641c;
    --accent-hover: #52a535;
    --accent-text: var(--bg);
    --code: #d812b4;
    --preformatted: #444;
    --marked: #ffd953;
    --disabled: #efefef;
  }
}

@media only screen and (width < 720px) {
  header nav a:hover,
  header nav a.current,
  header nav a[aria-current="page"],
  header nav a[aria-current="true"] {
    background: inherit;
  }
}

figure > table {
  width: 100%;
}

code {
  font-size: 0.95em;
}

nav a[aria-current="true"] {
  color: inherit;
  text-decoration: none;
}

nav li:has(a[aria-current="true"])::marker {
  color: var(--accent);
}

.full-bleed {
  --width: 90vw;
  position: relative;
  width: var(--width);
  left: 50%;
  margin-inline-start: calc(-1 * (var(--width) / 2));
}