:root {
  color-scheme: light;
  --bg: #f8f5ef;
  --paper: #fffefa;
  --ink: #292e27;
  --muted: #66685f;
  --line: #dfded4;
  --accent: #b7523d;
  --green: #3e5142;
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.65 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main { width: min(820px, calc(100% - 32px)); margin: 0 auto; padding: 48px 0 80px; }
a { color: var(--green); }
h1, h2 { font-family: Georgia, serif; font-weight: 500; line-height: 1.2; }
h1 { font-size: clamp(36px, 7vw, 58px); margin: 16px 0; }
h2 { margin-top: 42px; }
.back { display: inline-block; margin-bottom: 20px; }
.draft { border: 2px solid var(--accent); background: var(--paper); border-radius: 10px; padding: 18px; }
.draft strong { color: var(--accent); }
.muted { color: var(--muted); }
table { width: 100%; border-collapse: collapse; background: var(--paper); }
th, td { border: 1px solid var(--line); padding: 12px; text-align: left; vertical-align: top; }
th { background: #efede5; }
code { background: #efede5; padding: 2px 5px; border-radius: 4px; }
li { margin: 8px 0; }
@media (max-width: 650px) { table, tbody, tr, th, td { display: block; } th { margin-top: 14px; } }