* { box-sizing: border-box; }
body {
  margin: 0;
  background: #f8faf9;
  color: #202e28;
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: #17603d; }
a:focus-visible { outline: 2px solid #17603d; outline-offset: 3px; }
.site-header {
  padding: 18px max(20px, calc((100vw - 760px) / 2));
  background: #0d1117;
}
.site-header a { color: #79df9e; text-decoration: none; font-weight: 700; }
.site-header a:focus-visible { outline-color: #79df9e; }
.document { max-width: 800px; margin: 0 auto; padding: 32px 20px 56px; }
h1 { font-size: clamp(1.8rem, 5vw, 2.5rem); line-height: 1.2; }
h2 { font-size: 1.25rem; line-height: 1.35; margin-top: 2em; }
h3 { font-size: 1.05rem; margin-bottom: 0; }
p, li { overflow-wrap: anywhere; }
li { margin-bottom: 0.3em; }
.meta { color: #53635b; font-size: 0.9rem; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 0.92rem; }
th, td { border: 1px solid #c9d6ce; padding: 9px; text-align: left; vertical-align: top; }
th { background: #e9f2ec; }
footer { border-top: 1px solid #c9d6ce; padding: 24px 20px 40px; }
footer nav { max-width: 760px; margin: auto; display: flex; flex-wrap: wrap; gap: 8px 20px; }
@media (prefers-color-scheme: dark) {
  body { background: #0d1117; color: #e6eee9; }
  a { color: #79df9e; }
  a:focus-visible { outline-color: #79df9e; }
  .meta { color: #b1c5b9; }
  th, td, footer { border-color: #42554a; }
  th { background: #1b3325; }
}