/* コラム一覧：検索とジャンル絞り込み（2026-10-05） */
.archive-quick { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 0 0 20px; padding: 14px 16px; border: 1px solid rgba(8,43,85,.16); background: #fffdf9; }
.archive-quick__label { color: #082b55; font-size: 14px; font-weight: 800; }
.archive-quick form { display: flex; flex: 1; min-width: 240px; gap: 8px; }
.archive-search-input { flex: 1; min-width: 0; min-height: 46px; padding: 0 14px; border: 1px solid #9fb0bd; border-radius: 6px; background: #fff; color: #082b55; font: inherit; font-size: 16px; }
.archive-search-input:focus { outline: 3px solid rgba(31,112,114,.35); border-color: #1f7072; }
.archive-quick button, .archive-tools__clear { min-height: 46px; padding: 0 18px; border: 0; border-radius: 6px; background: #082b55; color: #fff; font: inherit; font-size: 14px; font-weight: 800; cursor: pointer; white-space: nowrap; }
.archive-quick__genres { display: flex; flex-wrap: wrap; gap: 6px; width: 100%; margin: 0; padding: 0; list-style: none; }
.archive-quick__genres a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border: 1px solid #c3cfd6; border-radius: 999px; background: #fff; color: #082b55; font-size: 13px; font-weight: 700; text-decoration: none; }
.archive-quick__genres a:hover { border-color: #1f7072; color: #1f7072; }

.archive-tools { margin: 0 0 18px; padding: 18px; border: 1px solid rgba(8,43,85,.16); background: #fffdf9; }
.archive-tools[hidden] { display: none; }
.archive-tools__row { display: flex; gap: 8px; }
.archive-tools__genres { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; }
.archive-tools__genres button { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px; border: 1px solid #c3cfd6; border-radius: 999px; background: #fff; color: #082b55; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.archive-tools__genres button span { color: #6a7a86; font-size: 12px; font-weight: 700; }
.archive-tools__genres button:hover { border-color: #1f7072; color: #1f7072; }
.archive-tools__genres button[aria-pressed="true"] { border-color: #082b55; background: #082b55; color: #fff; }
.archive-tools__genres button[aria-pressed="true"] span { color: #cfe0ea; }
.archive-tools__count { margin: 14px 0 0; color: #3f4c58; font-size: 14px; font-weight: 700; }
.archive-empty { margin: 0 0 24px; padding: 24px; border: 1px dashed #9fb0bd; background: #fff; color: #3f4c58; line-height: 1.8; }
.archive-empty[hidden] { display: none; }
.legacy-archive > a[hidden] { display: none !important; }
.archive-hit { background: #fff1b8; color: inherit; padding: 0 1px; }

@media (max-width: 767px) {
  .archive-quick { padding: 12px; }
  .archive-quick form { min-width: 100%; }
  .archive-tools { padding: 12px; }
  .archive-tools__genres { gap: 6px; }
  .archive-tools__genres button { min-height: 38px; padding: 0 11px; font-size: 13px; }
}