.archive-main { padding-top: 36px; padding-bottom: 48px; }
.archive-main .topic-strip { margin: 24px 0; flex-wrap: wrap; }
.archive-entry { border-bottom: 1px solid var(--line, #303541); padding: 22px 0; }
.archive-entry time { color: var(--text-mute, #9fb0c0); font-size: .875rem; }
.archive-entry h2 { font-size: clamp(1.1rem, 2.5vw, 1.4rem); margin: 8px 0; }
.archive-entry h2 a:hover { text-decoration: underline; }
.archive-entry p { line-height: 1.6; max-width: 76ch; margin: 8px 0; }
.archive-pagination { display: flex; gap: 16px; align-items: center; justify-content: center; margin-top: 28px; }
.archive-main .big-search select { background: var(--bg, #0b0d10); color: var(--text, #fff); border: 1px solid var(--line, #303541); border-radius: 6px; padding: 10px; }
.archive-main [hidden] { display: none !important; }
.archive-main .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 600px) {
  .archive-main .big-search { flex-wrap: wrap; }
  .archive-main .big-search input { min-width: 0; flex: 1 1 180px; }
  .archive-main .big-search button { width: 100%; }
  .archive-pagination { flex-wrap: wrap; }
}