:root {
  color-scheme: dark;
  --background: #242933;
  --foreground: #eceff4;
  --muted: #97a3b8;
  --primary: #88c0d0;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  max-width: 76rem;
  margin: 0 auto;
  padding: 2rem;
  background: var(--background);
  color: var(--foreground);
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;
}
a { color: var(--primary); text-underline-offset: 0.2em; }
.site-nav { display: flex; gap: 1rem; margin-bottom: 2.5rem; font-size: 0.875rem; }
table { border-collapse: collapse; }
table.head, table.foot { width: 100%; color: var(--muted); font-size: 0.75rem; }
td.head-rtitle, td.foot-os { text-align: right; }
td.head-vol { text-align: center; }
.manual-text { max-width: 78ch; margin: 3rem auto; }
section.Sh { margin-top: 2.5rem; }
h1.Sh { font-size: 0.8rem; letter-spacing: 0.14em; text-transform: uppercase; }
.Nd, .Bf, .Op { display: inline; }
.Pa, .Ad { font-style: italic; }
.Ms { font-weight: 700; }
.Bl-diag > dt, .Bl-tag > dt { margin-top: 1rem; font-weight: 700; }
.Bl-tag > dd { margin-left: 1.5rem; color: var(--muted); }
code.Nm, .Fl, .Cm, .Ic, code.In, .Fd, .Fn, .Cd, b {
  color: var(--foreground);
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}
pre { overflow-x: auto; }

@media (max-width: 40rem) {
  body { padding: 1.25rem; font-size: 15px; }
  td.head-vol { display: none; }
  .manual-text { margin-block: 2rem; }
  .Bl-tag > dd { margin-left: 0.75rem; }
}