:root, :host { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0 auto;
  padding: 2.5rem 1.25rem;
  max-width: none;
  max-inline-size: 46rem;
  font: 16px/1.6 system-ui, sans-serif;
  color: #1c2329;
  background: #fbfcfd;
}
header { border-bottom: 1px solid #dfe5ea; padding-bottom: 1rem; margin-bottom: 1.5rem; }
h1 { font-size: 1.5rem; margin: 0 0 .25rem; letter-spacing: .01em; }
.tag { margin: 0; color: #5b6a76; }
main a { color: #0b62c4; text-decoration: none; }
main a:hover { text-decoration: underline; }
footer { margin-top: 2.5rem; border-top: 1px solid #dfe5ea; padding-top: 1rem; color: #7b8894; }
@media (prefers-color-scheme: dark) { }