/* Highlights archive page -- reuses .highlight-* tokens from ../custom.css */

.back-link {
  display: inline-block; margin-bottom: 14px;
  color: var(--accent); text-decoration: none; font-size: 13px; font-weight: 600;
}
.back-link:hover { text-decoration: underline; }

.archive-filters { text-align: left; }
.archive-form { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.archive-form select, .archive-form input[type="number"], .archive-form input[type="text"] {
  padding: 9px 12px; border-radius: 8px; border: 1px solid var(--border);
  background: var(--panel2); color: var(--text); font-size: 13px; font-family: inherit;
}
.archive-form input[type="number"] { width: 90px; }
.archive-form input[type="text"] { flex: 1 1 220px; }

.archive-results {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px; margin: 20px 0;
}
.archive-item { text-align: center; }
.archive-results .highlight-empty {
  grid-column: 1 / -1; text-align: center; color: var(--dim); font-size: 13px; padding: 30px 10px;
}
.archive-loadmore-wrap { text-align: center; margin-bottom: 30px; }