/* Central de Ajuda — search, category index, FAQ groups. Built from components.css
 * (.search, .faq, .empty); only the arrangement lives here. */

/* ── search ──────────────────────────────────────────────────────────── */
.help-search { display: grid; gap: var(--space-3); max-width: 52rem; }
.help-search__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-3); align-items: stretch; }
.help-search__row .btn { min-height: 56px; }            /* = .search input height */
.help-search__count { font-size: var(--fs-micro); color: var(--color-ink-2); }

/* ── category index: hairline grid, number · name · count ────────────── */
.help-cats { margin-top: var(--space-7); }
.help-cats ol { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); gap: 0 clamp(1.5rem, 3vw, 2.5rem); border-top: 1px solid var(--color-ink); }
.help-cats li { border-bottom: 1px solid var(--color-line); }
.help-cats a { display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto; gap: var(--space-3); align-items: baseline; min-height: 52px; padding: var(--space-4) 0; text-decoration: none; color: var(--color-ink); transition: color .2s; }
.help-cats a:hover, .help-cats a:focus-visible { color: var(--color-brand-ink); }
.help-cats__n, .help-cats__c { font-size: var(--fs-micro); color: var(--color-ink-2); }
.help-cats__t { font-weight: 500; }

/* ── groups: title column + accordion ────────────────────────────────── */
.help-group { display: grid; grid-template-columns: minmax(0, 17rem) minmax(0, 1fr); gap: var(--space-5) clamp(2rem, 6vw, 6rem); padding-block: clamp(2rem, 4vw, 3rem); scroll-margin-top: calc(var(--header-h) + var(--space-4)); }
.help-group + .help-group { border-top: 1px solid var(--color-line); }
.help-group__head { position: sticky; top: calc(var(--header-h) + var(--space-5)); align-self: start; }
.help-group__head p { margin-top: var(--space-3); font-size: var(--fs-small); color: var(--color-ink-2); }
.help-q { font: inherit; letter-spacing: 0; margin: 0; }
.help-empty { margin-bottom: var(--space-6); }

/* ── closing block ───────────────────────────────────────────────────── */
.help-more { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: var(--space-5) clamp(2rem, 6vw, 6rem); align-items: end; }
.help-more .lead { margin: 0; }

@media (max-width: 1080px) {
  .help-group { grid-template-columns: 1fr; }
  .help-group__head { position: static; }
  .help-more { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .help-search__row { grid-template-columns: 1fr; }
  .help-cats { margin-top: var(--space-6); }
  .help-cats ol { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-4); }
  .help-cats a { grid-template-columns: 1.5rem minmax(0, 1fr); gap: var(--space-2); padding: var(--space-3) 0; font-size: var(--fs-small); }
  .help-cats__c { display: none; }
}