/* ====================================================================
   help_articles_page.css — articles index / search / browse
   ==================================================================== */

.help-index-page { max-width: 880px; }
.help-index-title { font-family: 'Playfair Display', Georgia, serif; font-size: 32px; font-weight: 400; margin: 0 0 18px; }

.help-index-filters { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 24px; }
.help-index-search {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 0 12px;
  flex: 1; min-width: 240px;
}
.help-index-search input { border: 0; outline: 0; background: transparent; font: inherit; font-size: 14px; padding: 9px 0; flex: 1; min-width: 0; }
.help-index-category {
  padding: 9px 12px; border-radius: var(--radius-md);
  border: 1px solid var(--border);
  font: inherit; font-size: 13px; color: var(--ink);
  background: var(--surface);
}

.help-pagination { display: flex; gap: 6px; margin-top: 24px; flex-wrap: wrap; }