/* Home archive filter (#44): composer, reeks and text above the index. Hidden without JavaScript (the hidden attribute). */
.home-archive .tools .active-filter { grid-column: 1 / -1; display: block; min-height: 0; }
.archive-filter[hidden] { display: none; }
.archive-filter .controls { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.4fr); gap: 16px 24px; align-items: end; }
.archive-filter label { display: block; margin-bottom: 8px; color: var(--ink-2); font-size: 15px; }
.archive-filter select, .archive-filter input {
  width: 100%; min-height: 52px; padding: 0 16px; background: var(--black-2); color: var(--ink);
  border: 1px solid var(--hair-strong); font: inherit; font-size: 18px; border-radius: 0; caret-color: var(--ink);
}
.archive-filter input::placeholder { color: var(--ink-3); }
.archive-filter .chips { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.archive-filter .chips:empty { display: none; }
.archive-filter .chips button {
  display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 16px; background: var(--ink); color: var(--black);
  border: 0; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer;
}
.archive-filter .chips button::after { content: '×'; font-size: 20px; line-height: 1; }
.archive-filter .status { margin: 16px 0 0; min-height: 1.4em; color: var(--ink-2); }
.archive-filter .status[data-empty='true'] { color: var(--ink); }
@media (max-width: 900px) {
  .archive-filter .controls { grid-template-columns: minmax(0, 1fr); }
}
.home-archive .blocks[hidden] { display: none; }