/* General FAQ page (G19, doc07 §16) - every published question shown at
   once, grouped by category, instead of one category behind a
   `?kategoria=` filter (see `apps.core.views.faq`'s own docstring for why:
   a direct link to one question must stay valid regardless of category). */
.faq-category-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  justify-content: center;
  margin: 0 0 var(--space-5);
}

.faq-search {
  margin: 0 0 var(--space-6);
}

.faq-category {
  margin: 0 0 var(--space-7);
}

.faq-category:last-child {
  margin-bottom: 0;
}

.faq-category-title {
  font-size: var(--fs-xl);
  margin: 0 0 var(--space-4);
}

/* A direct link to one question (doc07 §16.3, `static/js/faq-page.js`)
   scrolls it under the sticky header otherwise - `--header-height`
   (tokens.css) plus a little breathing room. */
.faq-category .accordion-item {
  scroll-margin-top: calc(var(--header-height) + var(--space-3));
}