:root { color-scheme: light dark; }
body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.6;
  max-width: 72ch;
  padding: 1.25rem;
  margin-inline: auto;
}
.skip-link {
  position: absolute; left: -999px; top: 0;
}
.skip-link:focus { left: 1rem; top: 1rem; padding: .5rem; }
header, footer { margin-block: 1.5rem; }
.meta { opacity: .8; }
.note { border-left: 4px solid currentColor; padding-left: .75rem; opacity: .9; }
.tags ul { list-style: none; padding: 0; display: flex; gap: .5rem; flex-wrap: wrap; }
.tags a { text-decoration: none; border-bottom: 1px solid currentColor; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }