/* ============================================================
   theme.css — sitewide base rules that sit outside Tailwind's
   utility classes. Everything else (layout, spacing, color,
   components) is now done with Tailwind utility classes directly
   in the markup — see assets/tailwind.config.js for the palette.
============================================================ */
html { scroll-behavior: smooth; overflow-x: hidden; }
body { overflow-x: hidden; position: relative; width: 100%; }
* , *::before, *::after { box-sizing: border-box; }
img, video, iframe { max-width: 100%; height: auto; }
a { text-decoration: none; }

/* Reveal splash screen (see script.js for the hide logic) */
#reveal { position: fixed; inset: 0; z-index: 9999; }
#reveal.gone { opacity: 0; visibility: hidden; pointer-events: none; }

/* ── FAQ accordion — replaces Bootstrap's collapse.css + caret icon ──
   Every content page still uses Bootstrap's original accordion markup
   (accordion-item / accordion-button / accordion-collapse / collapse /
   show / data-bs-toggle) — script.js now drives it instead of
   bootstrap.bundle.js, so these are the only two rules it still needs. */
.collapse:not(.show) { display: none; }
.accordion-button::after {
  content: '\f078'; font-family: "Font Awesome 6 Free"; font-weight: 900;
  margin-left: auto; padding-left: 12px; flex-shrink: 0;
  transition: transform .3s;
}
.accordion-button:not(.collapsed)::after { transform: rotate(180deg); }