/* @import statements hoisted from the tenant's custom CSS — they
               must precede every other rule in this stylesheet or browsers
               silently drop them. */
            

            /* Theme variables and custom CSS.
               themeStyles (:root brand vars) is emitted in BOTH native and
               advanced modes so page-builder components keep brand colors/fonts.
               In advanced mode the imported custom_css is injected afterwards and
               overrides the imported markup's look. */
            :root {
  --color-primary: #1758D6;
  --color-secondary: #0A1730;
  --color-accent: #3E8BFF;
  --color-secondaryAccent: #8b5cf6;
  --color-background: #FFFFFF;
  --color-surface: #F3F6FB;
  --color-text: #0B1424;
  --color-textSecondary: #49556B;
  --color-heading: var(--color-text);
  --heading-h1-size: 2.5rem;
  --heading-h1-color: var(--color-heading, var(--color-text));
  --heading-h2-size: 2rem;
  --heading-h2-color: var(--color-heading, var(--color-text));
  --heading-h3-size: 1.75rem;
  --heading-h3-color: var(--color-heading, var(--color-text));
  --heading-h4-size: 1.5rem;
  --heading-h4-color: var(--color-heading, var(--color-text));
  --heading-h5-size: 1.25rem;
  --heading-h5-color: var(--color-heading, var(--color-text));
  --heading-h6-size: 1rem;
  --heading-h6-color: var(--color-heading, var(--color-text));
  --color-border: #DFE6F1;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-secondary: 'Sora', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --content-max-width: 100%;
}
body { background-color: #FFFFFF; }

body { background-color: #FFFFFF; }

            /* Site-level custom CSS (sanitized). Only applied in advanced mode;
               native mode stores but does not apply. */
            /* ============================================================
   AACUSS — "Atlantic Tide"
   White / black / blue. Modern, confident, editorial.
   Every visual decision lives here (advanced styling mode).
   ============================================================ */

:root {
  --ink: #0B1424;
  --ink-2: #49556B;
  --blue: #1758D6;
  --blue-bright: #3E8BFF;
  --blue-deep: #0A1730;
  --paper: #FFFFFF;
  --mist: #F3F6FB;
  --line: #DFE6F1;
  --radius: 18px;
  --radius-sm: 12px;
  --shadow-card: 0 1px 2px rgba(10, 23, 48, .05), 0 12px 32px -16px rgba(10, 23, 48, .18);
  --shadow-lift: 0 2px 4px rgba(10, 23, 48, .06), 0 24px 48px -20px rgba(23, 88, 214, .28);
  --wrap: 1160px;
  --font-head: 'Sora', 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
  --ease: cubic-bezier(.22, .8, .3, 1);
}

html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
  line-height: 1.65;
}

/* full-bleed pages: the platform caps \003c main> at 1200px with 2rem padding — remove it.
   Inner surfaces stay readable via the .puck-* --wrap caps below. */
main { max-width: none !important; padding: 0 !important; margin: 0 !important; width: 100%; }
main > * { box-sizing: border-box; }

/* platform paints grid columns with the surface color — keep them invisible wrappers */
.puck-grid-column { background-color: transparent !important; padding: 0 !important; border-radius: 0 !important; }

/* ---------- content rhythm: cap non-hero surfaces ---------- */
.puck-grid, .puck-stats, .puck-columns, .puck-flex,
.puck-image, .puck-video {
  max-width: var(--wrap);
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}
.puck-grid { padding-top: 36px; padding-bottom: 36px; }
.puck-stats { padding-top: 56px; padding-bottom: 56px; }

/* ---------- typography ---------- */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-head);
  color: var(--ink);
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin: 0 0 .5em;
}
h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); font-weight: 700; }
h2 { font-size: clamp(1.7rem, 3.4vw, 2.4rem); font-weight: 700; }
h3 { font-size: clamp(1.2rem, 2.2vw, 1.5rem); font-weight: 600; }

/* blue tide underline on section h2s */
.puck-grid h2 { position: relative; padding-bottom: 18px; }
.puck-grid h2::after {
  content: "";
  position: absolute; left: 0; bottom: 0;
  width: 64px; height: 4px; border-radius: 2px;
  background: linear-gradient(90deg, var(--blue), var(--blue-bright));
}

.puck-text { color: var(--ink-2); font-size: 1.05rem; max-width: 72ch; }
/* full-width text in single-column sections (e.g. land acknowledgement) */
.puck-grid-column:only-child .puck-text { max-width: none; }
.puck-text p { margin: 0 0 1em; }
.puck-text a { color: var(--blue); text-decoration: none; border-bottom: 1px solid rgba(23, 88, 214, .3); }
.puck-text a:hover { border-bottom-color: var(--blue); }

/* ============================================================
   HEADER
   ============================================================ */
.site-header {
  background: rgba(255, 255, 255, .92);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}
.header-grid, .header-flex { max-width: 1320px; margin: 0 auto; padding: 0 16px; }
.header-grid-row { min-height: 76px; align-items: center; display: flex; flex-wrap: nowrap; gap: 14px; }
.header-grid-zone--center { flex: 1 1 auto; min-width: 0; }
.header-nav .nav-menu { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; margin: 0; padding: 0; list-style: none; gap: 6px; }
.header-nav .nav-menu > li, .header-nav .nav-menu > a { flex: 0 0 auto; }
.header-logo-img { max-height: 52px; width: auto; }

.nav-link {
  font-family: var(--font-head);
  font-size: .9rem;
  font-weight: 600;
  color: var(--ink);
  text-decoration: none;
  padding: 10px 10px;
  white-space: nowrap;
  border-radius: 10px;
  transition: color .18s var(--ease), background .18s var(--ease);
}
.nav-link:hover { color: var(--blue); background: var(--mist); }
.nav-link-dropdown { border-radius: 10px; }

.nav-dropdown {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lift);
  padding: 8px;
  min-width: 220px;
}
.nav-dropdown .nav-link { display: block; padding: 10px 14px; font-weight: 500; }
.nav-dropdown .nav-link:hover { background: var(--mist); color: var(--blue); }

.header-cta-button {
  font-family: var(--font-head);
  font-weight: 600;
  font-size: .84rem;
  white-space: nowrap;
  color: #fff;
  background: linear-gradient(135deg, #0F3FA6, var(--blue));
  border: none;
  border-radius: 999px;
  padding: 9px 14px;
  text-decoration: none;
  box-shadow: 0 8px 20px -8px rgba(23, 88, 214, .5);
  transition: transform .18s var(--ease), box-shadow .18s var(--ease);
  display: inline-block;
}
.header-cta-button:hover { transform: translateY(-1px); box-shadow: 0 12px 26px -8px rgba(23, 88, 214, .6); }

/* member login: outline treatment, targeted by its external URL */
.header-cta-button[href*="member.getrecur.com"] {
  color: var(--blue);
  background: transparent;
  border: 1.5px solid rgba(23, 88, 214, .4);
  box-shadow: none;
  margin-right: 8px;
}
.header-cta-button[href*="member.getrecur.com"]:hover {
  background: var(--mist);
  box-shadow: none;
}

.mobile-nav { background: var(--paper); }
.mobile-nav .nav-link { font-size: 1.05rem; }
.mobile-nav-title { font-family: var(--font-head); font-weight: 700; color: var(--ink); }

/* ============================================================
   HERO
   ============================================================ */
.puck-hero { position: relative; overflow: hidden; }
.puck-hero--single .puck-hero-content,
.puck-hero--minimal .puck-hero-content {
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 96px 24px;
  box-sizing: border-box;
}
.puck-hero-eyebrow {
  display: inline-block;
  font-family: var(--font-head);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #fff;
  background: rgba(62, 139, 255, .22);
  border: 1px solid rgba(126, 178, 255, .45);
  border-radius: 999px;
  padding: 8px 18px;
  margin-bottom: 22px;
  backdrop-filter: blur(6px);
}
.puck-hero-title {
  font-family: var(--font-head);
  color: #fff !important;
  font-size: clamp(2.4rem, 5.5vw, 4rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.08;
  max-width: 17ch;
  text-shadow: 0 2px 24px rgba(4, 10, 24, .45);
}
.puck-hero-subtitle {
  color: rgba(232, 240, 252, .92) !important;
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
  line-height: 1.6;
  max-width: 58ch;
  margin-top: 18px;
  text-shadow: 0 1px 12px rgba(4, 10, 24, .4);
}
.puck-hero-cta { margin-top: 36px; display: flex; gap: 14px; flex-wrap: wrap; }
.puck-hero-cta-primary, .puck-hero-cta-secondary {
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 1rem;
  border-radius: 999px;
  padding: 15px 32px;
  text-decoration: none;
  transition: transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);
  display: inline-block;
}
.puck-hero-cta-primary {
  color: #fff;
  background: linear-gradient(135deg, #0F3FA6, var(--blue));
  border: none;
  box-shadow: 0 10px 28px -8px rgba(23, 88, 214, .65);
}
.puck-hero-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 34px -8px rgba(23, 88, 214, .75); }
.puck-hero-cta-secondary {
  color: #fff;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .45);
  backdrop-filter: blur(6px);
}
.puck-hero-cta-secondary:hover { background: rgba(255, 255, 255, .2); transform: translateY(-2px); }

/* ============================================================
   PAGE TITLE (fallback chrome)
   ============================================================ */
.page-title {
  font-family: var(--font-head);
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 40px 24px 0;
}

/* ============================================================
   CARDS
   ============================================================ */
.puck-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-card);
  padding: 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);
}
/* equal-height card rows: stretch only when the card is alone in its column */
.puck-grid-column > .puck-card:only-child { height: 100%; }
/* stacked cards in a shared column keep natural height and even spacing */
.puck-grid-column > .puck-card + .puck-card { margin-top: 24px; }
.puck-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lift); border-color: rgba(23, 88, 214, .35); }
.puck-card-title { font-family: var(--font-head); font-size: 1.2rem; font-weight: 600; color: var(--ink); margin: 0; }
.puck-card-description { color: var(--ink-2); font-size: .98rem; line-height: 1.65; margin: 0; }
.puck-card-eyebrow {
  font-family: var(--font-head);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--blue);
  margin: 0;
}
.puck-card-button {
  align-self: flex-start;
  margin-top: auto;
  font-family: var(--font-head);
  font-weight: 600;
  font-size: .92rem;
  color: var(--blue);
  background: transparent;
  border: 1.5px solid rgba(23, 88, 214, .35);
  border-radius: 999px;
  padding: 10px 22px;
  text-decoration: none;
  transition: background .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease);
  display: inline-block;
}
.puck-card-button:hover { background: var(--blue); color: #fff; border-color: var(--blue); }

/* card icons */
.puck-card .material-icons, .puck-card .material-symbols-outlined,
.puck-card .material-symbols-rounded, .puck-card .material-symbols-sharp {
  color: var(--blue);
  background: linear-gradient(135deg, rgba(23, 88, 214, .1), rgba(62, 139, 255, .16));
  border-radius: 14px;
  padding: 14px;
}

/* meta rows */
.puck-card-meta { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.puck-card-meta-row { display: flex; gap: 8px; font-size: .9rem; }
.puck-card-meta-label { color: var(--ink-2); font-weight: 600; }
.puck-card-meta-value, .puck-card-meta-link { color: var(--blue); font-weight: 500; word-break: break-all; }

/* checklist */
.puck-card ul { margin: 6px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.puck-card li { color: var(--ink-2); font-size: .98rem; }

/* ---- variants ---- */
/* pillar: icon feature cards */
.puck-card--pillar { border-top: 3px solid var(--blue); }

/* person: executive directory */
.puck-card--person { padding: 26px; gap: 6px; }
.puck-card--person .puck-card-title { font-size: 1.08rem; }
.puck-card--person .puck-card-description { font-size: .9rem; }
.puck-card--person .puck-card-eyebrow { color: var(--blue); }

/* division: two-col directory of communities */
.puck-card--division { background: var(--mist); border-color: transparent; box-shadow: none; }
.puck-card--division:hover { background: var(--paper); border-color: rgba(23, 88, 214, .3); box-shadow: var(--shadow-card); }
.puck-card--division .puck-card-title { font-size: 1.05rem; }

/* award: recognition cards on dark-blue gradient */
.puck-card--award {
  background: linear-gradient(160deg, var(--blue-deep) 0%, #10264D 100%);
  border-color: rgba(126, 178, 255, .22);
}
.puck-card--award .puck-card-title { color: #fff; }
.puck-card--award .puck-card-description { color: rgba(214, 228, 250, .82); }
.puck-card--award .puck-card-eyebrow { color: var(--blue-bright); }

/* path: numbered journey cards */
.puck-card--path { border-left: 3px solid var(--blue); border-radius: var(--radius-sm); }

/* plain: borderless editorial block */
.puck-card--plain { border: none; box-shadow: none; background: transparent; padding: 10px 0; }
.puck-card--plain:hover { transform: none; box-shadow: none; border: none; }
.puck-card--plain .puck-card-title { font-size: 1.6rem; letter-spacing: -0.02em; }

/* resource: icon utility cards */
.puck-card--resource { background: var(--mist); border-color: transparent; }
.puck-card--resource:hover { background: var(--paper); border-color: rgba(23, 88, 214, .3); }

/* ============================================================
   STATS — dark tide band
   ============================================================ */
.puck-stats {
  max-width: none;
  background:
    radial-gradient(1200px 500px at 85% -10%, rgba(62, 139, 255, .25), transparent 60%),
    radial-gradient(900px 400px at 10% 110%, rgba(23, 88, 214, .3), transparent 55%),
    var(--blue-deep);
  padding: 72px 24px;
}
.puck-stats-title {
  font-family: var(--font-head);
  color: #fff;
  text-align: center;
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0 auto 44px;
}
.puck-stats-grid {
  max-width: var(--wrap);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.puck-stat-card {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(126, 178, 255, .2);
  border-radius: var(--radius);
  padding: 28px 24px;
  text-align: left;
  backdrop-filter: blur(6px);
}
.puck-stat-value {
  font-family: var(--font-head);
  font-size: clamp(2.2rem, 4vw, 3rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  background: linear-gradient(120deg, #9CC4FF, #3E8BFF);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  line-height: 1.05;
}
.puck-stat-label {
  font-family: var(--font-head);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  margin-top: 10px;
}
.puck-stat-description { color: rgba(214, 228, 250, .72); font-size: .88rem; margin-top: 6px; line-height: 1.5; }

/* ============================================================
   CTA — full-bleed gradient band
   ============================================================ */
.puck-cta {
  background:
    radial-gradient(900px 400px at 15% -20%, rgba(62, 139, 255, .5), transparent 55%),
    linear-gradient(135deg, #0F3FA6 0%, var(--blue) 55%, #2F79F0 100%);
  padding: 88px 24px;
  text-align: center;
}
.puck-cta-title {
  font-family: var(--font-head);
  color: #fff;
  font-size: clamp(1.8rem, 3.6vw, 2.6rem);
  font-weight: 700;
  letter-spacing: -0.025em;
  max-width: 24ch;
  margin: 0 auto 16px;
  line-height: 1.15;
}
.puck-cta-description { color: rgba(226, 237, 252, .9); font-size: 1.1rem; max-width: 56ch; margin: 0 auto 34px; }
.puck-cta-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.puck-cta-primary, .puck-cta-secondary {
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 1rem;
  border-radius: 999px;
  padding: 15px 32px;
  text-decoration: none;
  display: inline-block;
  transition: transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);
}
.puck-cta-primary { color: var(--blue); background: #fff; border: none; box-shadow: 0 10px 26px -10px rgba(4, 10, 24, .5); }
.puck-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 32px -10px rgba(4, 10, 24, .55); }
.puck-cta-secondary { color: #fff; background: transparent; border: 1.5px solid rgba(255, 255, 255, .55); }
.puck-cta-secondary:hover { background: rgba(255, 255, 255, .14); transform: translateY(-2px); }

/* ============================================================
   BUTTONS (standalone)
   ============================================================ */
.puck-button {
  font-family: var(--font-head);
  font-weight: 600;
  border-radius: 999px;
  padding: 13px 28px;
  text-decoration: none;
  display: inline-block;
  transition: transform .18s var(--ease), box-shadow .18s var(--ease);
}
.puck-button:hover { transform: translateY(-1px); }

/* ============================================================
   IMAGES
   ============================================================ */
.puck-image-img { border-radius: var(--radius); box-shadow: var(--shadow-card); display: block; }
.puck-image-caption { color: var(--ink-2); font-size: .88rem; text-align: center; margin-top: 10px; }

/* ============================================================
   RECUR WIDGETS — events
   ============================================================ */

/* ---- continuous gray band: heading + event/product widgets, no white gaps ---- */
.recur-event-list, .recur-event-calendar, .recur-product-list {
  background: var(--mist);
  margin: 0;
  padding: 4px 24px 56px;
}
/* keep widget content the same width as the rest of the page */
.recur-event-list > *, .recur-event-calendar > *, .recur-product-list > * {
  max-width: calc(var(--wrap) - 48px);
  margin-left: auto;
  margin-right: auto;
}
.puck-grid:has(+ .recur-event-list),
.puck-grid:has(+ .recur-event-calendar),
.puck-grid:has(+ .recur-product-list) {
  background: var(--mist);
  max-width: none !important;
  margin: 0 !important;
  padding: 52px 24px 0;
}
.puck-grid:has(+ .recur-event-list) > .puck-grid-column,
.puck-grid:has(+ .recur-event-calendar) > .puck-grid-column,
.puck-grid:has(+ .recur-product-list) > .puck-grid-column {
  max-width: calc(var(--wrap) - 48px);
  width: 100%;
  margin: 0 auto;
}
.recur-event-list-empty, .recur-product-list-empty { background: var(--paper); }

.recur-event-list-title, .recur-event-calendar-title, .recur-product-list-title {
  font-family: var(--font-head);
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.02em;
}
.recur-event-list-grid, .recur-product-list-grid {
  max-width: var(--wrap);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  padding: 8px 24px 40px;
  box-sizing: border-box;
}
.recur-event-list-empty, .recur-product-list-empty {
  max-width: calc(var(--wrap) - 48px);
  margin: 0 auto;
  padding: 44px 24px;
  text-align: center;
  color: var(--ink-2);
  background: var(--paper);
  border: 1px dashed var(--line);
  border-radius: var(--radius);
  font-size: 1.02rem;
}
.recur-event-card, .recur-product-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);
}
.recur-event-card:hover, .recur-product-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lift);
  border-color: rgba(23, 88, 214, .35);
}
.recur-event-card-image, .recur-product-card-image { width: 100%; height: 190px; object-fit: cover; display: block; }
.recur-event-card-body, .recur-product-card-body { padding: 24px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.recur-event-card-title, .recur-product-card-title { font-family: var(--font-head); font-size: 1.12rem; font-weight: 600; color: var(--ink); margin: 0; }
.recur-event-card-date {
  font-family: var(--font-head);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--blue);
  order: -1;
}
.recur-event-card-description, .recur-product-card-description { color: var(--ink-2); font-size: .95rem; line-height: 1.6; margin: 0; }
.recur-product-card-price { font-family: var(--font-head); font-weight: 700; font-size: 1.15rem; color: var(--ink); }
.recur-event-card-button, .recur-product-card-button {
  margin-top: auto;
  align-self: flex-start;
  font-family: var(--font-head);
  font-weight: 600;
  font-size: .92rem;
  color: #fff;
  background: linear-gradient(135deg, #0F3FA6, var(--blue));
  border: none;
  border-radius: 999px;
  padding: 11px 24px;
  text-decoration: none;
  cursor: pointer;
  transition: transform .18s var(--ease), box-shadow .18s var(--ease);
  display: inline-block;
}
.recur-event-card-button:hover, .recur-product-card-button:hover { transform: translateY(-1px); box-shadow: 0 10px 22px -8px rgba(23, 88, 214, .55); }

/* calendar */
.recur-event-calendar-day { border: 1px solid var(--line); background: var(--paper); min-height: 96px; }
.recur-event-calendar-event {
  background: rgba(23, 88, 214, .1);
  color: var(--blue);
  border-left: 3px solid var(--blue);
  border-radius: 6px;
  padding: 3px 8px;
  font-size: .8rem;
  font-weight: 600;
  cursor: pointer;
}
.recur-event-calendar-event:hover { background: rgba(23, 88, 214, .18); }
.recur-event-modal-title { font-family: var(--font-head); font-weight: 700; color: var(--ink); }
.recur-event-modal-body { color: var(--ink-2); line-height: 1.65; }
.recur-event-modal-button {
  font-family: var(--font-head);
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #0F3FA6, var(--blue));
  border: none;
  border-radius: 999px;
  padding: 12px 26px;
  cursor: pointer;
}

/* ============================================================
   FOOTER — deep navy
   ============================================================ */
.site-footer {
  margin-top: 0 !important;
  background:
    radial-gradient(1000px 420px at 90% -20%, rgba(62, 139, 255, .16), transparent 60%),
    var(--blue-deep);
  color: rgba(214, 228, 250, .8);
  padding: 72px 24px 0;
}
.site-footer-content {
  max-width: var(--wrap);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.6fr 1fr 1.2fr;
  gap: 48px;
  padding-bottom: 56px;
}
.site-footer-title {
  font-family: var(--font-head);
  color: #fff;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.site-footer-logo { max-height: 48px; width: auto; margin-bottom: 18px; background: #fff; padding: 8px 12px; border-radius: 10px; }
.site-footer-description { color: rgba(214, 228, 250, .85); line-height: 1.65; font-size: .95rem; margin-bottom: 16px; }
.site-footer-text { color: rgba(158, 178, 210, .6); font-size: .8rem; line-height: 1.6; }
.site-footer-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.site-footer-links a { color: rgba(214, 228, 250, .82); text-decoration: none; font-size: .95rem; transition: color .18s var(--ease); }
.site-footer-links a:hover { color: var(--blue-bright); }
.site-footer-contact { font-size: .95rem; line-height: 1.7; color: rgba(214, 228, 250, .82); }
.site-footer-contact a { color: var(--blue-bright); text-decoration: none; }
.site-footer-social-link { color: rgba(214, 228, 250, .8); transition: color .18s var(--ease); }
.site-footer-social-link:hover { color: var(--blue-bright); }
.footer-bottom-bar {
  max-width: none;
  margin: 0;
  border-top: 1px solid rgba(126, 178, 255, .16);
  padding: 22px 0;
  font-size: .85rem;
  color: rgba(158, 178, 210, .6);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.footer-bottom-bar-link { color: rgba(214, 228, 250, .75); text-decoration: none; }
.footer-bottom-bar-link:hover { color: var(--blue-bright); }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1024px) {
  .puck-stats-grid { grid-template-columns: repeat(2, 1fr); }
  .recur-event-list-grid, .recur-product-list-grid { grid-template-columns: repeat(2, 1fr); }
  .site-footer-content { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .puck-hero--single .puck-hero-content, .puck-hero--minimal .puck-hero-content { padding: 72px 20px; }
  .puck-stats-grid { grid-template-columns: 1fr; }
  .recur-event-list-grid, .recur-product-list-grid { grid-template-columns: 1fr; }
  .site-footer-content { grid-template-columns: 1fr; gap: 36px; }
  .puck-grid { padding-top: 24px; padding-bottom: 24px; }
  .puck-card { padding: 24px; }
}


/* ---------- footer: four equal columns, land acknowledgement last ---------- */
.site-footer-content {
  display: grid;
  grid-template-columns: 1.3fr .6fr 1.1fr 1.4fr;
  gap: 36px;
}
@media (max-width: 1024px) { .site-footer-content { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .site-footer-content { grid-template-columns: 1fr; } }
.site-footer-content .land-ack {
  margin: 0;
  font-size: .88rem;
  line-height: 1.7;
  color: rgba(226, 237, 252, .75);
}

/* ============================================================
   CONTACT PAGE — form + info columns
   ============================================================ */
.puck-grid:has(.recur-contact-form) { align-items: start; }
.puck-grid:has(.recur-contact-form) .puck-card { height: auto; }
.recur-contact-form {
  background: var(--paper) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-card);
  padding: 30px !important;
}
.recur-contact-form h3, .recur-contact-form h2 {
  font-family: var(--font-head);
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.02em;
  margin: 0 0 6px;
}
.recur-contact-form label { display: block; font-size: .88rem; font-weight: 600; color: var(--ink); margin-bottom: 6px; }
.recur-contact-form input[type="text"],
.recur-contact-form input[type="email"],
.recur-contact-form input[type="tel"],
.recur-contact-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 11px 13px;
  border: 1px solid var(--line);
  border-radius: 10px;
  font-size: .96rem;
  font-family: inherit;
  color: var(--ink);
  background: #fff;
  outline: none;
  margin-bottom: 14px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.recur-contact-form input:focus, .recur-contact-form textarea:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(23, 88, 214, .12);
}
.recur-contact-form textarea { resize: vertical; min-height: 110px; }
.recur-contact-form .contact-submit-btn, .recur-contact-form button {
  width: 100%;
  padding: 14px 20px;
  background: var(--blue) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  font-size: 1rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: background .15s ease, transform .15s ease;
}
.recur-contact-form .contact-submit-btn:hover { background: var(--blue-hover, #1247ab) !important; transform: translateY(-1px); }
.recur-contact-form input[type="checkbox"] { width: auto; margin: 3px 8px 0 0; }

/* Keep the native donation checkout centered in its page section. */
.puck-grid:has(.recur-donation) .recur-donation {
  width: min(100%, 480px);
  margin-top: 36px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.recur-donation {
  box-sizing: border-box;
  background: var(--paper) !important;
  border: 1px solid var(--line) !important;
  border-radius: 24px !important;
  box-shadow: var(--shadow-card) !important;
  padding: 32px !important;
}
.recur-donation-title {
  font-family: var(--font-head);
  font-size: clamp(1.55rem, 3vw, 1.9rem) !important;
  letter-spacing: -0.03em;
  color: var(--ink) !important;
}
.recur-donation-description,
.recur-donation-frequency-label {
  color: var(--ink-2) !important;
}
.recur-donation .donation-amounts {
  gap: 10px !important;
  margin-bottom: 23px !important;
}
.recur-donation .recur-donation-amount-button {
  padding: 11px 8px !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  color: var(--ink) !important;
  background: #fff !important;
  box-shadow: none;
  transition: border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease), transform .18s var(--ease);
}
.recur-donation .recur-donation-amount-button:hover {
  border-color: var(--blue) !important;
  color: var(--blue) !important;
  background: var(--mist) !important;
  transform: translateY(-1px);
}
.recur-donation .recur-donation-frequency,
.recur-donation .donation-payment-limit select {
  box-sizing: border-box;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  color: var(--ink) !important;
  background: #fff !important;
  outline: none;
}
.recur-donation .recur-donation-frequency:focus,
.recur-donation .donation-payment-limit select:focus {
  border-color: var(--blue) !important;
  box-shadow: 0 0 0 3px rgba(23, 88, 214, .12);
}
.recur-donation .donation-frequency {
  margin-bottom: 23px !important;
}
.recur-donation .donation-fee-coverage {
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  background: var(--mist) !important;
  margin-bottom: 26px !important;
  padding: 17px !important;
}
.recur-donation .donation-submit,
.recur-donation button[type="submit"] {
  width: 100%;
  padding: 14px 20px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #0F3FA6, var(--blue)) !important;
  box-shadow: 0 10px 22px -10px rgba(23, 88, 214, .65);
  font-family: var(--font-head);
  font-weight: 600;
}
.recur-donation .donation-submit:hover,
.recur-donation button[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 26px -10px rgba(23, 88, 214, .7);
}

/* hide the calendar's redundant "No events scheduled" note (empty state already styled) */
.recur-event-calendar > div > div[style*="text-align"]:last-child { display: none; }



            /* Base styles */
            * {
              margin: 0;
              padding: 0;
              box-sizing: border-box;
            }
            
            body {
              font-family: Inter;
              line-height: 1.6;
              color: var(--color-text, #333);
              background-color: var(--color-background, #ffffff);
            }

            /* Global image safety — prevents oversized AMS/Quill images from breaking layouts */
            img {
              max-width: 100%;
              height: auto;
            }

            /* Public search: uses theme tokens and stays compact in either
               chrome region while allowing the full results page to breathe. */
            .site-search { position:relative; display:flex; align-items:center; gap:.4rem; min-width:0; }
            .site-search-input, .public-search-form input { min-width:0; width:100%; padding:.5rem .65rem; border:1px solid var(--color-border,#d1d5db); border-radius:.375rem; color:var(--color-text,#111827); background:var(--color-background,#fff); font:inherit; }
            .site-search-input[data-input-background="transparent"] { background:transparent; }
            .site-search-button, .public-search-form button { border:0; border-radius:.375rem; padding:.5rem .7rem; background:var(--color-primary,#2563eb); color:var(--color-on-primary,#fff); font:inherit; cursor:pointer; }
            .site-search-icon-button { min-width:2.4rem; min-height:2.4rem; padding:.35rem; font-size:1.35rem; line-height:1; }
            .site-search-suggestions { position:absolute; z-index:100; top:calc(100% + .3rem); left:0; right:0; max-height:18rem; overflow:auto; margin:0; padding:.25rem; list-style:none; border:1px solid var(--color-border,#d1d5db); border-radius:.375rem; background:var(--color-background,#fff); box-shadow:0 8px 20px rgba(0,0,0,.15); }
            .site-search-suggestion { padding:.55rem .65rem; cursor:pointer; color:var(--color-text,#111827); border-radius:.25rem; }
            .site-search-suggestion[aria-selected="true"], .site-search-suggestion:hover { background:var(--color-surface,#f3f4f6); }
            .public-search-page { max-width:900px; margin:0 auto; padding:3rem 1.25rem; color:var(--color-text,#111827); }
            .public-search-page h1 { margin:0 0 1rem; font-size:2rem; }
            .public-search-form { display:flex; gap:.6rem; align-items:end; flex-wrap:wrap; margin-bottom:1.5rem; }
            .public-search-form label { width:100%; font-weight:600; }
            .public-search-form input { flex:1 1 18rem; }
            .public-search-results { display:grid; gap:1rem; padding:0; list-style:none; }
            .public-search-result { padding:1rem; border:1px solid var(--color-border,#e5e7eb); border-radius:.5rem; }
            .public-search-result h2 { margin:.35rem 0; font-size:1.2rem; }.public-search-result p { margin:.35rem 0 .65rem; color:var(--color-textSecondary,#4b5563); }
            .public-search-result a, .public-search-pages a { color:var(--color-primary,#2563eb); }.public-search-type,.public-search-strength { font-size:.8rem; }.public-search-strength { float:right; color:var(--color-textSecondary,#4b5563); }
            .public-search-pages { display:flex; justify-content:center; gap:1rem; margin-top:1.5rem; }
            @media (max-width: 640px) { .site-search { width:100%; }.public-search-form { align-items:stretch; }.public-search-form button { width:100%; } }
            
            /* Quill alignment styles for rich text content */
            .ql-align-center {
              text-align: center;
            }
            .ql-align-right {
              text-align: right;
            }
            .ql-align-justify {
              text-align: justify;
            }
            .ql-indent-1 { padding-left: 3em; }
            .ql-indent-2 { padding-left: 6em; }
            .ql-indent-3 { padding-left: 9em; }
            .ql-indent-4 { padding-left: 12em; }
            .ql-indent-5 { padding-left: 15em; }
            
            /* Quill font families - matches Quill whitelist */
            .ql-font-arial { font-family: Arial, sans-serif; }
            .ql-font-helvetica { font-family: Helvetica, sans-serif; }
            .ql-font-georgia { font-family: Georgia, serif; }
            .ql-font-times-new-roman { font-family: 'Times New Roman', serif; }
            .ql-font-courier-new { font-family: 'Courier New', monospace; }
            .ql-font-verdana { font-family: Verdana, sans-serif; }
            .ql-font-comic-sans { font-family: 'Comic Sans MS', cursive; }
            .ql-font-lucida { font-family: 'Lucida Console', monospace; }
            .ql-font-inter { font-family: 'Inter', sans-serif; }
            .ql-font-poppins { font-family: 'Poppins', sans-serif; }
            .ql-font-permanent-marker { font-family: 'Permanent Marker', cursive; }
            .ql-font-theme-body { font-family: var(--font-primary, system-ui, sans-serif); }
            .ql-font-theme-header { font-family: var(--font-secondary, var(--font-primary, system-ui)); }
            .ql-font-serif { font-family: Georgia, 'Times New Roman', serif; }
            .ql-font-monospace { font-family: 'Courier New', Consolas, monospace; }
            
            /* Quill code blocks */
            pre.ql-syntax,
            .rich-text-content pre,
            .puck-text pre {
              background-color: var(--color-surface, #f5f5f5);
              color: var(--color-text, #333);
              padding: 12px 16px;
              border-radius: 6px;
              overflow-x: auto;
              font-family: 'Courier New', Consolas, monospace;
              font-size: 0.9em;
              line-height: 1.5;
              margin: 16px 0;
              white-space: pre-wrap;
              word-wrap: break-word;
            }
            
            /* Quill inline code */
            .rich-text-content code,
            .puck-text code {
              background-color: var(--color-surface, #f0f0f0);
              padding: 2px 6px;
              border-radius: 3px;
              font-family: 'Courier New', Consolas, monospace;
              font-size: 0.9em;
            }
            
            /* Quill blockquote */
            .rich-text-content blockquote,
            .puck-text blockquote,
            blockquote.ql-blockquote {
              border-left: 4px solid var(--color-primary, #3b82f6);
              padding-left: 16px;
              margin: 16px 0;
              font-style: italic;
              color: var(--color-text-secondary, #666);
            }
            
            /* Quill paragraph spacing */
            p {
              margin-bottom: 15px;
            }
            p:last-child {
              margin-bottom: 0;
            }
            
            /* Rich text content - Quill formatting styles */
            .rich-text-content ul,
            .puck-text ul {
              margin: 15px 0;
              padding-left: 1.5em;
              list-style-type: disc;
              list-style-position: outside;
            }
            
            .rich-text-content ol,
            .puck-text ol {
              margin: 15px 0;
              padding-left: 1.5em;
              list-style-type: decimal;
              list-style-position: outside;
            }
            
            .rich-text-content li,
            .puck-text li {
              margin-bottom: 8px;
              display: list-item;
              padding-left: 0.5em;
            }
            
            /* Nested lists */
            .rich-text-content ul ul,
            .puck-text ul ul {
              list-style-type: circle;
              margin-top: 8px;
              margin-bottom: 8px;
            }
            
            .rich-text-content ul ul ul,
            .puck-text ul ul ul {
              list-style-type: square;
            }
            
            .rich-text-content ol ol,
            .puck-text ol ol {
              list-style-type: lower-alpha;
              margin-top: 8px;
              margin-bottom: 8px;
            }
            
            .rich-text-content ol ol ol,
            .puck-text ol ol ol {
              list-style-type: lower-roman;
            }
            
            /* Responsive Grid - matches Puck editor behavior */
            /* Uses CSS variable for column count set via inline style */
            .puck-grid {
              display: grid;
              gap: 1rem;
            }
            .puck-grid.responsive-grid {
              grid-template-columns: 1fr;  /* Mobile: single column */
            }
            @media (min-width: 768px) {
              .puck-grid.responsive-grid {
                grid-template-columns: var(--grid-template, repeat(var(--grid-columns, 2), 1fr));
              }
            }
            .puck-grid-column {
              /* Structural child wrapper: content components own appearance. */
            }
            
            /* Header Navigation */
            .site-header {
              position: sticky;
              top: 0; z-index: 1000;
              background: var(--color-surface, #f5f5f5);
              
              padding: 1rem;
              border-bottom: 1px solid var(--color-border, #ddd);
              
              
            }
            
            /* Background image layer — sits above bg color, below all content (same as React approach) */
            
            
            .site-header nav > ul {
              list-style: none;
              display: flex;
              flex-direction: row;
              gap: 2rem;
              max-width: var(--header-max-width, var(--content-max-width, 1200px));
              margin: 0 auto;
              align-items: center;
              justify-content: center;
            }
            
            .site-header nav a,
            .site-header nav a:link,
            .site-header nav a:visited,
            .site-header nav a:hover,
            .site-header nav a:active,
            .site-header .nav-link,
            .site-header .nav-link-dropdown,
            .site-header .nav-menu a {
              color: var(--color-text, #333);
              text-decoration: none;
            }
            
            .site-header nav a:hover,
            .site-header .nav-link:hover,
            .site-header .nav-link-dropdown:hover {
              opacity: 0.8;
              
              text-decoration: none;
            }
            
            /* Navigation Style variants */
            .site-header .nav-link,
                  .site-header .nav-link-dropdown {
                    padding: 0.5rem 1rem;
                    border-radius: 0.375rem;
                    transition: background-color 0.2s ease;
                  }
                  .site-header .nav-link:hover,
                  .site-header .nav-link-dropdown:hover {
                    background-color: rgba(0,0,0,0.05);
                    opacity: 1;
                  }
            
            /* Footer */
            .site-footer {
              background: var(--color-surface, #f5f5f5);
              color: var(--color-text, #333);
              padding: 2rem 1rem 1rem;
              margin-top: 4rem;
              border-top: 1px solid var(--color-border, #ddd);
              
            }
            
            .site-footer a {
              color: var(--color-primary, #1976d2);
              text-decoration: none;
            }
            
            .site-footer a:hover {
              opacity: 0.8;
            }
            
            /* Ensure all footer navigation links have no underline */
            .site-footer ul a,
            .site-footer nav a,
            .site-footer li a {
              text-decoration: none;
            }
            
            /* Main content */
            main {
              max-width: var(--content-max-width, 1200px);
              margin: 0 auto;
              padding: 2rem;
            }

            /* A leading hero sits flush beneath the site header by cancelling main's
               2rem top padding. This applies in every content-width mode (not just
               full width). Only the FIRST child matches, so a hero placed lower on the
               page is never pulled upward. */
            #puck-content > .puck-hero:first-child {
              margin-top: -2rem;
            }
            
            h1, h2, h3, h4, h5, h6 {
              color: var(--color-heading, var(--color-text, #333));
              /* Parity with the editor/preview: .puck-root h1–h6 use the theme's
                 header font (--font-secondary). Without this, published headings
                 silently fall back to the body font. */
              font-family: var(--font-secondary, var(--font-primary, system-ui));
            }

            h1 {
              margin-bottom: 1rem;
            }
            
            .published-note {
              color: var(--color-textSecondary, #666);
              font-size: 0.875rem;
              margin-bottom: 2rem;
            }
            
            .content-preview {
              background: var(--color-surface, #f9f9f9);
              padding: 2rem;
              border-radius: 8px;
              border: 1px solid var(--color-border, #ddd);
            }
            
            /* @pqina/flip v1.8.4 - Vendor CSS for Flip Counter */
            .tick{box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default;position:relative;z-index:1;line-height:1.4}.tick *{box-sizing:inherit}.tick [data-view]{max-width:100%}.tick span[data-view]{display:inline-block}.tick .tick-credits{position:absolute;right:0;bottom:0;opacity:.4;text-decoration:none;font-size:11px;color:inherit}.tick [data-layout~=pad]{margin:-.25em}.tick [data-layout~=pad]>*{margin:.25em}.tick [data-layout~=horizontal]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}.tick [data-layout~=horizontal][data-layout~=baseline]{-ms-flex-align:baseline;align-items:baseline}.tick [data-layout~=horizontal][data-layout~=center]{-ms-flex-pack:center;justify-content:center}.tick [data-layout~=horizontal][data-layout~=right]{-ms-flex-pack:end;justify-content:flex-end}.tick [data-layout~=horizontal][data-layout~=left]{-ms-flex-pack:start;justify-content:flex-start}.tick [data-layout~=horizontal][data-layout~=fill],.tick [data-layout~=horizontal][data-layout~=stretch]{-ms-flex-line-pack:stretch;align-content:stretch;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.tick [data-layout~=horizontal][data-layout~=fill]>*,.tick [data-layout~=horizontal][data-layout~=stretch]>*{-ms-flex:1 0 0px;flex:1 0 0;width:100%}.tick [data-layout~=horizontal][data-layout~=multi-line]{-ms-flex-wrap:wrap;flex-wrap:wrap}.tick [data-layout~=horizontal][data-layout~=fit]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-line-pack:center;align-content:center;white-space:nowrap;-ms-flex-pack:start;justify-content:flex-start}.tick [data-layout~=vertical]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.tick [data-layout~=vertical][data-layout~=top]{-ms-flex-pack:start;justify-content:flex-start}.tick [data-layout~=vertical][data-layout~=bottom]{-ms-flex-pack:end;justify-content:flex-end;min-height:100%}.tick [data-layout~=vertical][data-layout~=middle]{-ms-flex-pack:center;justify-content:center;min-height:100%}.tick [data-layout~=vertical][data-layout~=left]{-ms-flex-align:start;align-items:flex-start}.tick [data-layout~=vertical][data-layout~=right]{-ms-flex-align:end;align-items:flex-end}.tick [data-layout~=vertical][data-layout~=center]{text-align:center}.tick [data-layout~=vertical][data-layout~=fill],.tick [data-layout~=vertical][data-layout~=stretch]{-ms-flex-align:stretch;align-items:stretch;min-height:100%}.tick [data-layout~=vertical][data-layout~=fill]>*,.tick [data-layout~=vertical][data-layout~=stretch]>*{-ms-flex:1 0 0px;flex:1 0 0}.tick [data-layout~=vertical]>*+*{margin-top:.5em}.tick [data-layout~=overlay]{position:relative}.tick [data-layout~=overlay]>*{margin:0}.tick [data-layout~=overlay][data-layout~=center]{text-align:center}.tick [data-layout~=overlay][data-layout~=left]{text-align:left}.tick [data-layout~=overlay][data-layout~=right]{text-align:right}.tick [data-layout~=overlay]>[data-overlay=fill],.tick [data-layout~=overlay]>[data-overlay=stretch]{position:absolute;left:0;right:0;top:0;bottom:0}.tick [data-layout~=overlay]>[data-overlay=center]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;left:0;right:0;top:0;bottom:0}.tick-flip{position:relative;text-align:center}.tick-flip *{border-radius:inherit;white-space:pre;letter-spacing:inherit;text-indent:inherit}.tick-flip-front{border-bottom-left-radius:0;border-bottom-right-radius:0}.tick-flip-back{border-top-left-radius:0;border-top-right-radius:0}.tick-flip-spacer{display:block;visibility:hidden}.tick-flip-shadow{position:absolute;left:1px;right:1px;top:1px;bottom:1px;color:transparent!important;background:transparent!important}.tick-flip-shadow-top{bottom:calc(50% - 1px)}.tick-flip-shadow-bottom{top:calc(50% + 1px)}.tick-flip-card-shadow{position:absolute;left:.15em;right:.15em;bottom:.125em;height:.5em;background-color:transparent;border-radius:0;opacity:0;transform-origin:0 100%;box-shadow:0 .125em .25em rgba(0,0,0,.5),0 .125em .5em rgba(0,0,0,.75);z-index:0}.tick-flip-card{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;perspective:4em}.tick-flip-panel-back,.tick-flip-panel-front{position:absolute;left:0;width:100%;height:51%;backface-visibility:hidden;transform-style:preserve-3d}.tick-flip-panel-back-text,.tick-flip-panel-front-text{position:absolute;left:-1px;top:0;right:-1px;height:100%;overflow:hidden}.tick-flip-panel-text-wrapper{position:absolute;left:0;top:0;right:0;height:100%}.tick-flip-panel-back-text .tick-flip-panel-text-wrapper{height:200%;top:-100%}.tick-flip-panel-front{transform-origin:center bottom;top:0;z-index:2;box-shadow:inset 0 1px hsla(0,0%,100%,.05)}.tick-flip-panel-back{transform-origin:center top;top:50%;z-index:1;box-shadow:inset 0 -1px rgba(0,0,0,.1)}.tick-flip-panel-back:after{z-index:1;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(0,0,0,.3) 1px,rgba(0,0,0,.15) 0,transparent 30%)}.tick-flip-panel-back-shadow{z-index:2}.tick-flip-panel-back-highlight{z-index:3}.tick-flip-panel-back-highlight,.tick-flip-panel-back-shadow{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.tick-flip-panel-back-highlight,.tick-flip-panel-back-shadow,.tick-flip-panel-front-shadow{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0}.tick-flip-panel-front-shadow{background-image:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.3))}.tick-flip-panel-back-shadow{background-image:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.5))}.tick-flip-panel-back-highlight{background-image:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.3))}.tick [data-style*="shadow:inner"],.tick [data-style*="shadow:inner"] .tick-flip-card-shadow,.tick [data-style*="shadow:none"] .tick-flip-card-shadow,.tick [data-style*="shadow:none"] .tick-flip-panel-back,.tick [data-style*="shadow:none"] .tick-flip-panel-front,.tick [data-style*="shadow:none"] .tick-flip-shadow{box-shadow:none}.tick [data-style*="shadow:none"] .tick-flip-back:after,.tick [data-style*="shadow:none"] .tick-flip-panel-back-shadow,.tick [data-style*="shadow:none"] .tick-flip-panel-back-text:after,.tick [data-style*="shadow:none"] .tick-flip-panel-front-shadow{background-image:none}.tick [data-style*="rounded:none"]{border-radius:0}.tick [data-style*="rounded:panels"] .tick-flip-front,.tick [data-style*="rounded:panels"] .tick-flip-shadow-bottom{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.tick [data-style*="rounded:panels"] .tick-flip-back,.tick [data-style*="rounded:panels"] .tick-flip-panel-back:after,.tick [data-style*="rounded:panels"] .tick-flip-shadow-top{border-top-left-radius:inherit;border-top-right-radius:inherit}.tick-flip{margin-left:.0625em;margin-right:.0625em;min-width:1.125em;border-radius:.125em;letter-spacing:.25em;text-indent:.25em}.tick-flip-panel{color:#edebeb;background-color:#333232}.tick-flip-shadow{box-shadow:0 .125em .3125em rgba(0,0,0,.25),0 .02125em .06125em rgba(0,0,0,.25)}
            
            /* Custom Flip Counter Styling */
            .tick {
              font-size: 1rem;
              white-space: nowrap;
              font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
            }

            .tick-flip, .tick-text-inline {
              font-size: 2.5em;
            }

            .tick-label {
              margin-top: 1em;
              font-size: 1em;
              color: var(--color-textSecondary, #696996);
              text-transform: uppercase;
              letter-spacing: 0.1em;
            }

            .tick-char {
              width: 1.5em;
            }

            .tick-text-inline {
              display: inline-block;
              text-align: center;
              min-width: 1em;
              color: var(--color-text, #15151e);
            }

            .tick-text-inline + .tick-text-inline {
              margin-left: -0.325em;
            }

            .tick-group {
              margin: 0 0.5em;
              text-align: center;
            }

            /* Flip Clock Panel - Classic Segmented Display Style */
            .tick-flip-panel {
              color: #ffffff !important;
              background-color: #2b2b2b !important;
              border-radius: 0.15em !important;
              box-shadow: 
                0 0.05em 0 rgba(0, 0, 0, 0.6),
                0 0.15em 0.15em rgba(0, 0, 0, 0.4) !important;
            }

            /* Add subtle gradient for 3D depth effect */
            .tick-flip-panel::before {
              background: linear-gradient(
                to bottom,
                rgba(255, 255, 255, 0.1) 0%,
                rgba(255, 255, 255, 0) 50%,
                rgba(0, 0, 0, 0.2) 100%
              ) !important;
            }

            /* Flip card container with shadow */
            .tick-flip {
              border-radius: 0.15em !important;
              font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
              font-weight: 600 !important;
              box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3) !important;
            }

            /* Middle divider line between flip panels for segmented look */
            .tick-flip::after {
              background: #1a1a1a !important;
              height: 0.05em !important;
            }

            /* Text positioning and line height */
            .tick-flip-panel-text-wrapper {
              line-height: 1.5 !important;
            }

            /* Spacing between individual digit cards */
            .tick-flip + .tick-flip {
              margin-left: 0.1em;
            }
            
            /* Navigation Dropdown Styles */
            .nav-menu {
              position: relative;
            }
            
            .nav-item-dropdown {
              position: relative;
            }
            
            .nav-link, .nav-link-dropdown {
              color: var(--color-text, #333);
              font-family: Inter;
              text-decoration: none;
              padding: 0.5rem 0.75rem;
              display: inline-flex;
              align-items: center;
              position: relative;
              border-radius: 4px;
              transition: background-color 0.2s, color 0.2s, border-color 0.2s;
              cursor: pointer;
              font-weight: 500;
            }
            
            /* Navigation underline element for underline style */
            .nav-link .nav-underline, .nav-link-dropdown .nav-underline {
              position: absolute;
              bottom: 0;
              left: 50%;
              transform: translateX(-50%);
              height: 2px;
              width: 0%;
              background-color: var(--color-text, #333);
              transition: width 0.2s ease;
            }
            
            /* Default style hover */
            
            .nav-link:hover, .nav-link-dropdown:hover {
              background-color: rgba(0,0,0,0.05);
              
            }
            
            
            /* Underline style hover */
            
            
            /* Pill style hover */
            
            
            /* Bar style hover */
            
            
            .dropdown-arrow {
              font-size: 0.7em;
              margin-left: 0.3rem;
              transition: transform 0.2s;
            }
            
            .nav-item-dropdown.active .dropdown-arrow {
              transform: rotate(180deg);
            }
            
            .nav-dropdown {
              display: none;
              position: absolute;
              top: 100%;
              left: 0;
              min-width: 200px;
              background: #ffffff;
              border: 1px solid var(--color-border, #e5e7eb);
              border-radius: 4px;
              box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
              padding: 0.5rem 0;
              margin-top: 0.25rem;
              list-style: none;
              z-index: 1000;
            }
            
            /* Dropdown visibility controlled by JavaScript with delay support */
            .nav-item-dropdown.active .nav-dropdown {
              display: block;
            }
            
            .nav-dropdown li {
              margin: 0;
            }
            
            .site-header .nav-dropdown a,
            .site-header .nav-dropdown a:link,
            .site-header .nav-dropdown a:visited,
            .site-header .nav-dropdown a:active {
              color: #333333;
              font-family: Inter;
              text-decoration: none;
              padding: 0.5rem 1rem;
              display: block;
              transition: background-color 0.2s, color 0.2s;
              font-weight: 400;
            }
            
            .site-header .nav-dropdown a:hover {
              background-color: rgba(0,0,0,0.05);
              color: #111111;
            }
            
            /* Nested dropdown (fly-out) styles */
            .nav-item-nested {
              position: relative;
            }
            
            .nav-item-nested .dropdown-arrow {
              transform: rotate(0deg);
            }
            
            /* Nested dropdowns fly out to the right - HIDDEN by default */
            .nav-item-nested > .nav-dropdown {
              display: none !important;
              top: 0;
              left: 100%;
              margin-top: 0;
              margin-left: 0;
            }
            
            /* Show nested dropdown ONLY on direct hover (CSS-based, no JS active class) */
            .nav-item-nested:hover > .nav-dropdown {
              display: block !important;
            }
            
            /* Note: Click mode and hover delays are now fully handled by JavaScript */
            
            /* Mobile Navigation Styles */
            .mobile-menu-toggle {
              display: none;
              background: none;
              border: none;
              cursor: pointer;
              padding: 0.5rem;
              color: var(--color-text, #333);
              font-size: 1.5rem;
              line-height: 1;
            }
            
            .mobile-nav {
              display: none;
            }
            
            @media (max-width: 768px) {
              .mobile-menu-toggle {
                display: block;
                margin-left: auto;
              }
              
              .desktop-nav {
                display: none !important;
              }
              
              .mobile-nav {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: var(--color-surface, #ffffff);
                color: var(--color-text, #333);
                z-index: 9999;
                overflow-y: auto;
              }
              
              .mobile-nav.active {
                display: block;
              }
              
              .mobile-nav-header {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 1rem;
                border-bottom: 1px solid var(--color-border, #ddd);
              }
              
              .mobile-nav-close {
                background: none;
                border: none;
                cursor: pointer;
                padding: 0.5rem;
                color: var(--color-text, #333);
                font-size: 1.5rem;
                line-height: 1;
              }
              
              .mobile-nav ul {
                list-style: none;
                margin: 0;
                padding: 0;
              }
              
              .mobile-nav ul li {
                border-bottom: 1px solid var(--color-border, #ddd);
              }
              
              .mobile-nav ul li a {
                display: block;
                padding: 1rem;
                color: var(--color-text, #333);
                text-decoration: none;
                font-size: 1.1rem;
              }
              
              .mobile-nav ul li a:active {
                background: rgba(0,0,0,0.05);
                
              }
              
              /* Nested sublists — real hierarchy: indented, slightly smaller,
                 with a left guide border so parent/child structure is visible */
              .mobile-nav ul ul.mobile-nav-sub {
                margin: 0 0 0 1rem;
                padding: 0;
                border-left: 2px solid var(--color-border, #ddd);
              }
              
              .mobile-nav ul ul.mobile-nav-sub li {
                border-bottom: none;
              }
              
              .mobile-nav ul ul.mobile-nav-sub li a {
                padding: 0.65rem 1rem;
                font-size: 1rem;
              }
            }
            
            /* ----------------------------------------------
               Custom Quill Blot Styles for Rich Text Content
               ---------------------------------------------- */
            
            /* Floatable Image Styles */
            .ql-floatable-image {
              display: inline-block;
              max-width: 100%;
              margin: 12px 0;
              vertical-align: top;
            }
            
            .ql-floatable-image img {
              display: block;
              max-width: 100%;
              height: auto;
              border-radius: 8px;
            }
            
            .ql-floatable-image.float-left {
              float: left;
              margin: 0 20px 12px 0;
              max-width: 50%;
              clear: none;
            }
            
            .ql-floatable-image.float-right {
              float: right;
              margin: 0 0 12px 20px;
              max-width: 50%;
              clear: none;
            }
            
            .ql-floatable-image.float-none {
              float: none;
              display: block;
              margin: 12px auto;
              max-width: 100%;
            }
            
            .ql-floatable-image.width-small { max-width: 25% !important; }
            .ql-floatable-image.width-medium { max-width: 50% !important; }
            .ql-floatable-image.width-large { max-width: 75% !important; }
            .ql-floatable-image.width-full { max-width: 100% !important; }
            
            /* Video Embed Styles */
            .ql-video-embed {
              display: block;
              margin: 16px 0;
              max-width: 100%;
              clear: both;
            }
            
            .ql-video-embed .video-embed-wrapper {
              position: relative;
              padding-bottom: 56.25%;
              height: 0;
              overflow: hidden;
              border-radius: 8px;
            }
            
            .ql-video-embed .video-embed-wrapper iframe,
            .ql-video-embed .video-embed-wrapper video {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
            }
            
            .ql-video-embed.float-left {
              float: left;
              margin: 0 20px 12px 0;
              clear: none;
            }
            
            .ql-video-embed.float-right {
              float: right;
              margin: 0 0 12px 20px;
              clear: none;
            }
            
            .ql-video-embed.float-none {
              float: none;
              margin: 16px auto;
            }
            
            .ql-video-embed.width-small { width: 200px !important; min-width: 200px !important; }
            .ql-video-embed.width-medium { width: 320px !important; min-width: 320px !important; }
            .ql-video-embed.width-large { width: 480px !important; min-width: 480px !important; }
            .ql-video-embed.width-full { width: 100% !important; max-width: 100% !important; float: none !important; margin: 16px auto !important; }
            
            /* File Card Styles */
            .ql-file-card {
              display: inline-flex;
              align-items: center;
              gap: 12px;
              padding: 12px 16px;
              background: var(--color-surface, #f8fafc);
              border: 1px solid var(--color-border, #e2e8f0);
              border-radius: 8px;
              text-decoration: none;
              color: var(--color-text, inherit);
              margin: 8px 0;
              max-width: 320px;
              transition: all 0.2s ease;
              box-sizing: border-box;
            }
            
            .ql-file-card:hover {
              background: var(--color-surface, #f1f5f9);
              border-color: var(--color-text, #cbd5e1);
              opacity: 0.9;
            }
            
            .ql-file-card .file-icon {
              width: 40px;
              height: 40px;
              border-radius: 8px;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 20px;
              flex-shrink: 0;
            }
            
            .ql-file-card .file-icon.pdf { background: #fef2f2; color: #dc2626; }
            .ql-file-card .file-icon.doc { background: #eff6ff; color: #2563eb; }
            .ql-file-card .file-icon.spreadsheet { background: #f0fdf4; color: #16a34a; }
            .ql-file-card .file-icon.default { background: var(--color-surface, #f8fafc); color: var(--color-textSecondary, #64748b); }
            
            .ql-file-card .file-info {
              flex: 1;
              min-width: 0;
              overflow: hidden;
            }
            
            .ql-file-card .file-name {
              font-weight: 600;
              font-size: 14px;
              color: var(--color-text, #1e293b);
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            }
            
            .ql-file-card .file-size {
              font-size: 12px;
              color: var(--color-textSecondary, #64748b);
              margin-top: 2px;
            }
            
            .ql-file-card.float-left {
              float: left;
              margin: 8px 16px 8px 0;
            }
            
            .ql-file-card.float-right {
              float: right;
              margin: 8px 0 8px 16px;
            }
            
            /* Mobile Responsive Styles for Quill Blots */
            @media (max-width: 768px) {
              /* File cards on mobile - stacked treatment */
              .ql-file-card {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                max-width: 120px !important;
                width: auto !important;
                box-sizing: border-box !important;
                padding: 12px !important;
                gap: 6px !important;
                text-align: center !important;
              }
              
              .ql-file-card.float-left,
              .ql-file-card.float-right {
                float: none !important;
                margin: 8px 0 !important;
              }
              
              .ql-file-card .file-icon {
                width: 40px !important;
                height: 40px !important;
                font-size: 18px !important;
                border-radius: 8px !important;
              }
              
              .ql-file-card .file-info {
                min-width: 0 !important;
                width: 100% !important;
                overflow: hidden !important;
                text-align: center !important;
              }
              
              .ql-file-card .file-name {
                max-width: 100% !important;
                font-size: 11px !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
                white-space: nowrap !important;
                display: block !important;
              }
              
              .ql-file-card .file-size {
                display: none !important;
              }
              
              /* Floatable images on mobile - remove float and constrain */
              .ql-floatable-image {
                max-width: 100% !important;
                box-sizing: border-box;
              }
              
              .ql-floatable-image.float-left,
              .ql-floatable-image.float-right {
                float: none !important;
                margin: 12px 0 !important;
                max-width: 100% !important;
              }
              
              .ql-floatable-image img {
                max-width: 100% !important;
                height: auto !important;
              }
              
              /* Video embeds on mobile */
              .ql-video-embed.float-left,
              .ql-video-embed.float-right {
                float: none !important;
                margin: 16px 0 !important;
                width: 100% !important;
              }
              
              /* Text content word wrapping */
              .rich-text-content,
              .puck-text {
                max-width: 100% !important;
                overflow-wrap: break-word !important;
                word-wrap: break-word !important;
                word-break: break-word !important;
              }
            }
            
            /* Pull Quote Styles */
            .ql-pull-quote {
              display: block;
              margin: 24px 0;
              padding: 0;
              position: relative;
            }
            
            .ql-pull-quote .pull-quote-wrapper {
              padding: 20px 24px;
              background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
              border-left: 4px solid #3b82f6;
              border-radius: 0 8px 8px 0;
              position: relative;
            }
            
            .ql-pull-quote .pull-quote-mark {
              font-size: 48px;
              line-height: 1;
              color: #3b82f6;
              opacity: 0.3;
              font-family: Georgia, serif;
              position: absolute;
            }
            
            .ql-pull-quote .pull-quote-mark.open {
              top: 8px;
              left: 12px;
            }
            
            .ql-pull-quote .pull-quote-mark.close {
              bottom: 0;
              right: 16px;
            }
            
            .ql-pull-quote .pull-quote-text {
              font-size: 1.25rem;
              font-style: italic;
              font-weight: 500;
              line-height: 1.6;
              color: #334155;
              text-align: center;
              margin: 0;
              padding: 8px 32px;
            }
            
            .ql-pull-quote.float-left {
              float: left;
              margin: 8px 24px 16px 0;
              clear: none;
            }
            
            .ql-pull-quote.float-right {
              float: right;
              margin: 8px 0 16px 24px;
              clear: none;
            }
            
            .ql-pull-quote.float-none {
              float: none;
              margin: 24px auto;
            }
            
            .ql-pull-quote.width-small { width: 200px !important; min-width: 200px !important; }
            .ql-pull-quote.width-medium { width: 280px !important; min-width: 280px !important; }
            .ql-pull-quote.width-large { width: 360px !important; min-width: 360px !important; }
            .ql-pull-quote.width-full { width: 100% !important; max-width: 100% !important; float: none !important; margin: 24px auto !important; }
            
            /* Clear floats after rich text content */
            .text-content::after,
            .rich-text-content::after {
              content: "";
              display: table;
              clear: both;
            }

            /* Render class contract (Task #156): default component structure on
               documented stable classes. Emitted here — after all base styles,
               immediately before the site's custom CSS — so custom CSS overrides
               it at equal specificity. Reproduces the renderer's previous inline
               defaults so sites without custom CSS are unchanged. */
            /* Render class contract v1.9.0 — site chrome structural-only (designer-owned appearance). */
.site-header .header-logo {
  flex-shrink: 0;
}
.site-header .header-logo-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.site-header .header-logo-img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.site-header .header-nav {
  flex: 1;
}
.site-header .nav-menu {
  list-style: none;
  display: flex;
  width: 100%;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.site-header .header-cta {
  flex-shrink: 0;
}
.site-header .header-cta-button {
  display: inline-block;
}
.site-header .header-social {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.site-header .header-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.site-header .header-contact {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.site-header .header-grid {
  max-width: var(--header-max-width, var(--content-max-width, 1200px));
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.site-header .header-grid-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 40px;
}
.site-header .header-grid-zone {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.site-header .header-grid-zone--center {
  flex: 1;
}
.site-header .header-flex {
  max-width: var(--header-max-width, var(--content-max-width, 1200px));
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}
.site-footer .site-footer-content {
  max-width: var(--footer-max-width, var(--content-max-width, 1200px));
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
}
.site-footer .site-footer-logo {
  width: 100%;
  max-width: 150px;
  height: auto;
}
.site-footer .site-footer-links {
  list-style: none;
}
.site-footer .site-footer-social {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.site-footer .site-footer-empty {
  text-align: center;
}
.site-footer .footer-bottom-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.site-footer .footer-bottom-bar-link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}
            /* Render class contract v1.9.0 — structural-only (designer-owned appearance). */
.puck-card {
  display: block;
  overflow: hidden;
}
.puck-grid-heading {
  text-align: center;
}
.puck-grid-subheading {
  text-align: center;
}
.puck-columns {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.puck-columns-col {
  min-width: 200px;
}
.puck-column {
  min-width: 150px;
  min-height: 100px;
  display: flex;
  flex-direction: column;
}
.puck-button-container {
  display: flex;
  align-self: flex-start;
  width: 100%;
}
.puck-button {
  display: inline-block;
}
.puck-stats-title {
  text-align: center;
}
.puck-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 32px;
}
.puck-stat-card {
  text-align: center;
}
.puck-hero--standard {
  display: flex;
  align-items: center;
  justify-content: center;
}
.puck-hero--carousel {
  position: relative;
  overflow: hidden;
}
.puck-hero--video {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.puck-hero--split {
  display: flex;
  flex-wrap: wrap;
}
.puck-hero--minimal {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.puck-hero--offset {
  position: relative;
  display: flex;
}
.puck-hero-content {
  max-width: 800px;
}
.puck-hero--video .puck-hero-content {
  position: relative;
  z-index: 2;
}
.puck-hero--split .puck-hero-content {
  max-width: 500px;
}
.puck-hero--minimal .puck-hero-content {
  max-width: 600px;
}
.puck-hero--offset .puck-hero-content {
  max-width: 500px;
}
.puck-hero-eyebrow {
  display: inline-block;
}
.puck-hero--minimal .puck-hero-subtitle {
  max-width: 500px;
}
.puck-hero-cta-primary {
  display: inline-block;
}
.puck-hero-cta-secondary {
  display: inline-block;
}
.puck-hero--carousel .carousel-slide {
  align-items: center;
  justify-content: center;
}
.puck-hero--carousel .carousel-slides {
  position: relative;
}
.puck-hero--carousel .carousel-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.puck-hero--carousel .carousel-prev {
  left: 1rem;
}
.puck-hero--carousel .carousel-next {
  right: 1rem;
}
.puck-hero--carousel .carousel-dots {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.5rem;
  z-index: 10;
}
.puck-hero--carousel .carousel-dot {
  width: 12px;
  height: 12px;
}
.puck-hero-video-el {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.puck-hero-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.puck-hero-split-panel {
  flex: 1;
  min-width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.puck-hero-split-image {
  flex: 1;
  min-width: 300px;
}
.puck-grid-preset {
  display: grid;
}
.puck-flex {
  display: flex;
}
.puck-flex-item {
  flex-shrink: 0;
}
.puck-video {
  display: flex;
}
.puck-video-inner {
  max-width: 100%;
}
.puck-video-media {
  width: 100%;
  display: block;
}
.puck-cta {
  text-align: center;
}
.puck-cta-description {
  max-width: 600px;
  white-space: pre-wrap;
}
.puck-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}
.puck-cta-primary {
  display: inline-block;
}
.puck-cta-secondary {
  display: inline-block;
}
.puck-image {
  display: flex;
  max-width: 100%;
}
.puck-image-img {
  display: block;
  max-width: 100%;
}
.puck-image-caption {
  text-align: center;
}
.puck-image-viewer-trigger {
  display: block;
}
.puck-image-viewer-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.puck-image-viewer-img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.puck-image-viewer-close {
  position: absolute;
  top: 16px;
  right: 16px;
}
.puck-image-viewer-previous, .puck-image-viewer-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.puck-image-viewer-previous {
  left: 16px;
}
.puck-image-viewer-next {
  right: 16px;
}
.puck-card-icon-horizontal .puck-card-title {
  text-align: left;
}
.puck-card-description {
  white-space: pre-wrap;
}
.puck-card-featured-overlay {
  position: absolute;
  inset: 0;
}
.puck-card-featured-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.puck-card-meta {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
}
.puck-card-meta-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.puck-card-meta-label {
  flex-shrink: 0;
}
.puck-card-avatar {
  width: 120px;
  height: 120px;
  overflow: hidden;
  flex-shrink: 0;
}
.puck-card-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

            /* Member Directory runtime widget appearance. Emitted in FULL for
               all site modes (no structuralOnly variant): the directory is
               built at runtime by an inline script, so on designer-owned
               sites the client inline-style stripper removes its decoration
               and this stylesheet becomes the sole source of its appearance.
               Sits before custom CSS so designer CSS can still override. */
            /* Render class contract v1.9.0 — Member Directory runtime widget (theme-token appearance; overridable by custom CSS below). */
.recur-member-dir-title {
  font-size: 1.875rem;
  font-weight: bold;
  margin: 0 0 16px;
  color: var(--color-text, #333);
  font-family: var(--font-primary, inherit);
}
.recur-member-dir-search {
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid var(--color-border, #e5e5e5);
  background: var(--color-surface, #fff);
  color: var(--color-text, #333);
  font-size: 0.9375rem;
  margin-bottom: 16px;
  font-family: var(--font-primary, inherit);
}
.recur-member-dir-chip {
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid var(--color-border, #e5e5e5);
  background: var(--color-surface, #f5f5f5);
  color: var(--color-text, #333);
  font-family: var(--font-primary, inherit);
}
.recur-member-dir-chip-active {
  background: var(--color-primary, #1976d2);
  color: var(--color-background, #fff);
}
.recur-member-dir-clear {
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  background: transparent;
  color: var(--color-textSecondary, #666);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary, inherit);
}
.recur-member-dir-card {
  background: var(--color-surface, #fff);
  border-radius: 12px;
  border: 1px solid var(--color-border, #e5e5e5);
  padding: 20px;
  cursor: pointer;
  font-family: var(--font-primary, inherit);
}
.recur-member-dir-row {
  background: var(--color-surface, #fff);
  border-radius: 10px;
  border: 1px solid var(--color-border, #e5e5e5);
  padding: 12px 16px;
  cursor: pointer;
  font-family: var(--font-primary, inherit);
}
.recur-member-dir-avatar {
  border-radius: 50%;
  background: var(--color-primary, #1976d2);
  color: var(--color-background, #fff);
  font-weight: 600;
  font-family: var(--font-primary, inherit);
}
.recur-member-dir-name {
  font-weight: 600;
  color: var(--color-text, #333);
  line-height: 1.3;
}
.recur-member-dir-meta {
  font-size: 0.8125rem;
  color: var(--color-textSecondary, #666);
}
.recur-member-dir-tag {
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 500;
  background: var(--color-surface, #f5f5f5);
  color: var(--color-text, #333);
  border: 1px solid var(--color-border, #e5e5e5);
  font-family: var(--font-primary, inherit);
}
.recur-member-dir-empty {
  padding: 40px;
  color: var(--color-textSecondary, #666);
  font-family: var(--font-primary, inherit);
}
.recur-member-dir-page-btn {
  padding: 8px 14px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  background: var(--color-text, #333);
  color: var(--color-surface, #fff);
  font-size: 0.875rem;
  font-weight: 500;
  font-family: var(--font-primary, inherit);
}
.recur-member-dir-page-btn[disabled] {
  cursor: not-allowed;
  background: var(--color-border, #e5e5e5);
  color: var(--color-textSecondary, #999);
}
.recur-member-dir-page-label {
  font-size: 0.875rem;
  color: var(--color-text, #333);
}
.recur-member-dir-modal-backdrop {
  background: rgba(0, 0, 0, 0.55);
  padding: 20px;
  font-family: var(--font-primary, inherit);
}
.recur-member-dir-modal {
  background: var(--color-surface, #fff);
  color: var(--color-text, #333);
  border-radius: 12px;
  border: 1px solid var(--color-border, #e5e5e5);
}
.recur-member-dir-modal-close {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--color-textSecondary, #666);
  border-radius: 6px;
}
.recur-member-dir-modal-title {
  font-size: 1.375rem;
  font-weight: 700;
  margin: 0;
}
.recur-member-dir-link {
  color: var(--color-primary, #1976d2);
}
.recur-member-dir-meta-sm {
  font-size: 0.75rem;
}
.recur-member-dir-card .recur-member-dir-name {
  font-size: 1rem;
}
.recur-member-dir-row .recur-member-dir-name {
  font-size: 0.9375rem;
}
.recur-member-dir-card .recur-member-dir-avatar {
  font-size: 27px;
}
.recur-member-dir-row .recur-member-dir-avatar {
  font-size: 17px;
}
.recur-member-dir-modal .recur-member-dir-avatar {
  font-size: 24px;
}
.recur-member-dir-chip[data-md-view] {
  border-radius: 6px;
}
.recur-member-dir-modal-body {
  padding: 28px 32px;
}
.recur-member-dir-modal-header {
  margin-bottom: 16px;
}
.recur-member-dir-modal-meta {
  font-size: 0.875rem;
  color: var(--color-textSecondary, #666);
}
.recur-member-dir-modal-location {
  font-size: 0.875rem;
  color: var(--color-textSecondary, #666);
  margin-bottom: 10px;
}
.recur-member-dir-modal-tags {
  margin-bottom: 14px;
}
.recur-member-dir-modal-bio {
  font-size: 0.9375rem;
  line-height: 1.6;
  margin: 0 0 16px;
}
.recur-member-dir-modal-contact {
  font-size: 0.875rem;
}
.recur-member-dir-modal-phone {
  color: var(--color-textSecondary, #666);
}

            /* Newsletter signup runtime widget (footer section + modal).
               Same always-emitted-in-full rule as the member directory: the
               modal is built at runtime by an inline script, so this
               stylesheet is the sole source of its appearance on
               designer-owned sites. Sits before custom CSS so designer CSS
               can still override. */
            /* Render class contract v1.9.0 — Newsletter signup runtime widget (theme-token appearance; overridable by custom CSS below). */
.recur-nl-description {
  margin: 0 0 12px 0;
  font-size: 0.9rem;
  line-height: 1.5;
  opacity: 0.9;
}
.recur-nl-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  max-width: 320px;
}
.recur-nl-input {
  flex: 1 1 160px;
  min-width: 0;
  padding: 10px 16px;
  border: 1px solid var(--color-border, #d1d5db);
  border-radius: 9999px;
  font-size: 0.9rem;
  background: #ffffff;
  color: #111827;
}
.recur-nl-button {
  padding: 10px 22px;
  border: none;
  border-radius: 9999px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  background: var(--color-primary, #2563eb);
  color: var(--color-buttonText, #ffffff);
}
.recur-nl-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.recur-nl-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10050;
  padding: 16px;
}
.recur-nl-modal {
  background: #ffffff;
  color: #111827;
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
  width: 100%;
  max-width: 420px;
  max-height: 90vh;
  overflow-y: auto;
  padding: 24px;
  position: relative;
  text-align: left;
}
.recur-nl-modal-title {
  margin: 0 0 4px 0;
  font-size: 1.25rem;
  font-weight: 700;
  padding-right: 32px;
}
.recur-nl-modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  color: #6b7280;
  padding: 4px;
}
.recur-nl-field {
  margin: 12px 0;
}
.recur-nl-label {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 4px;
}
.recur-nl-field input[type="text"], .recur-nl-field input[type="email"] {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 0.9rem;
  background: #ffffff;
  color: #111827;
}
.recur-nl-checkbox-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 12px 0;
  font-size: 0.85rem;
  line-height: 1.4;
}
.recur-nl-error {
  color: #b91c1c;
  font-size: 0.85rem;
  margin: 8px 0;
}
.recur-nl-success {
  color: #15803d;
  font-size: 0.95rem;
  margin: 8px 0;
  line-height: 1.5;
}
.recur-nl-submit {
  width: 100%;
  padding: 10px 16px;
  border: none;
  border-radius: 9999px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  background: var(--color-primary, #2563eb);
  color: var(--color-buttonText, #ffffff);
  margin-top: 8px;
}
.recur-nl-submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

            /* Tenant-provided custom CSS (advanced styling mode only). Sanitized
               to neutralize style-tag escape attempts. In native mode the value
               is stored but intentionally not applied.
               NOTE: do not write the literal closing-style token in this comment
               — the HTML parser will close the surrounding <style> block early
               and dump the rest of the comment into the page. */
            /* ============================================================
   AACUSS — "Atlantic Tide"
   White / black / blue. Modern, confident, editorial.
   Every visual decision lives here (advanced styling mode).
   ============================================================ */

:root {
  --ink: #0B1424;
  --ink-2: #49556B;
  --blue: #1758D6;
  --blue-bright: #3E8BFF;
  --blue-deep: #0A1730;
  --paper: #FFFFFF;
  --mist: #F3F6FB;
  --line: #DFE6F1;
  --radius: 18px;
  --radius-sm: 12px;
  --shadow-card: 0 1px 2px rgba(10, 23, 48, .05), 0 12px 32px -16px rgba(10, 23, 48, .18);
  --shadow-lift: 0 2px 4px rgba(10, 23, 48, .06), 0 24px 48px -20px rgba(23, 88, 214, .28);
  --wrap: 1160px;
  --font-head: 'Sora', 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
  --ease: cubic-bezier(.22, .8, .3, 1);
}

html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
  line-height: 1.65;
}

/* full-bleed pages: the platform caps \003c main> at 1200px with 2rem padding — remove it.
   Inner surfaces stay readable via the .puck-* --wrap caps below. */
main { max-width: none !important; padding: 0 !important; margin: 0 !important; width: 100%; }
main > * { box-sizing: border-box; }

/* platform paints grid columns with the surface color — keep them invisible wrappers */
.puck-grid-column { background-color: transparent !important; padding: 0 !important; border-radius: 0 !important; }

/* ---------- content rhythm: cap non-hero surfaces ---------- */
.puck-grid, .puck-stats, .puck-columns, .puck-flex,
.puck-image, .puck-video {
  max-width: var(--wrap);
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}
.puck-grid { padding-top: 36px; padding-bottom: 36px; }
.puck-stats { padding-top: 56px; padding-bottom: 56px; }

/* ---------- typography ---------- */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-head);
  color: var(--ink);
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin: 0 0 .5em;
}
h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); font-weight: 700; }
h2 { font-size: clamp(1.7rem, 3.4vw, 2.4rem); font-weight: 700; }
h3 { font-size: clamp(1.2rem, 2.2vw, 1.5rem); font-weight: 600; }

/* blue tide underline on section h2s */
.puck-grid h2 { position: relative; padding-bottom: 18px; }
.puck-grid h2::after {
  content: "";
  position: absolute; left: 0; bottom: 0;
  width: 64px; height: 4px; border-radius: 2px;
  background: linear-gradient(90deg, var(--blue), var(--blue-bright));
}

.puck-text { color: var(--ink-2); font-size: 1.05rem; max-width: 72ch; }
/* full-width text in single-column sections (e.g. land acknowledgement) */
.puck-grid-column:only-child .puck-text { max-width: none; }
.puck-text p { margin: 0 0 1em; }
.puck-text a { color: var(--blue); text-decoration: none; border-bottom: 1px solid rgba(23, 88, 214, .3); }
.puck-text a:hover { border-bottom-color: var(--blue); }

/* ============================================================
   HEADER
   ============================================================ */
.site-header {
  background: rgba(255, 255, 255, .92);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}
.header-grid, .header-flex { max-width: 1320px; margin: 0 auto; padding: 0 16px; }
.header-grid-row { min-height: 76px; align-items: center; display: flex; flex-wrap: nowrap; gap: 14px; }
.header-grid-zone--center { flex: 1 1 auto; min-width: 0; }
.header-nav .nav-menu { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; margin: 0; padding: 0; list-style: none; gap: 6px; }
.header-nav .nav-menu > li, .header-nav .nav-menu > a { flex: 0 0 auto; }
.header-logo-img { max-height: 52px; width: auto; }

.nav-link {
  font-family: var(--font-head);
  font-size: .9rem;
  font-weight: 600;
  color: var(--ink);
  text-decoration: none;
  padding: 10px 10px;
  white-space: nowrap;
  border-radius: 10px;
  transition: color .18s var(--ease), background .18s var(--ease);
}
.nav-link:hover { color: var(--blue); background: var(--mist); }
.nav-link-dropdown { border-radius: 10px; }

.nav-dropdown {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lift);
  padding: 8px;
  min-width: 220px;
}
.nav-dropdown .nav-link { display: block; padding: 10px 14px; font-weight: 500; }
.nav-dropdown .nav-link:hover { background: var(--mist); color: var(--blue); }

.header-cta-button {
  font-family: var(--font-head);
  font-weight: 600;
  font-size: .84rem;
  white-space: nowrap;
  color: #fff;
  background: linear-gradient(135deg, #0F3FA6, var(--blue));
  border: none;
  border-radius: 999px;
  padding: 9px 14px;
  text-decoration: none;
  box-shadow: 0 8px 20px -8px rgba(23, 88, 214, .5);
  transition: transform .18s var(--ease), box-shadow .18s var(--ease);
  display: inline-block;
}
.header-cta-button:hover { transform: translateY(-1px); box-shadow: 0 12px 26px -8px rgba(23, 88, 214, .6); }

/* member login: outline treatment, targeted by its external URL */
.header-cta-button[href*="member.getrecur.com"] {
  color: var(--blue);
  background: transparent;
  border: 1.5px solid rgba(23, 88, 214, .4);
  box-shadow: none;
  margin-right: 8px;
}
.header-cta-button[href*="member.getrecur.com"]:hover {
  background: var(--mist);
  box-shadow: none;
}

.mobile-nav { background: var(--paper); }
.mobile-nav .nav-link { font-size: 1.05rem; }
.mobile-nav-title { font-family: var(--font-head); font-weight: 700; color: var(--ink); }

/* ============================================================
   HERO
   ============================================================ */
.puck-hero { position: relative; overflow: hidden; }
.puck-hero--single .puck-hero-content,
.puck-hero--minimal .puck-hero-content {
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 96px 24px;
  box-sizing: border-box;
}
.puck-hero-eyebrow {
  display: inline-block;
  font-family: var(--font-head);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #fff;
  background: rgba(62, 139, 255, .22);
  border: 1px solid rgba(126, 178, 255, .45);
  border-radius: 999px;
  padding: 8px 18px;
  margin-bottom: 22px;
  backdrop-filter: blur(6px);
}
.puck-hero-title {
  font-family: var(--font-head);
  color: #fff !important;
  font-size: clamp(2.4rem, 5.5vw, 4rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.08;
  max-width: 17ch;
  text-shadow: 0 2px 24px rgba(4, 10, 24, .45);
}
.puck-hero-subtitle {
  color: rgba(232, 240, 252, .92) !important;
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
  line-height: 1.6;
  max-width: 58ch;
  margin-top: 18px;
  text-shadow: 0 1px 12px rgba(4, 10, 24, .4);
}
.puck-hero-cta { margin-top: 36px; display: flex; gap: 14px; flex-wrap: wrap; }
.puck-hero-cta-primary, .puck-hero-cta-secondary {
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 1rem;
  border-radius: 999px;
  padding: 15px 32px;
  text-decoration: none;
  transition: transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);
  display: inline-block;
}
.puck-hero-cta-primary {
  color: #fff;
  background: linear-gradient(135deg, #0F3FA6, var(--blue));
  border: none;
  box-shadow: 0 10px 28px -8px rgba(23, 88, 214, .65);
}
.puck-hero-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 34px -8px rgba(23, 88, 214, .75); }
.puck-hero-cta-secondary {
  color: #fff;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .45);
  backdrop-filter: blur(6px);
}
.puck-hero-cta-secondary:hover { background: rgba(255, 255, 255, .2); transform: translateY(-2px); }

/* ============================================================
   PAGE TITLE (fallback chrome)
   ============================================================ */
.page-title {
  font-family: var(--font-head);
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 40px 24px 0;
}

/* ============================================================
   CARDS
   ============================================================ */
.puck-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-card);
  padding: 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);
}
/* equal-height card rows: stretch only when the card is alone in its column */
.puck-grid-column > .puck-card:only-child { height: 100%; }
/* stacked cards in a shared column keep natural height and even spacing */
.puck-grid-column > .puck-card + .puck-card { margin-top: 24px; }
.puck-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lift); border-color: rgba(23, 88, 214, .35); }
.puck-card-title { font-family: var(--font-head); font-size: 1.2rem; font-weight: 600; color: var(--ink); margin: 0; }
.puck-card-description { color: var(--ink-2); font-size: .98rem; line-height: 1.65; margin: 0; }
.puck-card-eyebrow {
  font-family: var(--font-head);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--blue);
  margin: 0;
}
.puck-card-button {
  align-self: flex-start;
  margin-top: auto;
  font-family: var(--font-head);
  font-weight: 600;
  font-size: .92rem;
  color: var(--blue);
  background: transparent;
  border: 1.5px solid rgba(23, 88, 214, .35);
  border-radius: 999px;
  padding: 10px 22px;
  text-decoration: none;
  transition: background .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease);
  display: inline-block;
}
.puck-card-button:hover { background: var(--blue); color: #fff; border-color: var(--blue); }

/* card icons */
.puck-card .material-icons, .puck-card .material-symbols-outlined,
.puck-card .material-symbols-rounded, .puck-card .material-symbols-sharp {
  color: var(--blue);
  background: linear-gradient(135deg, rgba(23, 88, 214, .1), rgba(62, 139, 255, .16));
  border-radius: 14px;
  padding: 14px;
}

/* meta rows */
.puck-card-meta { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.puck-card-meta-row { display: flex; gap: 8px; font-size: .9rem; }
.puck-card-meta-label { color: var(--ink-2); font-weight: 600; }
.puck-card-meta-value, .puck-card-meta-link { color: var(--blue); font-weight: 500; word-break: break-all; }

/* checklist */
.puck-card ul { margin: 6px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.puck-card li { color: var(--ink-2); font-size: .98rem; }

/* ---- variants ---- */
/* pillar: icon feature cards */
.puck-card--pillar { border-top: 3px solid var(--blue); }

/* person: executive directory */
.puck-card--person { padding: 26px; gap: 6px; }
.puck-card--person .puck-card-title { font-size: 1.08rem; }
.puck-card--person .puck-card-description { font-size: .9rem; }
.puck-card--person .puck-card-eyebrow { color: var(--blue); }

/* division: two-col directory of communities */
.puck-card--division { background: var(--mist); border-color: transparent; box-shadow: none; }
.puck-card--division:hover { background: var(--paper); border-color: rgba(23, 88, 214, .3); box-shadow: var(--shadow-card); }
.puck-card--division .puck-card-title { font-size: 1.05rem; }

/* award: recognition cards on dark-blue gradient */
.puck-card--award {
  background: linear-gradient(160deg, var(--blue-deep) 0%, #10264D 100%);
  border-color: rgba(126, 178, 255, .22);
}
.puck-card--award .puck-card-title { color: #fff; }
.puck-card--award .puck-card-description { color: rgba(214, 228, 250, .82); }
.puck-card--award .puck-card-eyebrow { color: var(--blue-bright); }

/* path: numbered journey cards */
.puck-card--path { border-left: 3px solid var(--blue); border-radius: var(--radius-sm); }

/* plain: borderless editorial block */
.puck-card--plain { border: none; box-shadow: none; background: transparent; padding: 10px 0; }
.puck-card--plain:hover { transform: none; box-shadow: none; border: none; }
.puck-card--plain .puck-card-title { font-size: 1.6rem; letter-spacing: -0.02em; }

/* resource: icon utility cards */
.puck-card--resource { background: var(--mist); border-color: transparent; }
.puck-card--resource:hover { background: var(--paper); border-color: rgba(23, 88, 214, .3); }

/* ============================================================
   STATS — dark tide band
   ============================================================ */
.puck-stats {
  max-width: none;
  background:
    radial-gradient(1200px 500px at 85% -10%, rgba(62, 139, 255, .25), transparent 60%),
    radial-gradient(900px 400px at 10% 110%, rgba(23, 88, 214, .3), transparent 55%),
    var(--blue-deep);
  padding: 72px 24px;
}
.puck-stats-title {
  font-family: var(--font-head);
  color: #fff;
  text-align: center;
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0 auto 44px;
}
.puck-stats-grid {
  max-width: var(--wrap);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.puck-stat-card {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(126, 178, 255, .2);
  border-radius: var(--radius);
  padding: 28px 24px;
  text-align: left;
  backdrop-filter: blur(6px);
}
.puck-stat-value {
  font-family: var(--font-head);
  font-size: clamp(2.2rem, 4vw, 3rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  background: linear-gradient(120deg, #9CC4FF, #3E8BFF);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  line-height: 1.05;
}
.puck-stat-label {
  font-family: var(--font-head);
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  margin-top: 10px;
}
.puck-stat-description { color: rgba(214, 228, 250, .72); font-size: .88rem; margin-top: 6px; line-height: 1.5; }

/* ============================================================
   CTA — full-bleed gradient band
   ============================================================ */
.puck-cta {
  background:
    radial-gradient(900px 400px at 15% -20%, rgba(62, 139, 255, .5), transparent 55%),
    linear-gradient(135deg, #0F3FA6 0%, var(--blue) 55%, #2F79F0 100%);
  padding: 88px 24px;
  text-align: center;
}
.puck-cta-title {
  font-family: var(--font-head);
  color: #fff;
  font-size: clamp(1.8rem, 3.6vw, 2.6rem);
  font-weight: 700;
  letter-spacing: -0.025em;
  max-width: 24ch;
  margin: 0 auto 16px;
  line-height: 1.15;
}
.puck-cta-description { color: rgba(226, 237, 252, .9); font-size: 1.1rem; max-width: 56ch; margin: 0 auto 34px; }
.puck-cta-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.puck-cta-primary, .puck-cta-secondary {
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 1rem;
  border-radius: 999px;
  padding: 15px 32px;
  text-decoration: none;
  display: inline-block;
  transition: transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);
}
.puck-cta-primary { color: var(--blue); background: #fff; border: none; box-shadow: 0 10px 26px -10px rgba(4, 10, 24, .5); }
.puck-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 32px -10px rgba(4, 10, 24, .55); }
.puck-cta-secondary { color: #fff; background: transparent; border: 1.5px solid rgba(255, 255, 255, .55); }
.puck-cta-secondary:hover { background: rgba(255, 255, 255, .14); transform: translateY(-2px); }

/* ============================================================
   BUTTONS (standalone)
   ============================================================ */
.puck-button {
  font-family: var(--font-head);
  font-weight: 600;
  border-radius: 999px;
  padding: 13px 28px;
  text-decoration: none;
  display: inline-block;
  transition: transform .18s var(--ease), box-shadow .18s var(--ease);
}
.puck-button:hover { transform: translateY(-1px); }

/* ============================================================
   IMAGES
   ============================================================ */
.puck-image-img { border-radius: var(--radius); box-shadow: var(--shadow-card); display: block; }
.puck-image-caption { color: var(--ink-2); font-size: .88rem; text-align: center; margin-top: 10px; }

/* ============================================================
   RECUR WIDGETS — events
   ============================================================ */

/* ---- continuous gray band: heading + event/product widgets, no white gaps ---- */
.recur-event-list, .recur-event-calendar, .recur-product-list {
  background: var(--mist);
  margin: 0;
  padding: 4px 24px 56px;
}
/* keep widget content the same width as the rest of the page */
.recur-event-list > *, .recur-event-calendar > *, .recur-product-list > * {
  max-width: calc(var(--wrap) - 48px);
  margin-left: auto;
  margin-right: auto;
}
.puck-grid:has(+ .recur-event-list),
.puck-grid:has(+ .recur-event-calendar),
.puck-grid:has(+ .recur-product-list) {
  background: var(--mist);
  max-width: none !important;
  margin: 0 !important;
  padding: 52px 24px 0;
}
.puck-grid:has(+ .recur-event-list) > .puck-grid-column,
.puck-grid:has(+ .recur-event-calendar) > .puck-grid-column,
.puck-grid:has(+ .recur-product-list) > .puck-grid-column {
  max-width: calc(var(--wrap) - 48px);
  width: 100%;
  margin: 0 auto;
}
.recur-event-list-empty, .recur-product-list-empty { background: var(--paper); }

.recur-event-list-title, .recur-event-calendar-title, .recur-product-list-title {
  font-family: var(--font-head);
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.02em;
}
.recur-event-list-grid, .recur-product-list-grid {
  max-width: var(--wrap);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  padding: 8px 24px 40px;
  box-sizing: border-box;
}
.recur-event-list-empty, .recur-product-list-empty {
  max-width: calc(var(--wrap) - 48px);
  margin: 0 auto;
  padding: 44px 24px;
  text-align: center;
  color: var(--ink-2);
  background: var(--paper);
  border: 1px dashed var(--line);
  border-radius: var(--radius);
  font-size: 1.02rem;
}
.recur-event-card, .recur-product-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);
}
.recur-event-card:hover, .recur-product-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lift);
  border-color: rgba(23, 88, 214, .35);
}
.recur-event-card-image, .recur-product-card-image { width: 100%; height: 190px; object-fit: cover; display: block; }
.recur-event-card-body, .recur-product-card-body { padding: 24px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.recur-event-card-title, .recur-product-card-title { font-family: var(--font-head); font-size: 1.12rem; font-weight: 600; color: var(--ink); margin: 0; }
.recur-event-card-date {
  font-family: var(--font-head);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--blue);
  order: -1;
}
.recur-event-card-description, .recur-product-card-description { color: var(--ink-2); font-size: .95rem; line-height: 1.6; margin: 0; }
.recur-product-card-price { font-family: var(--font-head); font-weight: 700; font-size: 1.15rem; color: var(--ink); }
.recur-event-card-button, .recur-product-card-button {
  margin-top: auto;
  align-self: flex-start;
  font-family: var(--font-head);
  font-weight: 600;
  font-size: .92rem;
  color: #fff;
  background: linear-gradient(135deg, #0F3FA6, var(--blue));
  border: none;
  border-radius: 999px;
  padding: 11px 24px;
  text-decoration: none;
  cursor: pointer;
  transition: transform .18s var(--ease), box-shadow .18s var(--ease);
  display: inline-block;
}
.recur-event-card-button:hover, .recur-product-card-button:hover { transform: translateY(-1px); box-shadow: 0 10px 22px -8px rgba(23, 88, 214, .55); }

/* calendar */
.recur-event-calendar-day { border: 1px solid var(--line); background: var(--paper); min-height: 96px; }
.recur-event-calendar-event {
  background: rgba(23, 88, 214, .1);
  color: var(--blue);
  border-left: 3px solid var(--blue);
  border-radius: 6px;
  padding: 3px 8px;
  font-size: .8rem;
  font-weight: 600;
  cursor: pointer;
}
.recur-event-calendar-event:hover { background: rgba(23, 88, 214, .18); }
.recur-event-modal-title { font-family: var(--font-head); font-weight: 700; color: var(--ink); }
.recur-event-modal-body { color: var(--ink-2); line-height: 1.65; }
.recur-event-modal-button {
  font-family: var(--font-head);
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #0F3FA6, var(--blue));
  border: none;
  border-radius: 999px;
  padding: 12px 26px;
  cursor: pointer;
}

/* ============================================================
   FOOTER — deep navy
   ============================================================ */
.site-footer {
  margin-top: 0 !important;
  background:
    radial-gradient(1000px 420px at 90% -20%, rgba(62, 139, 255, .16), transparent 60%),
    var(--blue-deep);
  color: rgba(214, 228, 250, .8);
  padding: 72px 24px 0;
}
.site-footer-content {
  max-width: var(--wrap);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.6fr 1fr 1.2fr;
  gap: 48px;
  padding-bottom: 56px;
}
.site-footer-title {
  font-family: var(--font-head);
  color: #fff;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.site-footer-logo { max-height: 48px; width: auto; margin-bottom: 18px; background: #fff; padding: 8px 12px; border-radius: 10px; }
.site-footer-description { color: rgba(214, 228, 250, .85); line-height: 1.65; font-size: .95rem; margin-bottom: 16px; }
.site-footer-text { color: rgba(158, 178, 210, .6); font-size: .8rem; line-height: 1.6; }
.site-footer-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.site-footer-links a { color: rgba(214, 228, 250, .82); text-decoration: none; font-size: .95rem; transition: color .18s var(--ease); }
.site-footer-links a:hover { color: var(--blue-bright); }
.site-footer-contact { font-size: .95rem; line-height: 1.7; color: rgba(214, 228, 250, .82); }
.site-footer-contact a { color: var(--blue-bright); text-decoration: none; }
.site-footer-social-link { color: rgba(214, 228, 250, .8); transition: color .18s var(--ease); }
.site-footer-social-link:hover { color: var(--blue-bright); }
.footer-bottom-bar {
  max-width: none;
  margin: 0;
  border-top: 1px solid rgba(126, 178, 255, .16);
  padding: 22px 0;
  font-size: .85rem;
  color: rgba(158, 178, 210, .6);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.footer-bottom-bar-link { color: rgba(214, 228, 250, .75); text-decoration: none; }
.footer-bottom-bar-link:hover { color: var(--blue-bright); }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1024px) {
  .puck-stats-grid { grid-template-columns: repeat(2, 1fr); }
  .recur-event-list-grid, .recur-product-list-grid { grid-template-columns: repeat(2, 1fr); }
  .site-footer-content { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .puck-hero--single .puck-hero-content, .puck-hero--minimal .puck-hero-content { padding: 72px 20px; }
  .puck-stats-grid { grid-template-columns: 1fr; }
  .recur-event-list-grid, .recur-product-list-grid { grid-template-columns: 1fr; }
  .site-footer-content { grid-template-columns: 1fr; gap: 36px; }
  .puck-grid { padding-top: 24px; padding-bottom: 24px; }
  .puck-card { padding: 24px; }
}


/* ---------- footer: four equal columns, land acknowledgement last ---------- */
.site-footer-content {
  display: grid;
  grid-template-columns: 1.3fr .6fr 1.1fr 1.4fr;
  gap: 36px;
}
@media (max-width: 1024px) { .site-footer-content { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .site-footer-content { grid-template-columns: 1fr; } }
.site-footer-content .land-ack {
  margin: 0;
  font-size: .88rem;
  line-height: 1.7;
  color: rgba(226, 237, 252, .75);
}

/* ============================================================
   CONTACT PAGE — form + info columns
   ============================================================ */
.puck-grid:has(.recur-contact-form) { align-items: start; }
.puck-grid:has(.recur-contact-form) .puck-card { height: auto; }
.recur-contact-form {
  background: var(--paper) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-card);
  padding: 30px !important;
}
.recur-contact-form h3, .recur-contact-form h2 {
  font-family: var(--font-head);
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.02em;
  margin: 0 0 6px;
}
.recur-contact-form label { display: block; font-size: .88rem; font-weight: 600; color: var(--ink); margin-bottom: 6px; }
.recur-contact-form input[type="text"],
.recur-contact-form input[type="email"],
.recur-contact-form input[type="tel"],
.recur-contact-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 11px 13px;
  border: 1px solid var(--line);
  border-radius: 10px;
  font-size: .96rem;
  font-family: inherit;
  color: var(--ink);
  background: #fff;
  outline: none;
  margin-bottom: 14px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.recur-contact-form input:focus, .recur-contact-form textarea:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(23, 88, 214, .12);
}
.recur-contact-form textarea { resize: vertical; min-height: 110px; }
.recur-contact-form .contact-submit-btn, .recur-contact-form button {
  width: 100%;
  padding: 14px 20px;
  background: var(--blue) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  font-size: 1rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: background .15s ease, transform .15s ease;
}
.recur-contact-form .contact-submit-btn:hover { background: var(--blue-hover, #1247ab) !important; transform: translateY(-1px); }
.recur-contact-form input[type="checkbox"] { width: auto; margin: 3px 8px 0 0; }

/* Keep the native donation checkout centered in its page section. */
.puck-grid:has(.recur-donation) .recur-donation {
  width: min(100%, 480px);
  margin-top: 36px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.recur-donation {
  box-sizing: border-box;
  background: var(--paper) !important;
  border: 1px solid var(--line) !important;
  border-radius: 24px !important;
  box-shadow: var(--shadow-card) !important;
  padding: 32px !important;
}
.recur-donation-title {
  font-family: var(--font-head);
  font-size: clamp(1.55rem, 3vw, 1.9rem) !important;
  letter-spacing: -0.03em;
  color: var(--ink) !important;
}
.recur-donation-description,
.recur-donation-frequency-label {
  color: var(--ink-2) !important;
}
.recur-donation .donation-amounts {
  gap: 10px !important;
  margin-bottom: 23px !important;
}
.recur-donation .recur-donation-amount-button {
  padding: 11px 8px !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  color: var(--ink) !important;
  background: #fff !important;
  box-shadow: none;
  transition: border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease), transform .18s var(--ease);
}
.recur-donation .recur-donation-amount-button:hover {
  border-color: var(--blue) !important;
  color: var(--blue) !important;
  background: var(--mist) !important;
  transform: translateY(-1px);
}
.recur-donation .recur-donation-frequency,
.recur-donation .donation-payment-limit select {
  box-sizing: border-box;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  color: var(--ink) !important;
  background: #fff !important;
  outline: none;
}
.recur-donation .recur-donation-frequency:focus,
.recur-donation .donation-payment-limit select:focus {
  border-color: var(--blue) !important;
  box-shadow: 0 0 0 3px rgba(23, 88, 214, .12);
}
.recur-donation .donation-frequency {
  margin-bottom: 23px !important;
}
.recur-donation .donation-fee-coverage {
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  background: var(--mist) !important;
  margin-bottom: 26px !important;
  padding: 17px !important;
}
.recur-donation .donation-submit,
.recur-donation button[type="submit"] {
  width: 100%;
  padding: 14px 20px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #0F3FA6, var(--blue)) !important;
  box-shadow: 0 10px 22px -10px rgba(23, 88, 214, .65);
  font-family: var(--font-head);
  font-weight: 600;
}
.recur-donation .donation-submit:hover,
.recur-donation button[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 26px -10px rgba(23, 88, 214, .7);
}

/* hide the calendar's redundant "No events scheduled" note (empty state already styled) */
.recur-event-calendar > div > div[style*="text-align"]:last-child { display: none; }


            /* PROTECTED footer bottom bar + Recur attribution (Task: protect
               bottom-bar styling from custom CSS). Emitted AFTER the tenant's
               custom CSS and with !important on every declaration so no
               custom CSS can restyle, shrink, hide, or recolor the bottom bar
               or the "Built by"/"Powered by" badge. Emitted in FULL for all
               site modes, including designer-owned (advanced custom-CSS). */
            /* Render class contract v1.9.0 — PROTECTED footer bottom bar + Recur attribution (emitted after custom CSS; not overridable). */
.site-footer .footer-bottom-bar {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.5rem !important;
  margin-top: 1rem !important;
  border-top: 1px solid var(--color-border, #ddd) !important;
  padding: 0.5rem 0 0 !important;
  font-size: 0.6875rem !important;
  color: inherit !important;
  position: static !important;
  transform: none !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
.site-footer .footer-bottom-bar .footer-bottom-bar-link {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  gap: 0.375rem !important;
  color: #4d4d4d !important;
  background: #ffffff !important;
  border-radius: 3px !important;
  padding: 2px 8px !important;
  text-decoration: none !important;
  font-size: 0.6875rem !important;
  position: static !important;
  transform: none !important;
  filter: none !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  overflow: visible !important;
  clip-path: none !important;
  transition: opacity 0.2s !important;
}
.site-footer .footer-bottom-bar .footer-bottom-bar-link svg {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: 25px !important;
  width: auto !important;
  vertical-align: middle !important;
}
.site-footer .footer-bottom-bar .footer-bottom-bar-link:hover {
  opacity: 0.8 !important;
}