:root { color-scheme: light; --ink: #1a1a1a; --muted: #5b5b5b; --accent: #c2410c; --rule: #e5e0d8; --bg: #faf8f4; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.65 Georgia, 'Times New Roman', serif; }
.paper { max-width: 720px; margin: 0 auto; padding: 3rem 1.5rem 1rem; }
.paper h1 { font-size: 2.2rem; line-height: 1.2; margin: 0 0 0.25rem; }
.paper h3 { margin-top: 2.2rem; }
.paper hr { border: none; border-top: 1px solid var(--rule); margin: 2rem 0; }
.paper p, .paper li { max-width: 65ch; }
.paper a { color: var(--accent); }
.paper table { width: 100%; border-collapse: collapse; font-size: 0.85rem; font-family: -apple-system, 'Segoe UI', sans-serif; margin: 1.5rem 0; }
.paper th, .paper td { text-align: left; padding: 0.5rem 0.6rem; border-bottom: 1px solid var(--rule); vertical-align: top; }
.paper th { font-weight: 600; background: #f3efe7; }
.paper em { color: var(--muted); }
.colophon { max-width: 720px; margin: 0 auto; padding: 0 1.5rem 3rem; color: var(--muted); font-size: 0.9rem; font-family: -apple-system, 'Segoe UI', sans-serif; }
.colophon a { color: var(--accent); }
@media (max-width: 600px) { .paper { padding-top: 2rem; } .paper table { font-size: 0.78rem; } }