:root { color-scheme: light dark; }
body { max-width: 46rem; margin: 0 auto; padding: 2rem 1.25rem 4rem;
  font: 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: #1c1c1e; background: #fff; }
h1 { font-size: 1.7rem; line-height: 1.25; margin: 0 0 .5rem; }
h2 { font-size: 1.2rem; margin-top: 2.2rem; border-bottom: 1px solid #e2e2e6; padding-bottom: .3rem; }
h3 { font-size: 1.02rem; margin-top: 1.6rem; }
a { color: #b3402a; }
blockquote { margin: 1rem 0; padding: .7rem 1rem; background: #f6f6f8; border-left: 4px solid #b3402a; border-radius: 4px; }
table { border-collapse: collapse; width: 100%; font-size: .92rem; display: block; overflow-x: auto; }
th, td { border: 1px solid #d8d8dd; padding: .45rem .6rem; text-align: left; vertical-align: top; }
th { background: #f2f2f5; }
code { background: #f2f2f5; padding: .1rem .35rem; border-radius: 4px; font-size: .9em; }
.site-header { margin-bottom: 2rem; }
.site-header a.home { font-weight: 700; text-decoration: none; color: inherit; font-size: 1.05rem; }
.site-header .tag { color: #6e6e73; font-size: .85rem; }
footer { margin-top: 3.5rem; padding-top: 1rem; border-top: 1px solid #e2e2e6; color: #6e6e73; font-size: .85rem; }
@media (prefers-color-scheme: dark) {
  body { color: #ececf0; background: #111114; }
  h2, footer { border-color: #2c2c31; }
  blockquote, th, code { background: #1d1d22; }
  th, td { border-color: #33333a; }
  .site-header .tag, footer { color: #98989f; }
  a { color: #e8836b; }
}