*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root { --gold: #D4A843; --dark: #0D0D0D; --dark-mid: #1A1A1A; --cream: #F5F0E6; --cream-muted: #C4B99A; }
body { font-family: Georgia, serif; background: var(--dark); color: var(--cream); line-height: 1.7; }
nav { display: flex; align-items: center; justify-content: space-between; padding: 1rem 2rem; background: rgba(13,13,13,0.95); border-bottom: 1px solid rgba(245,240,230,0.08); }
nav a { color: var(--cream-muted); text-decoration: none; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.1em; }
nav a:hover { color: var(--gold); }
nav .logo img { height: 48px; }
nav .links { display: flex; gap: 2rem; align-items: center; }
main { max-width: 800px; margin: 0 auto; padding: 4rem 2rem 6rem; }
h1 { color: var(--gold); font-size: 1.8rem; margin-bottom: 0.5rem; }
.updated { color: var(--cream-muted); font-size: 0.85rem; margin-bottom: 2.5rem; }
h4 { color: var(--gold); font-size: 1rem; margin: 2rem 0 0.75rem; }
p { color: var(--cream-muted); margin-bottom: 1rem; font-size: 0.92rem; }
ul { color: var(--cream-muted); margin: 0.5rem 0 1rem 1.5rem; font-size: 0.92rem; }
li { margin-bottom: 0.4rem; }
a { color: var(--gold); }
a:hover { color: #E8C96A; }
.back { display: inline-block; margin-bottom: 2rem; }
footer { text-align: center; padding: 2rem; border-top: 1px solid rgba(245,240,230,0.08); }
footer p { font-size: 0.75rem; color: rgba(245,240,230,0.3); }
@media (max-width: 600px) { main { padding: 2rem 1.25rem 4rem; } nav { padding: 0.75rem 1rem; } nav .logo img { height: 36px; } }