:root { --paper: #FFF7E2; --paper2: #F7E7C3; --ink: #3B2416; --ink2: #87664B; --wood: #47230F; --brass: #E9B748; --bdx: #8E2C3B; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bdx); color: var(--ink); font: 17px/1.6 'Fredoka', system-ui, sans-serif; }
main { max-width: 720px; margin: 32px auto; padding: 28px 22px 36px; background: var(--paper); border: 3px solid var(--wood); border-radius: 22px; box-shadow: 0 6px 0 var(--wood); }
@media (max-width: 760px) { main { margin: 16px; } }
header { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; }
header img { width: 64px; height: 64px; border-radius: 15px; border: 2px solid var(--wood); }
h1 { font: 34px/1.1 'Limelight', serif; color: var(--bdx); margin: 0; }
h2 { font: 22px/1.2 'Limelight', serif; color: var(--bdx); margin: 28px 0 6px; }
a { color: var(--bdx); font-weight: 600; }
.muted { color: var(--ink2); font-size: 15px; }
nav { margin-top: 26px; padding-top: 14px; border-top: 2px dashed var(--paper2); display: flex; gap: 18px; flex-wrap: wrap; }