:root { --bg: #14181F; --surface: #1D232D; --paper: #EDE6D6; --dim: #B4AE9F; --amber: #E3AB43; --red: #EE6A5F; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--paper); font: 17px/1.6 Georgia, "Times New Roman", serif; }
main { max-width: 720px; margin: 0 auto; padding: 40px 20px 64px; }
h1 { font-size: 2.2em; margin: 0 0 4px; } h2 { color: var(--amber); margin-top: 40px; } h3 { margin-bottom: 4px; }
p.lead { color: var(--dim); margin-top: 0; } a { color: var(--amber); } nav a { margin-right: 16px; }
section { background: var(--surface); border-radius: 12px; padding: 4px 22px 18px; margin-top: 24px; }
li { margin: 6px 0; } footer { color: var(--dim); font-size: 14px; margin-top: 48px; }