/* ==========================================================================
   Page: FAQ
   Page-specific styles for the frequently asked questions page.
   ========================================================================== */

/* -----------------------------------------------------------------------
   FAQ page inner — constrain content width for readability
   ----------------------------------------------------------------------- */

.faq-page__inner {
  max-width: var(--container-narrow);
  margin-inline: auto;
}

/* Override the last faq-group to remove bottom margin */
.faq-page__inner .faq-group:last-child {
  margin-bottom: 0;
}

/* -----------------------------------------------------------------------
   FAQ page hero refinements
   ----------------------------------------------------------------------- */

.hero--faq .hero__subtitle {
  max-width: 36rem;
}

/* -----------------------------------------------------------------------
   FAQ content section spacing
   ----------------------------------------------------------------------- */

.faq-content {
  padding-block: var(--space-12) var(--space-16);
}

/* -----------------------------------------------------------------------
   Internal links within FAQ answers
   ----------------------------------------------------------------------- */

.faq-item__body a {
  color: var(--link-color);
  text-decoration: none;
  font-weight: var(--weight-semibold);
  transition: color var(--duration-fast) var(--easing-default);
}

.faq-item__body a:hover {
  color: var(--link-hover);
  text-decoration: underline;
}

/* -----------------------------------------------------------------------
   Responsive: tighten spacing on smaller screens
   ----------------------------------------------------------------------- */

@media (max-width: 47.99rem) {
  .faq-content {
    padding-block: var(--space-8) var(--space-12);
  }

  .faq-group {
    margin-bottom: var(--space-8);
  }
}