/* ==========================================================================
   faq.css — the FAQ page (faq.php). Shared pieces come from site.css.
   ========================================================================== */

#faq-heading span { font-style: italic; font-weight: 400; color: var(--arch); }

.page-hero .pill-row { margin-top: 6px; }

.faq-page { max-width: 900px; }
.faq-group { scroll-margin-top: calc(var(--nav-h) + 24px); }
.faq-group h3 { display: flex; align-items: center; gap: 14px; font-size: clamp(1.4rem, 2.4vw, 1.85rem); margin-bottom: 18px; }
.faq-group h3 .icon-box { width: 44px; height: 44px; }
.faq-group h3 .icon-box svg { width: 20px; height: 20px; }
.faq-empty { text-align: center; color: var(--slate); padding: 2rem 0; }
.faq-empty a { color: var(--arch); text-decoration: underline; text-underline-offset: 3px; }

/* site.css resets ul but not ol: keep the breadcrumb unnumbered (remove once fixed globally) */
.crumbs { list-style: none; padding: 0; }