.archive-navigation { margin-bottom: 36px; }
.archive-controls { display: flex; flex-wrap: wrap; gap: 9px; margin: 18px 0 6px; }
.archive-filter { border: 1px solid #54735d; border-radius: 999px; padding: 9px 14px; background: transparent; color: #e1e9df; font: inherit; cursor: pointer; }
.archive-filter:hover, .archive-filter.is-selected { background: #244a3b; border-color: #d7b96d; color: #ffe3a2; }
.archive-filter:focus-visible { outline: 3px solid #ebd07b; outline-offset: 3px; }
.archive-candidates { border: 1px solid #385747; border-radius: 12px; padding: 15px 18px; margin: 0 0 30px; background: #11251e; }
.archive-candidates summary { color: #e9d393; cursor: pointer; font-weight: 700; }
.archive-candidates p { color: #bfcac2; line-height: 1.5; margin: 14px 0; }
.archive-artist-list { display: flex; flex-wrap: wrap; gap: 8px; }
.archive-artist-chip { border: 1px solid #54735d; border-radius: 999px; padding: 8px 12px; color: #e4eedd; background: #1c392d; font: inherit; cursor: pointer; }
.archive-artist-chip:hover { border-color: #ebd07b; }
.archive-artist-chip small { color: #e1c984; padding-left: 5px; }
.archive-artist-chip:focus-visible { outline: 3px solid #ebd07b; outline-offset: 3px; }
.archive-more { display: block; margin: 26px auto 0; border: 1px solid #d7b96d; border-radius: 999px; background: #244a3b; color: #f8e1a0; padding: 12px 24px; font: inherit; font-weight: 700; cursor: pointer; }
.archive-more:focus-visible { outline: 3px solid #ebd07b; outline-offset: 3px; }
@media (max-width: 600px) { .archive-navigation { flex-wrap: wrap; } .archive-controls { gap: 7px; } .archive-filter { padding: 8px 11px; font-size: .85rem; } }