:root { --bg: #0d1e27; --ink: #e9e2cf; --muted: #b4a986; --line: #385b54; --accent: #a6926e; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.6 Georgia, "Times New Roman", serif; }
main { max-width: 720px; margin: 0 auto; padding: 56px 16px 72px; }
h1 { font-size: 2.1rem; letter-spacing: .02em; margin: 0 0 .2em; }
h2 { font-size: 1.2rem; margin: 2em 0 .4em; color: var(--accent); }
p, li { color: var(--ink); }
.tag { color: var(--muted); font-style: italic; margin: 0 0 2em; }
a { color: var(--accent); }
hr { border: 0; border-top: 1px solid var(--line); margin: 2.5em 0; }
nav, footer { font-size: .9rem; color: var(--muted); }
nav a, footer a { margin-right: 1.2em; }
.compass { width: 56px; height: 56px; display: block; margin-bottom: 18px; }