.archive-controls{padding:var(--gap-lg) 0;border-bottom:1px solid var(--border)}.archive-search{margin-bottom:var(--gap-md);position:relative}.archive-search--narrow{max-width:520px}.archive-search svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.archive-search input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--fg);font:inherit;padding:11px 14px 11px 40px;font-size:15px;transition:border-color .15s,box-shadow .15s}.archive-search--narrow input{padding:12px 14px 12px 44px}.archive-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.archive-search input::placeholder{color:var(--muted)}.filter-row{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.filter-row-label{margin-right:var(--gap-xs)}.filter-group{display:contents}.filter-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;padding:7px 14px;font-size:12px;transition:border-color .15s,color .15s,background .15s}.filter-btn:hover{border-color:var(--muted);color:var(--fg)}.filter-btn[aria-pressed=true]{background:var(--fg);color:var(--surface);border-color:var(--fg)}.filter-separator{background:var(--border);width:1px;height:20px;margin:0 var(--gap-xs)}.filter-reset{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;text-underline-offset:2px;background:0 0;border:none;padding:7px 14px;font-size:12px;text-decoration:underline;transition:color .15s}.filter-reset:hover{color:var(--fg)}.sort-select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);font-family:var(--font-mono);letter-spacing:.04em;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%237a7570' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:7px 32px 7px 14px;font-size:12px}.sort-select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.results-bar{padding:var(--gap-md) 0;justify-content:space-between;align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.results-count{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--muted)}.active-filters{align-items:center;gap:var(--gap-xs);flex-wrap:wrap;display:flex}.active-filter-tag{background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);letter-spacing:.04em;border-radius:3px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;display:inline-flex}.active-filter-tag button{color:var(--accent);background:0 0;border:none;padding:0;font-size:14px;line-height:1;display:flex}.article-list{padding-bottom:var(--gap-2xl)}.article-list-item{gap:var(--gap-lg);padding:var(--gap-md) 0;border-top:1px solid var(--border);grid-template-columns:1fr 120px;align-items:baseline;display:grid}.article-list-item.is-first{border-top:none}.article-list--thumbs .article-list-item{grid-template-columns:140px 1fr 120px;align-items:start}.article-list-thumb{aspect-ratio:3/2;border:1px solid var(--border);border-radius:var(--radius);background-color:color-mix(in oklch, var(--fg) 5%, var(--bg));width:140px}.article-list-content{flex-direction:column;gap:6px;display:flex}.article-list-content h3{font-size:20px}.article-list-content h3 a{text-decoration:none;transition:color .15s}.article-list-content h3 a:hover{color:var(--accent)}.article-list-summary{color:var(--muted);max-width:56ch;font-size:15px;line-height:1.55}.article-list-labels{align-items:center;gap:var(--gap-xs);flex-wrap:wrap;margin-top:2px;display:flex}.article-list-date{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--muted);text-align:right;white-space:nowrap}.archive-empty{padding:var(--gap-xl) 0 var(--gap-2xl);text-align:center;color:var(--muted);font-size:15px}.archive-empty h3{color:var(--fg);margin-bottom:var(--gap-xs)}.archive-empty button{margin-top:var(--gap-md)}.pagination{justify-content:center;align-items:center;gap:var(--gap-xs);padding:var(--gap-xl) 0 var(--gap-2xl);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.pagination button,.pagination span{border-radius:var(--radius);width:40px;height:40px;font-family:var(--font-mono);color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.pagination button:hover{background:var(--fg-soft);color:var(--fg)}.pagination [aria-current=page]{background:var(--fg);color:var(--surface)}.pagination .pagination-arrow{width:auto;padding:0 var(--gap-sm);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.article-list:has(+.pagination:not([hidden])){padding-bottom:0}@media (width<=920px){.article-list-item,.article-list--thumbs .article-list-item{gap:var(--gap-xs);grid-template-columns:1fr}.article-list-thumb{aspect-ratio:16/10;width:100%}.article-list-date{text-align:left}}@media (width<=600px){.filter-row{gap:var(--gap-xs)}}