:root { --evergreen: #1F3D36; --gold: #B08A3A; --ivory: #F7F3EA; --paper: #FFFDF8; --ink: #1C2623; --muted: #5B6863; --line: #E2DACB; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--ivory); color: var(--ink); font-family: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif; font-size: 1.0625rem; line-height: 1.7; }
.wrap { width: min(780px, 100% - 40px); margin-inline: auto; }
header { background: var(--paper); border-bottom: 1px solid var(--line); padding: 16px 0; }
.logo { height: 44px; width: auto; display: block; }
.doc { padding: 56px 0 72px; }
h1, h2 { font-family: "Fraunces", Georgia, serif; font-weight: 500; line-height: 1.2; }
h1 { font-size: clamp(2rem, 5vw, 2.8rem); margin: 0 0 6px; }
h2 { font-size: 1.3rem; margin: 36px 0 8px; color: var(--evergreen); }
.meta { color: var(--muted); margin: 0 0 28px; }
p, li { margin: 0 0 12px; }
a { color: var(--evergreen); }
footer { background: #11372F; color: #E9E2D2; padding: 24px 0; font-size: 0.95rem; }
footer a { color: #E9E2D2; }