| :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; } } |
|
|
