/* @import statements hoisted from the tenant's custom CSS — they
               must precede every other rule in this stylesheet or browsers
               silently drop them. */
            @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700;800&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap');

            /* 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: #3b82f6;
  --color-secondary: #64748b;
  --color-accent: #f59e0b;
  --color-secondaryAccent: #8b5cf6;
  --color-background: #ffffff;
  --color-surface: #f8fafc;
  --color-text: #000000;
  --color-textSecondary: #000000;
  --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: #e5e7eb;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --font-primary: 'system-ui, -apple-system, sans-serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-secondary: 'system-ui, -apple-system, sans-serif', 'system-ui, -apple-system, sans-serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --content-max-width: 1200px;
}
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. */
            

/* ============================================================
   ICTFL — Illinois Council on the Teaching of Foreign Languages
   Concept: "Open Atlas" — a calm, civic, trustworthy field guide
   to language education. Deep ocean navy + teal + fresh green,
   generous whitespace, serif display over clean sans body.
   ============================================================ */

:root {
  --ink: #0f2a3a;
  --ink-soft: #4a6472;
  --navy: #0b4f8a;
  --navy-deep: #08375f;
  --teal: #0f766e;
  --teal-bright: #2f9e8f;
  --green: #7fb13d;
  --green-soft: #a7c957;
  --surface: #f2f7f8;
  --surface-2: #e8f1f2;
  --line: #d8e3e6;
  --white: #ffffff;
  --shadow-sm: 0 1px 2px rgba(8,55,95,.06), 0 2px 8px rgba(8,55,95,.05);
  --shadow-md: 0 6px 20px rgba(8,55,95,.10), 0 2px 6px rgba(8,55,95,.06);
  --shadow-lg: 0 20px 48px rgba(8,55,95,.16), 0 6px 16px rgba(8,55,95,.08);
  --radius: 14px;
  --radius-lg: 22px;
  --maxw: 1160px;
  --font-head: 'Roboto Slab', Georgia, serif;
  --font-body: 'Roboto', system-ui, -apple-system, sans-serif;
}

/* ---------- base / rhythm ---------- */
body {
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--white);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}
h1, h2, h3, h4, h5, h6 { font-family: var(--font-head); color: var(--ink); line-height: 1.15; letter-spacing: -0.01em; }
a { color: var(--navy); text-decoration: none; }
a:hover { color: var(--teal); }
img { max-width: 100%; }

/* Cap the width of regular in-flow content; let heroes break out full-bleed */
.puck-text,
.puck-stats,
.puck-grid,
.puck-cta,
.puck-flex,
.puck-columns,
.recur-event-list,
.recur-product-list,
.recur-event-calendar,
.page-title {
  max-width: var(--maxw);
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

/* Standalone headings (section titles) also centered-capped */
.puck-heading { max-width: var(--maxw); margin: 0 auto; padding: 0 24px; box-sizing: border-box; }
.puck-heading h1 { font-size: clamp(2.1rem, 4.4vw, 3.1rem); }
.puck-heading h2 { font-size: clamp(1.7rem, 3.4vw, 2.4rem); margin: 0; }
.puck-heading h3 { font-size: clamp(1.3rem, 2.4vw, 1.6rem); }

.puck-text { color: var(--ink-soft); font-size: 1.075rem; }
.puck-text p { margin: 0 0 1em; }
.puck-text a { text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Section title accent ---------- */
.puck-heading h2::after,
.puck-stats-title::after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  margin-top: 14px;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--navy), var(--teal-bright) 60%, var(--green-soft));
}
.puck-heading[style*="center"] h2::after,
[data-text-align="center"] .puck-heading h2::after { margin-left: auto; margin-right: auto; }

/* ============================================================
   HERO
   ============================================================ */
.puck-hero {
  position: relative;
  color: var(--white);
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: var(--navy-deep);
  background-size: cover;
  background-position: center;
}
.puck-hero::before {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(120deg, rgba(8,55,95,.86) 0%, rgba(11,79,138,.62) 45%, rgba(15,118,110,.42) 100%);
  z-index: 1;
}
.puck-hero--minimal::before { background: linear-gradient(120deg, var(--navy-deep), var(--teal)); }
.puck-hero-content {
  position: relative;
  z-index: 2;
  max-width: 860px;
  margin: 0 auto;
  padding: 72px 24px;
  text-align: center;
}
.puck-hero-title {
  font-family: var(--font-head);
  font-weight: 700;
  color: var(--white);
  font-size: clamp(2.3rem, 5.2vw, 3.7rem);
  line-height: 1.08;
  margin: 0 0 .5em;
  text-shadow: 0 2px 24px rgba(8,30,50,.35);
}
.puck-hero-subtitle {
  color: rgba(255,255,255,.92);
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  max-width: 44ch;
  margin: 0 auto;
}
.puck-hero-eyebrow {
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: .8rem;
  font-weight: 600;
  color: var(--green-soft);
}
.puck-hero-cta { margin-top: 30px; display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.puck-hero-cta-primary,
.puck-hero-cta-secondary {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 1rem;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.puck-hero-cta-primary {
  background: linear-gradient(180deg, var(--green-soft), var(--green));
  color: var(--navy-deep);
  box-shadow: 0 10px 24px rgba(127,177,61,.34);
}
.puck-hero-cta-primary:hover { transform: translateY(-2px); color: var(--navy-deep); box-shadow: 0 14px 30px rgba(127,177,61,.44); }
.puck-hero-cta-secondary {
  background: rgba(255,255,255,.12);
  color: var(--white);
  border: 1.5px solid rgba(255,255,255,.55);
  backdrop-filter: blur(2px);
}
.puck-hero-cta-secondary:hover { background: rgba(255,255,255,.22); color: var(--white); transform: translateY(-2px); }

/* Split hero */
.puck-hero--split { color: var(--white); background-color: var(--navy-deep); }
.puck-hero--split::before { background: linear-gradient(120deg, rgba(8,55,95,.92), rgba(15,118,110,.55)); }
.puck-hero--split .puck-hero-content { text-align: left; margin: 0; max-width: 620px; padding: 64px 40px; }
.puck-hero--split .puck-hero-subtitle { margin: 0; }
.puck-hero-split-panel { position: relative; z-index: 2; }
.puck-hero-split-image { object-fit: cover; width: 100%; height: 100%; }
.puck-hero--split .puck-hero-cta { justify-content: flex-start; }

/* ============================================================
   CARDS
   ============================================================ */
.puck-card {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 30px 26px;
  box-shadow: var(--shadow-sm);
  position: relative;
  height: auto;
  flex: 1 1 auto;
  box-sizing: border-box;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  overflow: hidden;
}
.puck-card::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--navy), var(--teal-bright), var(--green-soft));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s ease;
}
.puck-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: var(--surface-2); }
.puck-card:hover::before { transform: scaleX(1); }
.puck-card-title {
  font-family: var(--font-head);
  font-size: 1.28rem;
  font-weight: 600;
  color: var(--ink);
  margin: 6px 0 10px;
}
.puck-card-description { color: var(--ink-soft); font-size: 1rem; white-space: pre-line; }
.puck-card .material-icons,
.puck-card [class*="material-icons"] {
  color: var(--teal);
  background: var(--surface-2);
  border-radius: 14px;
  padding: 14px;
  width: auto;
}
.puck-card--minimal { border: none; box-shadow: none; background: transparent; padding: 8px 0; }
.puck-card--featured { color: var(--white); background: linear-gradient(135deg, var(--navy), var(--teal)); border: none; }
.puck-card--featured .puck-card-title,
.puck-card--featured .puck-card-description { color: var(--white); }

/* Board member cards — the only image cards on the site.
   Force every headshot into one uniform square band so the roster reads as an
   even, tidy grid regardless of each source photo's original aspect ratio. */
.puck-card img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center 20%;
  border-radius: 12px;
  margin: -6px 0 18px;
  background: var(--surface-2);
}
.puck-card:has(img) { text-align: center; padding-top: 22px; }
.puck-card:has(img) .puck-card-title { margin-top: 0; }
.puck-card:has(img) .puck-card-description { color: var(--ink-soft); font-size: .95rem; }

/* Region map — a single wide illustrative image, centered and framed. */
.board-region-map {
  display: block;
  width: 100%;
  max-width: 720px;
  height: auto;
  margin: 8px auto 0;
  border-radius: var(--radius);
  border: 1px solid var(--surface-2);
  box-shadow: var(--shadow-sm);
  background: var(--surface-2);
}

/* Board Gatherings gallery — uniform responsive grid of square thumbnails. */
.board-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.board-gallery img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 12px;
  background: var(--surface-2);
  box-shadow: var(--shadow-sm);
  transition: transform .2s ease, box-shadow .2s ease;
}
.board-gallery img:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
@media (max-width: 900px) { .board-gallery { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 560px) { .board-gallery { grid-template-columns: repeat(2, 1fr); } }

/* ============================================================
   GRID / FLEX layout
   ============================================================ */
.puck-grid { display: grid; gap: 26px; }
/* Renderer stacks multiple blocks inside each column as .puck-grid-column.
   Make columns flex so stacked cards share the column height (equal heights)
   instead of each demanding height:100% and overflowing onto the next section. */
.puck-grid-column {
  display: flex;
  flex-direction: column;
  gap: 26px;
  background: transparent;
  padding: 0;
  min-height: 0;
}
.puck-flex { display: flex; gap: 24px; flex-wrap: wrap; }
.puck-flex-item { flex: 1 1 0; min-width: 240px; }
.puck-column, .puck-columns-col { min-width: 0; }

/* ============================================================
   STATS
   ============================================================ */
.puck-stats {
  background: linear-gradient(135deg, var(--navy-deep), var(--teal));
  border-radius: var(--radius-lg);
  color: var(--white);
  padding: 48px 40px;
  margin-top: 8px;
  margin-bottom: 8px;
  box-shadow: var(--shadow-lg);
}
.puck-stats-title { color: var(--white); text-align: center; font-size: 1.6rem; margin: 0 0 28px; }
.puck-stats-title::after { margin-left: auto; margin-right: auto; background: rgba(255,255,255,.5); }
.puck-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.puck-stat-card { text-align: center; padding: 12px; border-radius: var(--radius); }
.puck-stat-value {
  font-family: var(--font-head);
  font-weight: 800;
  font-size: clamp(2.4rem, 5vw, 3.2rem);
  line-height: 1;
  color: var(--green-soft);
  display: block;
}
.puck-stat-label { display: block; font-weight: 600; margin-top: 8px; color: var(--white); }
.puck-stat-description { display: block; color: rgba(255,255,255,.78); font-size: .9rem; margin-top: 4px; }

/* ============================================================
   CTA band
   ============================================================ */
.puck-cta {
  background: radial-gradient(120% 140% at 0% 0%, var(--navy) 0%, var(--navy-deep) 45%, var(--teal) 100%);
  color: var(--white);
  border-radius: var(--radius-lg);
  padding: 56px 48px;
  text-align: center;
  box-shadow: var(--shadow-lg);
  position: relative;
  overflow: hidden;
}
.puck-cta::after {
  content: "";
  position: absolute; right: -60px; top: -60px;
  width: 220px; height: 220px; border-radius: 50%;
  background: radial-gradient(circle, rgba(167,201,89,.35), transparent 70%);
}
.puck-cta-title { color: var(--white); font-size: clamp(1.6rem, 3.2vw, 2.2rem); margin: 0 0 12px; }
.puck-cta-description { color: rgba(255,255,255,.9); max-width: 60ch; margin: 0 auto 26px; font-size: 1.08rem; }
.puck-cta-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.puck-cta-primary, .puck-cta-secondary {
  display: inline-block; padding: 14px 30px; border-radius: 999px; font-weight: 600; transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.puck-cta-primary { background: linear-gradient(180deg, var(--green-soft), var(--green)); color: var(--navy-deep); box-shadow: 0 10px 24px rgba(127,177,61,.34); }
.puck-cta-primary:hover { transform: translateY(-2px); color: var(--navy-deep); }
.puck-cta-secondary { background: rgba(255,255,255,.12); color: var(--white); border: 1.5px solid rgba(255,255,255,.55); }
.puck-cta-secondary:hover { background: rgba(255,255,255,.22); color: var(--white); }

/* ============================================================
   BUTTONS (generic)
   ============================================================ */
.puck-button {
  display: inline-block; padding: 12px 26px; border-radius: 999px;
  background: var(--navy); color: var(--white); font-weight: 600;
  transition: transform .18s ease, background .18s ease;
}
.puck-button:hover { background: var(--teal); color: var(--white); transform: translateY(-1px); }

/* ============================================================
   IMAGES
   ============================================================ */
.puck-image-img { border-radius: var(--radius); box-shadow: var(--shadow-md); }
.puck-image-caption { color: var(--ink-soft); font-size: .9rem; text-align: center; margin-top: 8px; }

/* ============================================================
   SITE HEADER
   ============================================================ */
.site-header {
  background: rgba(255,255,255,.92);
  backdrop-filter: saturate(140%) blur(10px);
  border-bottom: 1px solid var(--line);
  box-shadow: var(--shadow-sm);
}
.header-grid, .header-flex { max-width: none !important; width: 100%; margin: 0; padding: 14px 48px; box-sizing: border-box; }
.header-logo-text {
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 1.5rem;
  letter-spacing: .04em;
  background: linear-gradient(90deg, var(--navy), var(--teal));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.header-logo-img { max-height: 46px; }
.nav-menu { display: flex; gap: 4px; align-items: center; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.nav-link {
  color: var(--ink); font-weight: 500; font-size: .96rem;
  padding: 9px 14px; border-radius: 8px;
  transition: background .16s ease, color .16s ease;
}
.nav-link:hover { background: var(--surface-2); color: var(--navy); }
.nav-link-dropdown { position: relative; }
.nav-link-dropdown > .nav-link::after,
.nav-link-dropdown > a::after { content: "\25be"; font-size: .7em; margin-left: 6px; opacity: .65; }
.nav-dropdown {
  position: absolute; top: 100%; left: 0; min-width: 240px; z-index: 60;
  background: var(--white); border: 1px solid var(--line); border-radius: 12px;
  box-shadow: var(--shadow-lg); padding: 8px; margin-top: 6px;
  list-style: none;
}
.nav-dropdown .nav-link { display: block; padding: 10px 14px; border-radius: 8px; font-weight: 500; }
.nav-dropdown .nav-link:hover { background: var(--surface-2); color: var(--navy); }
/* Second-level (flyout) submenus — the renderer only styles one dropdown level,
   so author the nested tier here: a subgroup label with a right-pointing caret whose
   child menu flies out to the side on hover. */
.nav-dropdown .nav-link-dropdown { position: relative; }
.nav-dropdown .nav-link-dropdown > .nav-link,
.nav-dropdown .nav-link-dropdown > a {
  font-weight: 700; color: var(--navy); text-transform: uppercase;
  letter-spacing: .04em; font-size: .82rem;
}
.nav-dropdown .nav-link-dropdown > .nav-link::after,
.nav-dropdown .nav-link-dropdown > a::after {
  content: "\25b8"; float: right; margin-left: 10px; opacity: .55; font-size: .9em;
}
.nav-dropdown .nav-dropdown {
  top: -9px; left: 100%; margin: 0 0 0 8px; min-width: 250px;
}
.nav-dropdown .nav-link-dropdown:hover > .nav-dropdown,
.nav-dropdown .nav-link-dropdown:focus-within > .nav-dropdown { display: block; }
.nav-dropdown .nav-dropdown .nav-link {
  font-weight: 500; color: var(--ink); text-transform: none; letter-spacing: 0; font-size: .95rem;
}
.nav-dropdown .nav-dropdown .nav-link::after { content: none; }
.header-cta-button {
  display: inline-block; background: linear-gradient(180deg, var(--navy), var(--navy-deep));
  color: var(--white); font-weight: 600; padding: 11px 22px; border-radius: 999px;
  box-shadow: 0 8px 20px rgba(11,79,138,.28); transition: transform .18s ease;
}
.header-cta-button:hover { transform: translateY(-2px); color: var(--white); }
.page-title { font-family: var(--font-head); color: var(--ink); }

/* Mobile nav */
.mobile-nav { background: var(--white); border-top: 1px solid var(--line); }
.mobile-nav .nav-link { display: block; padding: 12px 20px; border-radius: 0; }

/* ============================================================
   SITE FOOTER
   ============================================================ */
.site-footer {
  background: linear-gradient(180deg, var(--navy-deep), #06263f);
  color: rgba(255,255,255,.82);
  margin-top: 64px;
}
.site-footer a { color: rgba(255,255,255,.82); }
.site-footer a:hover { color: var(--green-soft); }
.site-footer-content {
  max-width: var(--maxw); margin: 0 auto; padding: 56px 24px 28px;
  display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; box-sizing: border-box;
}
.site-footer-title { font-family: var(--font-head); color: var(--white); font-size: 1.05rem; margin: 0 0 14px; letter-spacing: .02em; }
.site-footer-text { color: rgba(255,255,255,.72); font-size: .95rem; line-height: 1.7; }
.site-footer-links { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.site-footer-contact { font-size: .95rem; line-height: 1.8; }
.site-footer-social { display: flex; gap: 12px; }
.site-footer-social-link { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,.1); transition: background .18s ease, transform .18s ease; }
.site-footer-social-link:hover { background: var(--teal-bright); transform: translateY(-2px); }

/* ============================================================
   RECUR RUNTIME WIDGETS (events / products / calendar)
   ============================================================ */
.recur-event-list-title, .recur-product-list-title { font-family: var(--font-head); color: var(--ink); text-align: center; font-size: 1.6rem; }
.recur-event-list-grid, .recur-product-list-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; max-width: var(--maxw); margin: 0 auto; }
.recur-event-list-empty, .recur-product-list-empty {
  max-width: 620px; margin: 8px auto; text-align: center; color: var(--ink-soft);
  background: var(--surface); border: 1px dashed var(--line); border-radius: var(--radius); padding: 40px 28px;
}
.recur-event-card, .recur-product-card {
  background: var(--white); border: 1px solid var(--line); border-radius: var(--radius);
  box-shadow: var(--shadow-sm); overflow: hidden; display: flex; flex-direction: column;
  transition: transform .2s ease, box-shadow .2s ease;
}
.recur-event-card:hover, .recur-product-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.recur-event-card-image, .recur-product-card-image { width: 100%; height: 180px; object-fit: cover; }
.recur-event-card-body, .recur-product-card-body { padding: 22px; display: flex; flex-direction: column; gap: 8px; }
.recur-event-card-title, .recur-product-card-title { font-family: var(--font-head); font-size: 1.2rem; color: var(--ink); }
.recur-event-card-date { color: var(--teal); font-weight: 600; font-size: .9rem; }
.recur-product-card-price { color: var(--navy); font-weight: 700; font-size: 1.15rem; }
.recur-event-card-description, .recur-product-card-description { color: var(--ink-soft); font-size: .96rem; }
.recur-event-card-button, .recur-product-card-button, .recur-event-modal-button {
  margin-top: auto; align-self: flex-start; display: inline-block;
  background: var(--navy); color: var(--white); font-weight: 600;
  padding: 10px 20px; border-radius: 999px; transition: background .18s ease, transform .18s ease;
}
.recur-event-card-button:hover, .recur-product-card-button:hover { background: var(--teal); color: var(--white); transform: translateY(-1px); }

/* Calendar */
.recur-event-calendar-title { font-family: var(--font-head); color: var(--ink); text-align: center; }
.recur-event-calendar-day { border: 1px solid var(--line); }
.recur-event-calendar-event { background: var(--teal); color: var(--white); border-radius: 6px; padding: 2px 6px; font-size: .8rem; }
.recur-event-modal-title { font-family: var(--font-head); color: var(--ink); }

/* ============================================================
   REPRODUCED CONTENT PAGES  (real ictfl.org HTML rendered inside
   a Text block — legacy Weebly "wsite-*" class contract mapped
   into the Open Atlas design system)
   ============================================================ */
/* Neutralize leftover CKEditor / Weebly editor chrome */
.puck-text .cke_editable,
.puck-text .cke_show_borders,
.puck-text .editable-text,
.puck-text .wsite-section-wrap,
.puck-text .wsite-section,
.puck-text .wsite-section-content,
.puck-text .wsite-section-elements,
.puck-text .wsite-elements,
.puck-text .container,
.puck-text .content-wrap,
.puck-text .banner-wrap,
.puck-text .footer-wrap {
  border: 0 !important; outline: 0 !important; box-shadow: none !important;
  background: transparent !important; margin: 0; padding: 0; width: auto; max-width: none;
}
.puck-text .wsite-not-footer { padding: 0; }

/* Content section titles inside reproduced pages */
.puck-text h2.wsite-content-title,
.puck-text .wsite-content-title {
  font-family: var(--font-head);
  color: var(--ink);
  font-size: clamp(1.5rem, 3vw, 2.1rem);
  line-height: 1.2;
  font-weight: 700;
  margin: 1.6em 0 .5em;
}
.puck-text .wsite-content-title:first-child { margin-top: 0; }

/* Body paragraphs */
.puck-text .paragraph,
.puck-text .wsite-multicol-col .paragraph { color: var(--ink-soft); font-size: 1.06rem; margin: 0 0 1em; }
.puck-text .paragraph:last-child { margin-bottom: 0; }
.puck-text ul, .puck-text ol { color: var(--ink-soft); padding-left: 1.4em; margin: 0 0 1em; }
.puck-text li { margin: .35em 0; }

/* Divider */
.puck-text hr, .puck-text .styled-hr {
  border: 0; height: 3px; margin: 2em 0;
  background: linear-gradient(90deg, var(--navy), var(--teal-bright) 60%, var(--green-soft));
  border-radius: 3px; opacity: .8;
}

/* Images + wrappers */
.puck-text .wsite-image { display: block; margin: 1.2em 0; }
.puck-text .wsite-image img { border-radius: var(--radius); box-shadow: var(--shadow-sm); height: auto; }
.puck-text .wsite-image div { color: var(--ink-soft); font-size: .9rem; margin-top: 6px; }
.puck-text .wsite-imagecaption, .puck-text .imageCaption { color: var(--ink-soft); font-size: .9rem; text-align: center; }

/* Multi-column layouts (Weebly emits these as tables) */
.puck-text .wsite-multicol-table-wrap { margin: 1.2em 0; }
.puck-text .wsite-multicol-table {
  width: 100%; border-collapse: separate; border-spacing: 26px 0; table-layout: fixed;
}
.puck-text .wsite-multicol-table,
.puck-text .wsite-multicol-tbody,
.puck-text .wsite-multicol-tr { display: block; }
.puck-text .wsite-multicol-tr { display: flex; flex-wrap: wrap; gap: 26px; margin: 0 -13px; }
.puck-text .wsite-multicol-col {
  display: block; flex: 1 1 220px; min-width: 220px; padding: 0 13px; box-sizing: border-box; vertical-align: top;
}

/* Content tables (schedules, fee grids, etc.) */
.puck-text table:not(.wsite-multicol-table) {
  border-collapse: collapse; width: 100%; margin: 1.4em 0; font-size: .98rem;
  box-shadow: var(--shadow-sm); border-radius: var(--radius); overflow: hidden;
}
.puck-text table:not(.wsite-multicol-table) th,
.puck-text table:not(.wsite-multicol-table) td {
  border: 1px solid var(--line); padding: 10px 14px; text-align: left; vertical-align: top;
}
.puck-text table:not(.wsite-multicol-table) th { background: var(--surface-2); color: var(--ink); font-weight: 600; }
.puck-text table:not(.wsite-multicol-table) tr:nth-child(even) td { background: var(--surface); }

/* Buttons authored in legacy content */
.puck-text .wsite-button {
  display: inline-block; margin: 6px 8px 6px 0;
  background: linear-gradient(180deg, var(--navy), var(--navy-deep));
  border-radius: 999px; box-shadow: 0 8px 20px rgba(11,79,138,.24);
  transition: transform .18s ease, box-shadow .18s ease;
}
.puck-text .wsite-button:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(11,79,138,.32); }
.puck-text .wsite-button-inner {
  display: inline-block; color: var(--white) !important; font-weight: 600;
  padding: 12px 26px; font-size: 1rem;
}
.puck-text a.wsite-button:hover .wsite-button-inner { color: var(--white); }

/* Image galleries */
.puck-text .imageGallery { display: flex; flex-wrap: wrap; gap: 12px; margin: 1.4em 0; list-style: none; padding: 0; }
.puck-text .imageGallery .galleryImageHolder,
.puck-text .galleryInnerImageHolder { flex: 0 1 auto; }
.puck-text .imageGallery img {
  border-radius: var(--radius); box-shadow: var(--shadow-sm);
  object-fit: cover; transition: transform .2s ease, box-shadow .2s ease;
}
.puck-text .imageGallery img:hover { transform: translateY(-3px) scale(1.02); box-shadow: var(--shadow-md); }

/* Spacers shouldn't collapse the layout */
.puck-text .wsite-spacer { display: block; }

@media (max-width: 640px) {
  .puck-text .wsite-multicol-col { flex: 1 1 100%; min-width: 0; }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 900px) {
  .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; gap: 28px; }
}
@media (max-width: 600px) {
  .puck-stats-grid { grid-template-columns: 1fr 1fr; }
  .recur-event-list-grid, .recur-product-list-grid { grid-template-columns: 1fr; }
  .site-footer-content { grid-template-columns: 1fr; }
  .puck-cta, .puck-stats { padding: 36px 24px; }
  .puck-hero--split .puck-hero-content { padding: 44px 24px; }
}



            /* Base styles */
            * {
              margin: 0;
              padding: 0;
              box-sizing: border-box;
            }
            
            body {
              font-family: system-ui, -apple-system, sans-serif;
              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: system-ui, -apple-system, sans-serif;
              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: system-ui, -apple-system, sans-serif;
              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. */
            

/* ============================================================
   ICTFL — Illinois Council on the Teaching of Foreign Languages
   Concept: "Open Atlas" — a calm, civic, trustworthy field guide
   to language education. Deep ocean navy + teal + fresh green,
   generous whitespace, serif display over clean sans body.
   ============================================================ */

:root {
  --ink: #0f2a3a;
  --ink-soft: #4a6472;
  --navy: #0b4f8a;
  --navy-deep: #08375f;
  --teal: #0f766e;
  --teal-bright: #2f9e8f;
  --green: #7fb13d;
  --green-soft: #a7c957;
  --surface: #f2f7f8;
  --surface-2: #e8f1f2;
  --line: #d8e3e6;
  --white: #ffffff;
  --shadow-sm: 0 1px 2px rgba(8,55,95,.06), 0 2px 8px rgba(8,55,95,.05);
  --shadow-md: 0 6px 20px rgba(8,55,95,.10), 0 2px 6px rgba(8,55,95,.06);
  --shadow-lg: 0 20px 48px rgba(8,55,95,.16), 0 6px 16px rgba(8,55,95,.08);
  --radius: 14px;
  --radius-lg: 22px;
  --maxw: 1160px;
  --font-head: 'Roboto Slab', Georgia, serif;
  --font-body: 'Roboto', system-ui, -apple-system, sans-serif;
}

/* ---------- base / rhythm ---------- */
body {
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--white);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}
h1, h2, h3, h4, h5, h6 { font-family: var(--font-head); color: var(--ink); line-height: 1.15; letter-spacing: -0.01em; }
a { color: var(--navy); text-decoration: none; }
a:hover { color: var(--teal); }
img { max-width: 100%; }

/* Cap the width of regular in-flow content; let heroes break out full-bleed */
.puck-text,
.puck-stats,
.puck-grid,
.puck-cta,
.puck-flex,
.puck-columns,
.recur-event-list,
.recur-product-list,
.recur-event-calendar,
.page-title {
  max-width: var(--maxw);
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

/* Standalone headings (section titles) also centered-capped */
.puck-heading { max-width: var(--maxw); margin: 0 auto; padding: 0 24px; box-sizing: border-box; }
.puck-heading h1 { font-size: clamp(2.1rem, 4.4vw, 3.1rem); }
.puck-heading h2 { font-size: clamp(1.7rem, 3.4vw, 2.4rem); margin: 0; }
.puck-heading h3 { font-size: clamp(1.3rem, 2.4vw, 1.6rem); }

.puck-text { color: var(--ink-soft); font-size: 1.075rem; }
.puck-text p { margin: 0 0 1em; }
.puck-text a { text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Section title accent ---------- */
.puck-heading h2::after,
.puck-stats-title::after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  margin-top: 14px;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--navy), var(--teal-bright) 60%, var(--green-soft));
}
.puck-heading[style*="center"] h2::after,
[data-text-align="center"] .puck-heading h2::after { margin-left: auto; margin-right: auto; }

/* ============================================================
   HERO
   ============================================================ */
.puck-hero {
  position: relative;
  color: var(--white);
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: var(--navy-deep);
  background-size: cover;
  background-position: center;
}
.puck-hero::before {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(120deg, rgba(8,55,95,.86) 0%, rgba(11,79,138,.62) 45%, rgba(15,118,110,.42) 100%);
  z-index: 1;
}
.puck-hero--minimal::before { background: linear-gradient(120deg, var(--navy-deep), var(--teal)); }
.puck-hero-content {
  position: relative;
  z-index: 2;
  max-width: 860px;
  margin: 0 auto;
  padding: 72px 24px;
  text-align: center;
}
.puck-hero-title {
  font-family: var(--font-head);
  font-weight: 700;
  color: var(--white);
  font-size: clamp(2.3rem, 5.2vw, 3.7rem);
  line-height: 1.08;
  margin: 0 0 .5em;
  text-shadow: 0 2px 24px rgba(8,30,50,.35);
}
.puck-hero-subtitle {
  color: rgba(255,255,255,.92);
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  max-width: 44ch;
  margin: 0 auto;
}
.puck-hero-eyebrow {
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: .8rem;
  font-weight: 600;
  color: var(--green-soft);
}
.puck-hero-cta { margin-top: 30px; display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.puck-hero-cta-primary,
.puck-hero-cta-secondary {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 1rem;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.puck-hero-cta-primary {
  background: linear-gradient(180deg, var(--green-soft), var(--green));
  color: var(--navy-deep);
  box-shadow: 0 10px 24px rgba(127,177,61,.34);
}
.puck-hero-cta-primary:hover { transform: translateY(-2px); color: var(--navy-deep); box-shadow: 0 14px 30px rgba(127,177,61,.44); }
.puck-hero-cta-secondary {
  background: rgba(255,255,255,.12);
  color: var(--white);
  border: 1.5px solid rgba(255,255,255,.55);
  backdrop-filter: blur(2px);
}
.puck-hero-cta-secondary:hover { background: rgba(255,255,255,.22); color: var(--white); transform: translateY(-2px); }

/* Split hero */
.puck-hero--split { color: var(--white); background-color: var(--navy-deep); }
.puck-hero--split::before { background: linear-gradient(120deg, rgba(8,55,95,.92), rgba(15,118,110,.55)); }
.puck-hero--split .puck-hero-content { text-align: left; margin: 0; max-width: 620px; padding: 64px 40px; }
.puck-hero--split .puck-hero-subtitle { margin: 0; }
.puck-hero-split-panel { position: relative; z-index: 2; }
.puck-hero-split-image { object-fit: cover; width: 100%; height: 100%; }
.puck-hero--split .puck-hero-cta { justify-content: flex-start; }

/* ============================================================
   CARDS
   ============================================================ */
.puck-card {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 30px 26px;
  box-shadow: var(--shadow-sm);
  position: relative;
  height: auto;
  flex: 1 1 auto;
  box-sizing: border-box;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  overflow: hidden;
}
.puck-card::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--navy), var(--teal-bright), var(--green-soft));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s ease;
}
.puck-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: var(--surface-2); }
.puck-card:hover::before { transform: scaleX(1); }
.puck-card-title {
  font-family: var(--font-head);
  font-size: 1.28rem;
  font-weight: 600;
  color: var(--ink);
  margin: 6px 0 10px;
}
.puck-card-description { color: var(--ink-soft); font-size: 1rem; white-space: pre-line; }
.puck-card .material-icons,
.puck-card [class*="material-icons"] {
  color: var(--teal);
  background: var(--surface-2);
  border-radius: 14px;
  padding: 14px;
  width: auto;
}
.puck-card--minimal { border: none; box-shadow: none; background: transparent; padding: 8px 0; }
.puck-card--featured { color: var(--white); background: linear-gradient(135deg, var(--navy), var(--teal)); border: none; }
.puck-card--featured .puck-card-title,
.puck-card--featured .puck-card-description { color: var(--white); }

/* Board member cards — the only image cards on the site.
   Force every headshot into one uniform square band so the roster reads as an
   even, tidy grid regardless of each source photo's original aspect ratio. */
.puck-card img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center 20%;
  border-radius: 12px;
  margin: -6px 0 18px;
  background: var(--surface-2);
}
.puck-card:has(img) { text-align: center; padding-top: 22px; }
.puck-card:has(img) .puck-card-title { margin-top: 0; }
.puck-card:has(img) .puck-card-description { color: var(--ink-soft); font-size: .95rem; }

/* Region map — a single wide illustrative image, centered and framed. */
.board-region-map {
  display: block;
  width: 100%;
  max-width: 720px;
  height: auto;
  margin: 8px auto 0;
  border-radius: var(--radius);
  border: 1px solid var(--surface-2);
  box-shadow: var(--shadow-sm);
  background: var(--surface-2);
}

/* Board Gatherings gallery — uniform responsive grid of square thumbnails. */
.board-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.board-gallery img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 12px;
  background: var(--surface-2);
  box-shadow: var(--shadow-sm);
  transition: transform .2s ease, box-shadow .2s ease;
}
.board-gallery img:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
@media (max-width: 900px) { .board-gallery { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 560px) { .board-gallery { grid-template-columns: repeat(2, 1fr); } }

/* ============================================================
   GRID / FLEX layout
   ============================================================ */
.puck-grid { display: grid; gap: 26px; }
/* Renderer stacks multiple blocks inside each column as .puck-grid-column.
   Make columns flex so stacked cards share the column height (equal heights)
   instead of each demanding height:100% and overflowing onto the next section. */
.puck-grid-column {
  display: flex;
  flex-direction: column;
  gap: 26px;
  background: transparent;
  padding: 0;
  min-height: 0;
}
.puck-flex { display: flex; gap: 24px; flex-wrap: wrap; }
.puck-flex-item { flex: 1 1 0; min-width: 240px; }
.puck-column, .puck-columns-col { min-width: 0; }

/* ============================================================
   STATS
   ============================================================ */
.puck-stats {
  background: linear-gradient(135deg, var(--navy-deep), var(--teal));
  border-radius: var(--radius-lg);
  color: var(--white);
  padding: 48px 40px;
  margin-top: 8px;
  margin-bottom: 8px;
  box-shadow: var(--shadow-lg);
}
.puck-stats-title { color: var(--white); text-align: center; font-size: 1.6rem; margin: 0 0 28px; }
.puck-stats-title::after { margin-left: auto; margin-right: auto; background: rgba(255,255,255,.5); }
.puck-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.puck-stat-card { text-align: center; padding: 12px; border-radius: var(--radius); }
.puck-stat-value {
  font-family: var(--font-head);
  font-weight: 800;
  font-size: clamp(2.4rem, 5vw, 3.2rem);
  line-height: 1;
  color: var(--green-soft);
  display: block;
}
.puck-stat-label { display: block; font-weight: 600; margin-top: 8px; color: var(--white); }
.puck-stat-description { display: block; color: rgba(255,255,255,.78); font-size: .9rem; margin-top: 4px; }

/* ============================================================
   CTA band
   ============================================================ */
.puck-cta {
  background: radial-gradient(120% 140% at 0% 0%, var(--navy) 0%, var(--navy-deep) 45%, var(--teal) 100%);
  color: var(--white);
  border-radius: var(--radius-lg);
  padding: 56px 48px;
  text-align: center;
  box-shadow: var(--shadow-lg);
  position: relative;
  overflow: hidden;
}
.puck-cta::after {
  content: "";
  position: absolute; right: -60px; top: -60px;
  width: 220px; height: 220px; border-radius: 50%;
  background: radial-gradient(circle, rgba(167,201,89,.35), transparent 70%);
}
.puck-cta-title { color: var(--white); font-size: clamp(1.6rem, 3.2vw, 2.2rem); margin: 0 0 12px; }
.puck-cta-description { color: rgba(255,255,255,.9); max-width: 60ch; margin: 0 auto 26px; font-size: 1.08rem; }
.puck-cta-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.puck-cta-primary, .puck-cta-secondary {
  display: inline-block; padding: 14px 30px; border-radius: 999px; font-weight: 600; transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.puck-cta-primary { background: linear-gradient(180deg, var(--green-soft), var(--green)); color: var(--navy-deep); box-shadow: 0 10px 24px rgba(127,177,61,.34); }
.puck-cta-primary:hover { transform: translateY(-2px); color: var(--navy-deep); }
.puck-cta-secondary { background: rgba(255,255,255,.12); color: var(--white); border: 1.5px solid rgba(255,255,255,.55); }
.puck-cta-secondary:hover { background: rgba(255,255,255,.22); color: var(--white); }

/* ============================================================
   BUTTONS (generic)
   ============================================================ */
.puck-button {
  display: inline-block; padding: 12px 26px; border-radius: 999px;
  background: var(--navy); color: var(--white); font-weight: 600;
  transition: transform .18s ease, background .18s ease;
}
.puck-button:hover { background: var(--teal); color: var(--white); transform: translateY(-1px); }

/* ============================================================
   IMAGES
   ============================================================ */
.puck-image-img { border-radius: var(--radius); box-shadow: var(--shadow-md); }
.puck-image-caption { color: var(--ink-soft); font-size: .9rem; text-align: center; margin-top: 8px; }

/* ============================================================
   SITE HEADER
   ============================================================ */
.site-header {
  background: rgba(255,255,255,.92);
  backdrop-filter: saturate(140%) blur(10px);
  border-bottom: 1px solid var(--line);
  box-shadow: var(--shadow-sm);
}
.header-grid, .header-flex { max-width: none !important; width: 100%; margin: 0; padding: 14px 48px; box-sizing: border-box; }
.header-logo-text {
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 1.5rem;
  letter-spacing: .04em;
  background: linear-gradient(90deg, var(--navy), var(--teal));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.header-logo-img { max-height: 46px; }
.nav-menu { display: flex; gap: 4px; align-items: center; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.nav-link {
  color: var(--ink); font-weight: 500; font-size: .96rem;
  padding: 9px 14px; border-radius: 8px;
  transition: background .16s ease, color .16s ease;
}
.nav-link:hover { background: var(--surface-2); color: var(--navy); }
.nav-link-dropdown { position: relative; }
.nav-link-dropdown > .nav-link::after,
.nav-link-dropdown > a::after { content: "\25be"; font-size: .7em; margin-left: 6px; opacity: .65; }
.nav-dropdown {
  position: absolute; top: 100%; left: 0; min-width: 240px; z-index: 60;
  background: var(--white); border: 1px solid var(--line); border-radius: 12px;
  box-shadow: var(--shadow-lg); padding: 8px; margin-top: 6px;
  list-style: none;
}
.nav-dropdown .nav-link { display: block; padding: 10px 14px; border-radius: 8px; font-weight: 500; }
.nav-dropdown .nav-link:hover { background: var(--surface-2); color: var(--navy); }
/* Second-level (flyout) submenus — the renderer only styles one dropdown level,
   so author the nested tier here: a subgroup label with a right-pointing caret whose
   child menu flies out to the side on hover. */
.nav-dropdown .nav-link-dropdown { position: relative; }
.nav-dropdown .nav-link-dropdown > .nav-link,
.nav-dropdown .nav-link-dropdown > a {
  font-weight: 700; color: var(--navy); text-transform: uppercase;
  letter-spacing: .04em; font-size: .82rem;
}
.nav-dropdown .nav-link-dropdown > .nav-link::after,
.nav-dropdown .nav-link-dropdown > a::after {
  content: "\25b8"; float: right; margin-left: 10px; opacity: .55; font-size: .9em;
}
.nav-dropdown .nav-dropdown {
  top: -9px; left: 100%; margin: 0 0 0 8px; min-width: 250px;
}
.nav-dropdown .nav-link-dropdown:hover > .nav-dropdown,
.nav-dropdown .nav-link-dropdown:focus-within > .nav-dropdown { display: block; }
.nav-dropdown .nav-dropdown .nav-link {
  font-weight: 500; color: var(--ink); text-transform: none; letter-spacing: 0; font-size: .95rem;
}
.nav-dropdown .nav-dropdown .nav-link::after { content: none; }
.header-cta-button {
  display: inline-block; background: linear-gradient(180deg, var(--navy), var(--navy-deep));
  color: var(--white); font-weight: 600; padding: 11px 22px; border-radius: 999px;
  box-shadow: 0 8px 20px rgba(11,79,138,.28); transition: transform .18s ease;
}
.header-cta-button:hover { transform: translateY(-2px); color: var(--white); }
.page-title { font-family: var(--font-head); color: var(--ink); }

/* Mobile nav */
.mobile-nav { background: var(--white); border-top: 1px solid var(--line); }
.mobile-nav .nav-link { display: block; padding: 12px 20px; border-radius: 0; }

/* ============================================================
   SITE FOOTER
   ============================================================ */
.site-footer {
  background: linear-gradient(180deg, var(--navy-deep), #06263f);
  color: rgba(255,255,255,.82);
  margin-top: 64px;
}
.site-footer a { color: rgba(255,255,255,.82); }
.site-footer a:hover { color: var(--green-soft); }
.site-footer-content {
  max-width: var(--maxw); margin: 0 auto; padding: 56px 24px 28px;
  display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; box-sizing: border-box;
}
.site-footer-title { font-family: var(--font-head); color: var(--white); font-size: 1.05rem; margin: 0 0 14px; letter-spacing: .02em; }
.site-footer-text { color: rgba(255,255,255,.72); font-size: .95rem; line-height: 1.7; }
.site-footer-links { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.site-footer-contact { font-size: .95rem; line-height: 1.8; }
.site-footer-social { display: flex; gap: 12px; }
.site-footer-social-link { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,.1); transition: background .18s ease, transform .18s ease; }
.site-footer-social-link:hover { background: var(--teal-bright); transform: translateY(-2px); }

/* ============================================================
   RECUR RUNTIME WIDGETS (events / products / calendar)
   ============================================================ */
.recur-event-list-title, .recur-product-list-title { font-family: var(--font-head); color: var(--ink); text-align: center; font-size: 1.6rem; }
.recur-event-list-grid, .recur-product-list-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; max-width: var(--maxw); margin: 0 auto; }
.recur-event-list-empty, .recur-product-list-empty {
  max-width: 620px; margin: 8px auto; text-align: center; color: var(--ink-soft);
  background: var(--surface); border: 1px dashed var(--line); border-radius: var(--radius); padding: 40px 28px;
}
.recur-event-card, .recur-product-card {
  background: var(--white); border: 1px solid var(--line); border-radius: var(--radius);
  box-shadow: var(--shadow-sm); overflow: hidden; display: flex; flex-direction: column;
  transition: transform .2s ease, box-shadow .2s ease;
}
.recur-event-card:hover, .recur-product-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.recur-event-card-image, .recur-product-card-image { width: 100%; height: 180px; object-fit: cover; }
.recur-event-card-body, .recur-product-card-body { padding: 22px; display: flex; flex-direction: column; gap: 8px; }
.recur-event-card-title, .recur-product-card-title { font-family: var(--font-head); font-size: 1.2rem; color: var(--ink); }
.recur-event-card-date { color: var(--teal); font-weight: 600; font-size: .9rem; }
.recur-product-card-price { color: var(--navy); font-weight: 700; font-size: 1.15rem; }
.recur-event-card-description, .recur-product-card-description { color: var(--ink-soft); font-size: .96rem; }
.recur-event-card-button, .recur-product-card-button, .recur-event-modal-button {
  margin-top: auto; align-self: flex-start; display: inline-block;
  background: var(--navy); color: var(--white); font-weight: 600;
  padding: 10px 20px; border-radius: 999px; transition: background .18s ease, transform .18s ease;
}
.recur-event-card-button:hover, .recur-product-card-button:hover { background: var(--teal); color: var(--white); transform: translateY(-1px); }

/* Calendar */
.recur-event-calendar-title { font-family: var(--font-head); color: var(--ink); text-align: center; }
.recur-event-calendar-day { border: 1px solid var(--line); }
.recur-event-calendar-event { background: var(--teal); color: var(--white); border-radius: 6px; padding: 2px 6px; font-size: .8rem; }
.recur-event-modal-title { font-family: var(--font-head); color: var(--ink); }

/* ============================================================
   REPRODUCED CONTENT PAGES  (real ictfl.org HTML rendered inside
   a Text block — legacy Weebly "wsite-*" class contract mapped
   into the Open Atlas design system)
   ============================================================ */
/* Neutralize leftover CKEditor / Weebly editor chrome */
.puck-text .cke_editable,
.puck-text .cke_show_borders,
.puck-text .editable-text,
.puck-text .wsite-section-wrap,
.puck-text .wsite-section,
.puck-text .wsite-section-content,
.puck-text .wsite-section-elements,
.puck-text .wsite-elements,
.puck-text .container,
.puck-text .content-wrap,
.puck-text .banner-wrap,
.puck-text .footer-wrap {
  border: 0 !important; outline: 0 !important; box-shadow: none !important;
  background: transparent !important; margin: 0; padding: 0; width: auto; max-width: none;
}
.puck-text .wsite-not-footer { padding: 0; }

/* Content section titles inside reproduced pages */
.puck-text h2.wsite-content-title,
.puck-text .wsite-content-title {
  font-family: var(--font-head);
  color: var(--ink);
  font-size: clamp(1.5rem, 3vw, 2.1rem);
  line-height: 1.2;
  font-weight: 700;
  margin: 1.6em 0 .5em;
}
.puck-text .wsite-content-title:first-child { margin-top: 0; }

/* Body paragraphs */
.puck-text .paragraph,
.puck-text .wsite-multicol-col .paragraph { color: var(--ink-soft); font-size: 1.06rem; margin: 0 0 1em; }
.puck-text .paragraph:last-child { margin-bottom: 0; }
.puck-text ul, .puck-text ol { color: var(--ink-soft); padding-left: 1.4em; margin: 0 0 1em; }
.puck-text li { margin: .35em 0; }

/* Divider */
.puck-text hr, .puck-text .styled-hr {
  border: 0; height: 3px; margin: 2em 0;
  background: linear-gradient(90deg, var(--navy), var(--teal-bright) 60%, var(--green-soft));
  border-radius: 3px; opacity: .8;
}

/* Images + wrappers */
.puck-text .wsite-image { display: block; margin: 1.2em 0; }
.puck-text .wsite-image img { border-radius: var(--radius); box-shadow: var(--shadow-sm); height: auto; }
.puck-text .wsite-image div { color: var(--ink-soft); font-size: .9rem; margin-top: 6px; }
.puck-text .wsite-imagecaption, .puck-text .imageCaption { color: var(--ink-soft); font-size: .9rem; text-align: center; }

/* Multi-column layouts (Weebly emits these as tables) */
.puck-text .wsite-multicol-table-wrap { margin: 1.2em 0; }
.puck-text .wsite-multicol-table {
  width: 100%; border-collapse: separate; border-spacing: 26px 0; table-layout: fixed;
}
.puck-text .wsite-multicol-table,
.puck-text .wsite-multicol-tbody,
.puck-text .wsite-multicol-tr { display: block; }
.puck-text .wsite-multicol-tr { display: flex; flex-wrap: wrap; gap: 26px; margin: 0 -13px; }
.puck-text .wsite-multicol-col {
  display: block; flex: 1 1 220px; min-width: 220px; padding: 0 13px; box-sizing: border-box; vertical-align: top;
}

/* Content tables (schedules, fee grids, etc.) */
.puck-text table:not(.wsite-multicol-table) {
  border-collapse: collapse; width: 100%; margin: 1.4em 0; font-size: .98rem;
  box-shadow: var(--shadow-sm); border-radius: var(--radius); overflow: hidden;
}
.puck-text table:not(.wsite-multicol-table) th,
.puck-text table:not(.wsite-multicol-table) td {
  border: 1px solid var(--line); padding: 10px 14px; text-align: left; vertical-align: top;
}
.puck-text table:not(.wsite-multicol-table) th { background: var(--surface-2); color: var(--ink); font-weight: 600; }
.puck-text table:not(.wsite-multicol-table) tr:nth-child(even) td { background: var(--surface); }

/* Buttons authored in legacy content */
.puck-text .wsite-button {
  display: inline-block; margin: 6px 8px 6px 0;
  background: linear-gradient(180deg, var(--navy), var(--navy-deep));
  border-radius: 999px; box-shadow: 0 8px 20px rgba(11,79,138,.24);
  transition: transform .18s ease, box-shadow .18s ease;
}
.puck-text .wsite-button:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(11,79,138,.32); }
.puck-text .wsite-button-inner {
  display: inline-block; color: var(--white) !important; font-weight: 600;
  padding: 12px 26px; font-size: 1rem;
}
.puck-text a.wsite-button:hover .wsite-button-inner { color: var(--white); }

/* Image galleries */
.puck-text .imageGallery { display: flex; flex-wrap: wrap; gap: 12px; margin: 1.4em 0; list-style: none; padding: 0; }
.puck-text .imageGallery .galleryImageHolder,
.puck-text .galleryInnerImageHolder { flex: 0 1 auto; }
.puck-text .imageGallery img {
  border-radius: var(--radius); box-shadow: var(--shadow-sm);
  object-fit: cover; transition: transform .2s ease, box-shadow .2s ease;
}
.puck-text .imageGallery img:hover { transform: translateY(-3px) scale(1.02); box-shadow: var(--shadow-md); }

/* Spacers shouldn't collapse the layout */
.puck-text .wsite-spacer { display: block; }

@media (max-width: 640px) {
  .puck-text .wsite-multicol-col { flex: 1 1 100%; min-width: 0; }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 900px) {
  .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; gap: 28px; }
}
@media (max-width: 600px) {
  .puck-stats-grid { grid-template-columns: 1fr 1fr; }
  .recur-event-list-grid, .recur-product-list-grid { grid-template-columns: 1fr; }
  .site-footer-content { grid-template-columns: 1fr; }
  .puck-cta, .puck-stats { padding: 36px 24px; }
  .puck-hero--split .puck-hero-content { padding: 44px 24px; }
}


            /* 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;
}