/* ==========================================================================
   MASTER STYLESHEET
   This file no longer contains any rules itself — it just pulls in the
   modular stylesheets that live alongside it in assets/css/, each of
   which controls one part of the site. Every HTML page already links to
   this file, so nothing else needs to change. To edit a specific part of
   the site, open the matching file below instead of hunting through one
   giant stylesheet:

     assets/css/variables.css      -> brand colors, fonts, spacing tokens
     assets/css/base.css           -> resets, buttons, badges, utility classes
     assets/css/header-footer.css  -> the shared header/nav and footer
     assets/css/layout.css         -> hero, cards, grids, forms, FAQ, CTA bands
     assets/css/page-legal.css     -> privacy/terms/cookies/thank-you pages
     assets/css/responsive.css     -> leftover small-screen edge cases

   CACHE-BUSTING: the <link> tag in every page appends a "?v=N" query
   string to THIS file so browsers refetch it after a deploy — but that
   alone only busts the cache for this file. Browsers cache each of the
   six @import'd files below separately, keyed by their own URL, so a
   visitor who already has the site cached would keep reusing their OLD
   copy of (say) layout.css forever, even after fetching a brand-new
   styles.css. Every @import below carries the same "?v=N" for that
   reason — bump ALL of them (and the <link> tags site-wide) together on
   every deploy that touches ANY CSS file, not just the one that
   actually changed, so this doesn't have to be reasoned about
   case-by-case each time.
   ========================================================================== */

@import url('variables.css?v=31');
@import url('base.css?v=31');
@import url('header-footer.css?v=31');
@import url('layout.css?v=31');
@import url('page-legal.css?v=31');
@import url('responsive.css?v=31');