:root {
  --ink: #211D32;
  --paper: #F5EFE4;
  --card: #FFFCF7;
  --muted: #827C8D;
  --line: #E8DFD2;
  --coral: #F07862;
  --teal: #3E8F82;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: 17px/1.6 -apple-system, "Segoe UI", Roboto, Inter, sans-serif;
}
main {
  max-width: 820px;
  margin: 0 auto;
  padding: 32px 16px 64px;
}
h1 { font-family: Lora, Georgia, serif; font-size: 2rem; line-height: 1.2; margin: 0.4em 0; }
h2 { font-size: 1.15rem; margin-top: 2em; }
a { color: var(--teal); }
.lang { text-align: right; font-size: 0.9rem; }
.meta { color: var(--muted); }
hr { border: 0; border-top: 1px solid var(--line); margin: 48px 0; }
table { width: 100%; border-collapse: collapse; background: var(--card); font-size: 0.92rem; display: block; overflow-x: auto; }
th, td { border: 1px solid var(--line); padding: 8px 10px; text-align: left; vertical-align: top; }
th { background: #EFE6D8; }