:root { --background:#211d19; --panel:#302820; --border:#584836; --text:#f5e9d7; --muted:#c5b499; --accent:#d7a66b; }
.site-header,.site-footer { background:#2c241d; border-color:var(--border); }
.vintage-wordmark { color:#f5e9d7 !important; font:700 clamp(1.05rem,2.8vw,1.5rem) Georgia,serif; letter-spacing:normal; }
.shell { display:block; max-width:1370px; padding-inline:clamp(14px,4vw,52px); }
.sidebar { padding:10px 0; border-bottom:1px solid var(--border); }
.sidebar nav { display:flex; flex-wrap:wrap; gap:4px; }
.sidebar a,.sidebar a[aria-current] { min-height:42px; gap:6px; padding-inline:10px; }
.sidebar a[aria-current],.audience-filter a[aria-current],.duration-filter a[aria-current],.pagination a[aria-current="page"] { background:#62482f; border-color:var(--accent); }
.vintage-cover { text-align:center; padding:clamp(24px,6vw,64px) 16px; border-block:3px double var(--accent); margin-bottom:28px; }
.vintage-cover h1 { font:700 clamp(2rem,6vw,4.5rem)/1.06 Georgia,serif; margin:0; }
.vintage-cover p { color:var(--muted); }
.vintage-cover nav { display:flex; justify-content:center; flex-wrap:wrap; gap:8px 20px; }
.vintage-cover nav a { color:var(--accent); padding:8px 4px; }
@media (max-width:720px) { .sidebar { position:static; } }

.vintage-eras { margin: 0 0 32px; padding: 20px; border: 1px solid var(--border); background: var(--panel); }
.vintage-eras h2 { font: 700 1.6rem Georgia, serif; margin: 0 0 6px; }
.vintage-eras p { color: var(--muted); margin: 0 0 14px; }
.vintage-eras nav { display: grid; grid-template-columns: repeat(auto-fit,minmax(88px,1fr)); gap: 8px; }
.vintage-eras a { display: grid; place-items: center; min-height: 52px; border: 1px solid var(--accent); color: var(--accent); font: 700 1.15rem Georgia, serif; }
.vintage-eras a:hover,.vintage-eras a:focus-visible { background: var(--accent); color: var(--background); }