:root {
  --bg: #fbfaf7;
  --fg: #1d1c1a;
  --muted: #5f5b54;
  --line: #e3dfd6;
  --accent: #2f5d8a;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #161615; --fg: #ecebe7; --muted: #a8a49b; --line: #33322e; --accent: #8db8e6; }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
h1 { font-size: 1.9rem; line-height: 1.2; margin: 0 0 4px; }
h2 { font-size: 1.2rem; margin: 2.2em 0 0.4em; padding-top: 0.6em; border-top: 1px solid var(--line); }
h3 { font-size: 1.02rem; margin: 1.4em 0 0.2em; }
p, li { overflow-wrap: anywhere; }
a { color: var(--accent); }
.meta { color: var(--muted); margin: 0 0 1.5em; }
.lang { float: right; font-size: 0.95rem; }
table { border-collapse: collapse; width: 100%; font-size: 0.93rem; margin: 0.6em 0; }
th, td { border: 1px solid var(--line); padding: 6px 8px; text-align: left; vertical-align: top; }
th { background: color-mix(in srgb, var(--line) 45%, transparent); }
.table-wrap { overflow-x: auto; }
code { font-size: 0.9em; }