.archive-filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  padding: 1.5rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
}
.archive-filters h2, .archive-search { grid-column: 1 / -1; }
.archive-filters h2 { margin: 0; }
.archive-filters label { display: grid; gap: .4rem; font-size: .9rem; }
.archive-filters input, .archive-filters select {
  width: 100%; min-width: 0; min-height: 44px; padding: .65rem;
  border: 1px solid var(--line); border-radius: 8px;
  background: var(--bg); color: var(--text); font: inherit;
}
.archive-filters :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.archive-filters button { align-self: end; min-height: 44px; }
.archive-order, #archive-status { color: var(--muted); }
@media (max-width: 700px) {
  .archive-filters { grid-template-columns: 1fr; padding: 1rem; }
}