.archive { padding-bottom: 80px; }
.archive-search-label { display: block; margin: 34px 0 10px; font-weight: 600; }
.archive-search { box-sizing: border-box; width: 100%; padding: 14px 16px; border: 1px solid #bbb; border-radius: 7px; background: transparent; color: inherit; font: inherit; }
.archive-search:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.archive-count { margin: 14px 0 38px; color: var(--text-muted,#666); font-size: .9rem; }
.archive-group { margin: 38px 0; }
.archive-group h2 { margin-bottom: 16px; font-size: 1.4rem; }
.archive-list { list-style: none; padding: 0; margin: 0; }
.archive-list li { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 13px 0; border-bottom: 1px solid rgba(128,128,128,.2); }
.archive-list a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.archive-list time { flex: 0 0 auto; color: var(--text-muted,#666); font-size: .85rem; }
.archive-list li[hidden], .archive-group[hidden] { display: none; }
@media(max-width:600px) { .archive-list li { flex-direction: column; gap: 3px; } }

.archive-offline-title { color:var(--text-muted,#666); }


.archive-controls { display:flex; flex-wrap:wrap; gap:16px 24px; margin-top:18px; }
.archive-controls > div { flex:1 1 180px; }
.archive-controls label { display:block; margin-bottom:6px; font-size:.9rem; }
.archive-controls select { appearance:none; -webkit-appearance:none; box-sizing:border-box; width:100%; padding:10px 44px 10px 12px; border:1px solid #888; border-radius:7px; background-color:var(--bg,#fff); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 16px center; background-size:14px 8px; color:inherit; font:inherit; }
.archive-controls select:focus-visible { outline:2px solid currentColor; outline-offset:3px; }