:root { color-scheme: dark; --bg: #10231a; --panel: #173226; --ink: #eef3ea; --soft: #bdcdbf; --gold: #f4d778; --line: #2c5140; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.6 Georgia, "Times New Roman", serif; }
.wrap { max-width: 42rem; margin: 0 auto; padding: 2.5rem 1rem 4rem; }
h1 { color: var(--gold); font-size: 2.1rem; line-height: 1.2; margin: 0 0 .25rem; }
h2 { color: var(--gold); font-size: 1.2rem; margin: 2.25rem 0 .4rem; }
.lead { color: var(--soft); font-size: 1.1rem; margin-top: .75rem; }
a { color: var(--gold); }
ul { padding-left: 1.25rem; }
nav { color: var(--soft); font-size: .95rem; margin-bottom: 2rem; }
nav a { margin-right: 1rem; }
footer { color: var(--soft); font-size: .9rem; margin-top: 3rem; border-top: 1px solid var(--line); padding-top: 1rem; }