@font-face {
  font-family: 'Advent Sans';
  src: url('AdventSans-Logo.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* =========================================================
   BREAKPOINT SUMMARY
   ≤980px:   Mobile (hamburger + mega menu drawer)
   981-1024: Tablet (hamburger + mega menu drawer)  
   ≥1025px:  Desktop (regular menu, hover dropdowns)
   ========================================================= */

/* =========================================================
   DESKTOP-SAFE DEFAULTS for mobile mega menu
   (prevents the new mobile mega markup from affecting full-screen layout)
   ========================================================= */
.cmc-mobile-mega{ display:none; }

/* MOBILE: Show mega menu when nav is opened */
@media (max-width: 980px){
  html.cmc-nav-open body .cmc-mobile-mega{ 
    display: flex !important;
    flex-direction: column;
  }
}

/* TABLET: Show mega menu when nav is opened */
@media (max-width: 1024px) and (min-width: 981px){
  html.cmc-nav-open body .cmc-mobile-mega{ 
    display: flex !important;
    flex-direction: column;
  }
}

/* DESKTOP: Show mega menu when nav is opened */
@media (min-width: 1025px){
  /* Ensure desktop nav panel is used */
  #cmc-primary-nav .cmc-nav__panel{ display:flex; }

  /* Show mega overlay UI only when opened */
  html.cmc-nav-open body .cmc-mobile-mega{ display:block !important; }
  html.cmc-nav-open body #cmc-primary-nav .cmc-nav__panel{ display:none !important; }

  /* Turn the nav into a full-screen overlay ONLY while open */
  html.cmc-nav-open body .cmc-nav{
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    padding: 18px 18px 26px !important;

    background: radial-gradient(1200px 600px at 15% 15%, rgba(255,255,255,.10), rgba(255,255,255,0) 55%),
                linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.62)),
                var(--cmc-denim, #082c4f) !important;

    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;

    position: fixed !important;

    /* open state */
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  /* Mega layout styles (match mobile overlay look) */
  html.cmc-nav-open body .cmc-mobile-mega__top{
    /* Stack brand/close, search, and quick links vertically */
    display:flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 6px 14px 10px !important;
  }
  .cmc-mobile-mega__topbar{
    width: 100% !important;
    padding: 0 !important;
  }
  .cmc-mobile-mega__search{
    width: 100% !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  html.cmc-nav-open body .cmc-mobile-mega__search-input{
    min-width: 220px !important;
    flex: 1 1 220px !important;
  }
  html.cmc-nav-open body .cmc-mobile-mega__search-btn{
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    margin-left: auto !important;
  }
  .cmc-mobile-mega__chips{
    width: 100% !important;
    display:flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 !important;
  }


  html.cmc-nav-open body .cmc-mobile-mega__close{
    width: 44px !important;
    height: 44px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.35) !important;
    background: rgba(255,255,255,.08) !important;
    color: #ffffff !important;
    font-size: 28px !important;
    line-height: 1 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    flex: 0 0 auto !important;
  }
  html.cmc-nav-open body .cmc-mobile-mega__close:hover{
    background: rgba(255,255,255,.14) !important;
  }

  html.cmc-nav-open body .cmc-mobile-mega__search{
    display:flex !important;
    align-items:center !important;
    gap: 14px !important;
    width: 100% !important;
  }

  html.cmc-nav-open body .cmc-mobile-mega__search-input{
    width: 100% !important;
    max-width: none !important;
    padding: 14px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.55) !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 18px !important;
    outline: none !important;
  }
  html.cmc-nav-open body .cmc-mobile-mega__search-input::placeholder{
    color: rgba(255,255,255,.70) !important;
  }

  html.cmc-nav-open body .cmc-mobile-mega__search-btn{
    flex: 0 0 auto !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 12px 16px !important;
    background: rgba(60,120,220,.95) !important;
    color: #ffffff !important;
    font-weight: 850 !important;
    display:inline-flex !important;
    align-items:center !important;
    gap: 10px !important;
    cursor:pointer !important;
    white-space: nowrap !important;
  }
  html.cmc-nav-open body .cmc-mobile-mega__search-btn:hover{
    filter: brightness(1.04) !important;
    transform: translateY(-1px) !important;
  }

  html.cmc-nav-open body .cmc-mobile-mega__grid{
    display:grid !important;
    grid-template-columns: 1.2fr .8fr !important;
    gap: 44px !important;
    padding-top: 26px !important;
  }

  html.cmc-nav-open body #cmc-primary-nav .cmc-menu--primary{
    display:block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html.cmc-nav-open body #cmc-primary-nav .cmc-menu--primary > li > a{
    font-size: 30px !important;
    font-weight: 520 !important;
    letter-spacing: .01em !important;
    padding: 12px 0 !important;
    border: 0 !important;
  }

  html.cmc-nav-open body #cmc-primary-nav .cmc-menu--primary li ul{
    display:none !important;
    margin: 8px 0 12px !important;
    padding: 0 0 0 14px !important;
    border-left: 1px solid rgba(255,255,255,.18) !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  html.cmc-nav-open body #cmc-primary-nav .cmc-menu--primary li.is-subopen > ul{
    display:block !important;
  }
  html.cmc-nav-open body #cmc-primary-nav .cmc-menu--primary li ul li a{
    color: rgba(255,255,255,.92) !important;
    padding: 10px 0 !important;
    font-size: 16px !important;
    font-weight: 650 !important;
    background: transparent !important;
  }
  html.cmc-nav-open body #cmc-primary-nav .cmc-menu--primary li ul li a:hover{
    color: #ffffff !important;
    text-decoration: underline !important;
  }

  html.cmc-nav-open body #cmc-primary-nav .cmc-subtoggle{
    top: 8px !important;
    right: 0 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
  }

  html.cmc-nav-open body #cmc-primary-nav .cmc-nav-cta{
    margin-top: 18px !important;
    align-self:flex-start !important;
    background: rgba(60,120,220,.95) !important;
    color:#fff !important;
    padding: 12px 18px !important;
  }

  html.cmc-nav-open body .cmc-mobile-mega__secondary{
    list-style:none !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
  }
  html.cmc-nav-open body .cmc-mobile-mega__secondary li a{
    display:block !important;
    padding: 14px 0 !important;
    color:#ffffff !important;
    text-decoration:none !important;
    text-transform: uppercase !important;
    letter-spacing: .12em !important;
    font-weight: 850 !important;
    font-size: 14px !important;
    border-bottom: 1px solid rgba(255,255,255,.14) !important;
  }
  html.cmc-nav-open body .cmc-mobile-mega__secondary li:last-child a{
    border-bottom: 0 !important;
  }

  html.cmc-nav-open body .cmc-mobile-mega__about{
    margin-top: 28px !important;
    max-width: 640px !important;
    color: rgba(255,255,255,.92) !important;
  }
  html.cmc-nav-open body .cmc-mobile-mega__about-title{
    margin: 12px 0 0 !important;
    font-size: 18px !important;
    font-weight: 650 !important;
    line-height: 1.4 !important;
  }
  html.cmc-nav-open body .cmc-mobile-mega__about-text{
    margin: 14px 0 0 !important;
    color: rgba(255,255,255,.85) !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
  }
}


/*
Theme Name: ALPS Child
Theme URI: https://adventist.design/alps/
Description: Child theme for ALPS (CMC)
Author: Anthony Banda
Template: alps-wordpress-v3
Version: 1.0.0
Text Domain: alps-child
*/
.cmc-font-placeholder{display:none}

/* Load Advent Sans when available in /assets/fonts/, fall back to system sans */
@font-face {
  font-family: 'Advent Sans';
  src: url('/assets/fonts/AdventSans.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root{
  --cmc-body-font: 'Advent Sans', Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --cmc-heading-font: 'Advent Sans', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --cmc-radius: 12px;
  --cmc-card-shadow: 0 10px 30px rgba(8,28,54,0.12);
  --cmc-accent: #3c78dc;
  --cmc-accent-2: #0f172a;
  --cmc-surface: #ffffff;
  --cmc-muted: #6b7280;
}

/* Global typographic polish */
html,body{height:100%}
body{
  font-family:var(--cmc-body-font);
  color:var(--cmc-accent-2);
  background-color: #fbfdff;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.55;
  font-size:16px;
}

/* Headings: stronger, tighter, consistent scale */
h1,h2,h3,h4,h5,h6{
  font-family:var(--cmc-heading-font);
  color:var(--cmc-accent-2);
  line-height:1.12;
  margin-top:0;
}
h1{font-size:2.6rem}
h2{font-size:1.9rem}
h3{font-size:1.45rem}
h4{font-size:1.1rem}

/* Buttons: modern, elevated */
.cmc-btn, button, .button, .cmc-news__btn{
  font-family:var(--cmc-body-font);
  border-radius:var(--cmc-radius);
  padding:0.6rem 1rem;
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  border:0;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.cmc-btn--primary, .cmc-news__btn--primary, .cmc-news__btn--gold{
  background: linear-gradient(180deg,var(--cmc-accent), #2463c8);
  color:#fff;
  box-shadow: 0 8px 24px rgba(36,99,200,0.18);
}
.cmc-btn--primary:hover{ transform: translateY(-2px); filter:brightness(1.03); }

/* Cards and surfaces */
.cmc-card, .cmc-news__card, .cv-event-card, .cv-hero-card{
  background: var(--cmc-surface);
  border-radius: calc(var(--cmc-radius) - 4px);
  box-shadow: var(--cmc-card-shadow);
  overflow: hidden;
}

/* Images: smoother edges and performance hints */
img{ max-width:100%; height:auto; display:block; object-fit:cover; }
img[loading="lazy"]{ will-change: transform; }

/* Muted text */
.muted, .cmc-muted { color: var(--cmc-muted); }

/* Small helpers */
.cmc-pill{ display:inline-block; padding:.25rem .6rem; border-radius:999px; background:rgba(8,44,80,.06); color:var(--cmc-accent-2); font-weight:700; }


:root{
  --cmc-denim:#1f4e79;
  --cmc-hover:#2f6fd8;
  --cmc-ink:#0b2a6f;
  --cmc-white:#ffffff;
}

/* =========================
   Global type
========================= */
body{
  font-family:'Advent Sans', Arial, sans-serif;
}

/* Helpers */
.cmc-img-cover{ width:100%; height:100%; object-fit:cover; display:block; }

/* =========================
   Remove ALPS top spacing (home)
========================= */
body.home .l-main,
body.home .l-main.u-spacing--double,
body.home .l-main.u-padding--double--bottom{
  padding-top:0 !important;
  margin-top:0 !important;
}

/* =========================
   Wrap (align to 6/7 layout feel)
========================= */
.cmc-wrap{
  width:100%;
  max-width:100%;
  margin:0;
  padding-left:0;
  padding-right:0;
  box-sizing:border-box;
}

/* =========================
   Page container (reduces excessive side margins on inner pages)
   Matches adventist.org-style gutters + readable max width
========================= */
:root{
  --cmc-gutter: clamp(16px, 3vw, 44px);
  --cmc-container: 1320px;
}

.cmc-content{
  width: 100%;
  max-width: var(--cmc-container);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--cmc-gutter);
  padding-right: var(--cmc-gutter);
  box-sizing: border-box;
}

/* Make Gutenberg wide/full blocks behave nicely inside our container */
.cmc-content .alignwide{
  width: 100%;
  max-width: min(1200px, 100%);
}
.cmc-content .alignfull{
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}


/* =========================
   Buttons
========================= */

.cmc-btn:hover{ transform:translateY(-3px); filter:brightness(1.03); }

.cmc-btn--primary{
  background:#ffffff;
  color:var(--cmc-denim);
}
.cmc-btn--ghost{
  background:transparent;
  border:2px solid #ffffff;
  color:#ffffff;
}

/* used inside topstage triptych (pill look) */
.cmc-btn--pill{
  margin-top:10px;
  background:var(--cmc-hover);
  color:#fff;
  padding:12px 26px;
  box-shadow:0 16px 30px rgba(0,0,0,.20);
}

/* =========================
   Triptych
========================= */
.cmc-triptych{
  padding:40px 0 40px;
  color:#fff;
  text-align:center;
}
.cmc-triptych-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:40px;
}
.cmc-triptych-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
}
.cmc-triptych-avatar{
  width:180px;
  height:180px;
  border-radius:999px;
  overflow:hidden;
  border:6px solid rgba(255,255,255,.95);
  box-shadow:0 18px 36px rgba(0,0,0,.25);
  background:rgba(255,255,255,.10);
}
.cmc-triptych-title{
  margin:0;
  font-size:2rem;
  font-weight:900;
  letter-spacing:-.01em;
  text-shadow:0 10px 28px rgba(0,0,0,.22);
}
.cmc-triptych-text{
  margin:0;
  max-width:360px;
  font-size:1.05rem;
  line-height:1.65;
  color:rgba(255,255,255,.92);
  text-shadow:0 10px 28px rgba(0,0,0,.18);
}

/* =========================
   Search block
========================= */
.cmc-search-section{ padding:60px 0 110px; }
.cmc-search-wrapper{ display:flex; justify-content:center; }

.cmc-search-card{
  width:100%;
  max-width:900px;
  background:rgba(10,24,52,.72);
  border-radius:24px;
  padding:50px 40px;
  text-align:center;
  color:#fff;
  box-shadow:0 30px 60px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.10);
}

.cmc-search-title{
  margin:0 0 28px;
  font-size:2.2rem;
  font-weight:900;
  text-shadow:0 10px 28px rgba(0,0,0,.22);
}

.cmc-search-bar{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  margin-bottom:24px;
}

.cmc-search-input{
  flex:1;
  max-width:650px;
  padding:14px 18px;
  border:none;
  border-radius:6px;
  font-size:1rem;
  outline:none;
}

.cmc-search-btn{
  width:48px;
  height:48px;
  border-radius:999px;
  border:none;
  background:var(--cmc-hover);
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}

.cmc-search-tags{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}

.cmc-tag{
  padding:10px 18px;
  background:var(--cmc-hover);
  color:#fff;
  border-radius:999px;
  text-decoration:none;
  font-weight:800;
  transition:background .2s, color .2s, transform .2s;
}
.cmc-tag:hover{
  background:#fff;
  color:var(--cmc-hover);
  transform:translateY(-2px);
}

/* =========================
   3 Action Cards
========================= */
.cmc-actions3{ padding:44px 0 10px; margin-top:-35px; }

.cmc-actions3-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(220px, 1fr));
  gap:22px;
}

.cmc-action-card{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  min-height:320px;
  box-shadow:0 22px 55px rgba(0,0,0,.14);
  background:#0d244f;
  background-size:cover;
  background-position:center;
}

.cmc-action-card__overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.70) 0%, rgba(0,0,0,.30) 55%, rgba(0,0,0,.18) 100%);
  z-index:1;
}

.cmc-action-card__content{
  position:relative;
  z-index:2;
  padding:22px 18px 18px;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  text-align:left;
  color:#fff;
}

.cmc-action-card__title{
  margin:0 0 8px;
  font-size:1.6rem;
  font-weight:900;
  line-height:1.1;
}

.cmc-action-card__text{
  margin:0 0 14px;
  color:rgba(255,255,255,.92);
  line-height:1.45;
  font-size:.98rem;
}

.cmc-action-card__btn{
  align-self:flex-start;
  padding:10px 16px;
  border-radius:999px;
  background:var(--cmc-hover);
  color:#fff;
  text-decoration:none;
  font-weight:900;
  box-shadow:0 14px 28px rgba(0,0,0,.20);
  transition:transform .2s, filter .2s;
}
.cmc-action-card__btn:hover{ transform:translateY(-2px); filter:brightness(1.05); }

/* Action card backgrounds */
.cmc-bg-action-findchurch{ background-image:url('https://adventist.org/wp-content/uploads/2022/06/adventist-leadership.jpg'); }
.cmc-bg-action-prayer{ background-image:url('https://adventist.org/wp-content/uploads/2022/06/women-ministry.jpg'); }
.cmc-bg-action-answers{ background-image:url('https://adventist.org/wp-content/uploads/2022/06/health-ministry.jpg'); }

/* =========================
   Shared block headings (Identity / Belief / Impact)
========================= */
.cmc-block{
  padding:70px 0 70px;
  text-align:center;
  background:#ffffff;
}

.cmc-kicker-line{
  width:120px;
  height:6px;
  border-radius:999px;
  margin:0 auto 14px;
  background: rgba(47,111,216,.55);
}





/* =========================
   Page content width
   - Keep ALPS container (l-wrap) intact
   - Remove extra narrow max-width on general page content
========================= */
.cmc-page-content{
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

/* =========================
   Feature grid tiles (2x2)
========================= */
.cmc-feature-grid{
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(2, minmax(260px, 1fr));
  gap:18px;
  align-items:stretch;
}

.cmc-feature-tile{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  min-height:190px;
  background:#0d244f;
  box-shadow:0 18px 40px rgba(0,0,0,.12);
  text-align:left;
  background-size:cover;
  background-position:center;
}

.cmc-feature-tile::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.65) 0%, rgba(0,0,0,.22) 70%, rgba(0,0,0,.15) 100%);
  z-index:1;
}

.cmc-feature-tile__body{
  position:relative;
  z-index:2;
  padding:18px;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  color:#fff;
}

.cmc-feature-tile__title{
  margin:0 0 10px;
  font-size:1.35rem;
  font-weight:950;
}

.cmc-feature-tile__btn{
  align-self:flex-start;
  padding:10px 16px;
  border-radius:999px;
  background:var(--cmc-hover);
  color:#fff;
  text-decoration:none;
  font-weight:900;
}

.cmc-play{
  position:absolute;
  z-index:2;
  left:18px;
  top:18px;
  width:64px;
  height:64px;
  border-radius:999px;
  background: rgba(0,0,0,.38);
  border:2px solid rgba(255,255,255,.65);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 16px 34px rgba(0,0,0,.22);
}

/* Block variations */
.cmc-belief{
  background:
    radial-gradient(1200px 520px at 50% 0%, rgba(31,78,121,.12), transparent 65%),
    linear-gradient(to bottom, rgba(11,42,111,.06), #ffffff 70%);
}

.cmc-impact{
  background:#ffffff;
}

/* Feature tile backgrounds: IDENTITY */
.cmc-bg-id-video{ background-image:url('https://adventist.org/wp-content/uploads/2022/06/youth-ministry.jpg'); }
.cmc-bg-id-structure{ background-image:url('https://adventist.org/wp-content/uploads/2022/06/adventist-departments.jpg'); }
.cmc-bg-id-history{ background-image:url('https://adventist.org/wp-content/uploads/2022/06/adventist-news.jpg'); }
.cmc-bg-id-stats{ background-image:url('https://adventist.org/wp-content/uploads/2022/06/adventist-mission.jpg'); }

/* Feature tile backgrounds: BELIEF */
.cmc-bg-belief-scriptures{ background-image:url('https://adventist.org/wp-content/uploads/2022/06/health-ministry.jpg'); }
.cmc-bg-belief-soul{ background-image:url('https://adventist.org/wp-content/uploads/2022/06/adventist-departments.jpg'); }
.cmc-bg-belief-salvation{ background-image:url('https://adventist.org/wp-content/uploads/2022/06/adventist-mission.jpg'); }
.cmc-bg-belief-armageddon{ background-image:url('https://adventist.org/wp-content/uploads/2022/06/women-ministry.jpg'); }

/* Feature tile backgrounds: IMPACT */
.cmc-bg-impact-video{ background-image:url('https://adventist.org/wp-content/uploads/2022/06/adventist-mission.jpg'); }
.cmc-bg-impact-education{ background-image:url('https://adventist.org/wp-content/uploads/2022/06/youth-ministry.jpg'); }
.cmc-bg-impact-humanitarian{ background-image:url('https://adventist.org/wp-content/uploads/2022/06/health-ministry.jpg'); }
.cmc-bg-impact-liberty{ background-image:url('https://adventist.org/wp-content/uploads/2022/06/adventist-departments.jpg'); }

/* =========================
   HEADER (final refined)
   - brand far left w/ small padding
   - menu far right w/ small padding
   - menu words white
   - CTA unchanged
========================= */

.cmc-header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:1000;
  background:transparent;
  border:none;
}

.cmc-header__inner{
  width:100%;
  max-width:100%;
  margin:0;
  padding:18px 0;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}

/* =========================
   Remove ALL submenu indicators (dot/arrow/marker/icon)
========================= */

/* Remove any marker bullets (including ::marker on modern browsers) */
.cmc-menu,
.cmc-menu ul {
  list-style: none !important;
}
.cmc-menu li::marker,
.cmc-menu ul li::marker {
  content: "" !important;
}

/* Kill pseudo-elements on BOTH li and a (ALPS may attach on either) */
.cmc-menu .menu-item-has-children::before,
.cmc-menu .menu-item-has-children::after,
.cmc-menu .menu-item-has-children > a::before,
.cmc-menu .menu-item-has-children > a::after,
.cmc-menu .page_item_has_children::before,
.cmc-menu .page_item_has_children::after,
.cmc-menu .page_item_has_children > a::before,
.cmc-menu .page_item_has_children > a::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Remove any background icons attached to li or a */
.cmc-menu .menu-item-has-children,
.cmc-menu .menu-item-has-children > a,
.cmc-menu .page_item_has_children,
.cmc-menu .page_item_has_children > a {
  background-image: none !important;
}

/* If ALPS adds padding for the indicator, remove it */
.cmc-menu .menu-item-has-children > a,
.cmc-menu .page_item_has_children > a {
  padding-right: 0 !important;
}

/* Hide any direct icon elements if present (common patterns) */
.cmc-menu .menu-item-has-children > a > i,
.cmc-menu .menu-item-has-children > a > svg,
.cmc-menu .menu-item-has-children > a > span[class*="icon"],
.cmc-menu .menu-item-has-children > a > span[class*="caret"],
.cmc-menu .menu-item-has-children > a > span[class*="toggle"] {
  display: none !important;
}

/* LEFT: Brand */
.cmc-brand{
  margin:0;
  padding-left:0;
  flex:0 0 auto;
}

.cmc-brand__link{
  text-decoration:none;
  display:inline-block;
}

.cmc-brand__title{
  display:block;
  font-size:clamp(1.65rem, 2.2vw, 2.55rem);
  font-weight:500;
  color:#ffffff;
  letter-spacing:-.02em;
  line-height:1.05;
}

.cmc-brand__subtitle{
  display:block;
  font-size:clamp(1.02rem, 1.2vw, 1.32rem);
  font-weight:600;
  color:rgba(255,255,255,.92);
  margin-top:6px;
  line-height:1.2;
}

/* RIGHT: Nav */
.cmc-nav{
  margin:0;
  padding-right:clamp(10px, 1.6vw, 18px);
  flex:1 1 auto;
  display:flex;
  justify-content:flex-end;
}

.cmc-nav__panel{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
}

/* Menu list */
.cmc-menu{
  list-style:none;
  display:flex;
  align-items:center;
  gap:18px;
  margin:0;
  padding:0;
}

.cmc-menu > li{ position:relative; }

/* Keep desktop dropdowns open while the pointer moves from parent to submenu (prevents "hiding too fast") */
.cmc-menu > li::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:14px;
  background:transparent;
}


.cmc-menu > li > a{
  color:#ffffff;
  text-decoration:none;
  font-weight:750;
  font-size:1.05rem;
  padding:10px 0;
  display:inline-block;
  transition:opacity .2s, transform .2s;
}

.cmc-menu > li > a:hover{
  opacity:.9;
  transform:translateY(-1px);
}

/* Dropdowns */
.cmc-menu li ul{
  position:absolute;
  top: calc(100% + 8px);
  left:0;
  min-width:240px;
  background:#ffffff;
  list-style:none;
  padding:10px 14px;
  margin:0;
  border-radius:14px;
  box-shadow:0 20px 45px rgba(0,0,0,.18);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:
    opacity .18s ease,
    transform .18s ease,
    visibility 0s linear .18s;
  z-index:999;
}

.cmc-menu li:hover > ul,
.cmc-menu li.cmc-open > ul{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateY(0) !important;
}

/* Ensure mobile submenus show when expanded */
.cmc-menu li.is-subopen > ul{
  display:block !important;
}

.cmc-menu li ul li{ position:relative; }

.cmc-menu li ul li a{
  display:block;
  padding:10px 18px;
  color:var(--cmc-ink);
  text-decoration:none;
  font-weight:650;
  border-radius:10px;
}

.cmc-menu li ul li a:hover{
  background:var(--cmc-hover);
  color:#ffffff;
}

/* Sub-submenu */
.cmc-menu li ul li ul{
  left:100%;
  top:0;
  margin:0 0 0 10px;
}

/* CTA */
.cmc-nav-cta{
  padding:10px 18px;
  border-radius:999px;
  background:var(--cmc-hover);
  color:#ffffff;
  font-weight:850;
  text-decoration:none;
  transition:transform .2s, filter .2s;
  flex:0 0 auto;
}

.cmc-nav-cta:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);
}

/* Hamburger */
.cmc-nav-toggle{
  display:none;
  width:44px;
  height:44px;
  border-radius:10px;
  background:#ffffff;
  border:2px solid var(--cmc-denim);
  cursor:pointer;
  position:relative;
  flex:0 0 auto;
}

.cmc-nav-toggle__icon,
.cmc-nav-toggle__icon::before,
.cmc-nav-toggle__icon::after{
  content:"";
  position:absolute;
  left:11px;
  right:11px;
  height:3px;
  background:var(--cmc-denim);
  transition:.25s;
}

.cmc-nav-toggle__icon{ top:20px; }
.cmc-nav-toggle__icon::before{ top:-8px; }
.cmc-nav-toggle__icon::after{ top:8px; }

/* Mobile backdrop + scroll lock */
html.cmc-nav-open,
html.cmc-nav-open body{
  overflow:hidden;
}

.cmc-nav-backdrop{
  display:none;
}

/* Submenu toggle button hidden on desktop (JS still inserts it) */
.cmc-subtoggle{ display:none; }

@media (max-width: 980px){
  .cmc-nav-backdrop{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    display:none;
    z-index:1050;
  }
  .cmc-nav-backdrop.is-open{ display:block; }

  /* ensure toggle stays above backdrop */
  .cmc-nav-toggle{ position:relative; z-index:1201; }
  .cmc-nav{ z-index:1200; }
  .cmc-header{ z-index:1202; }
}

/* =========================
   Responsive
========================= */
@media (max-width: 980px){

  /* hero + layout */
  .cmc-hero{ padding:170px 0 90px; }
  .cmc-triptych-grid{ grid-template-columns:1fr; }
  .cmc-actions3-grid{ grid-template-columns:1fr; }
  .cmc-feature-grid{ grid-template-columns:1fr; }
  .cmc-search-card{ padding:36px 22px; }
  .cmc-search-bar{ flex-direction:column; }
  .cmc-search-input{ max-width:100%; width:100%; }
  .cmc-search-btn{ width:52px; height:52px; }

  /* header mobile */
  .cmc-header__inner{
    padding:16px clamp(10px, 2vw, 18px);
  }

  .cmc-brand{
    padding-left:0;
    max-width:calc(100% - 56px);
  }
  .cmc-brand__title{
    font-size:1.25rem;
    line-height:1.1;
  }
  .cmc-brand__subtitle{
    font-size:.95rem;
    margin-top:4px;
  }

  .cmc-nav-toggle{
    display:block;
  }

  /* Hide desktop nav panel on mobile - use mega menu instead */
  .cmc-nav__panel{
    display: none !important;
  }

  /* Mobile mega menu - show when nav is opened */
  html.cmc-nav-open body .cmc-mobile-mega{
    display: flex !important;
    flex-direction: column;
  }

  /* Ensure menu is visible inside mobile mega menu */
  .cmc-mobile-mega .cmc-menu{
    display: block !important;
  }

  /* Slide-in panel */
  .cmc-nav{
    position:fixed;
    top:0;
    right:-100%;
    width:min(340px, 92vw);
    height:100%;
    background:var(--cmc-hover);
    transition:right .28s ease;
    padding:92px 20px 24px;
    display:block;
    justify-content:flex-start;
  }

  .cmc-nav.is-open{ right:0; }

  .cmc-nav__panel{
    flex-direction:column;
    align-items:stretch;
    gap:14px;
  }

  .cmc-menu{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }

  .cmc-menu > li > a{
    padding:12px 10px;
    border-radius:12px;
    color:#ffffff;
    background:rgba(255,255,255,.08);
  }

  .cmc-menu > li > a:hover{
    background:rgba(255,255,255,.14);
    transform:none;
  }

  /* Submenu toggle button (mobile) */
  .cmc-menu > li{ position:relative; }

  .cmc-menu .cmc-subtoggle{
    position:absolute;
    right:10px;
    top:8px;
    width:40px;
    height:40px;
    border-radius:12px;
    border:0;
    background:rgba(255,255,255,.16);
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .cmc-menu .cmc-subtoggle:hover{
    background:rgba(255,255,255,.22);
  }

  .cmc-menu .cmc-subtoggle__chev{
    width:10px;
    height:10px;
    border-right:3px solid rgba(255,255,255,.95);
    border-bottom:3px solid rgba(255,255,255,.95);
    transform:rotate(45deg);
    transition:transform .18s ease;
  }

  .cmc-menu li.is-subopen > .cmc-subtoggle .cmc-subtoggle__chev{
    transform:rotate(-135deg);
  }

  /* Give parent link space so toggle doesn't overlap text */
  .cmc-menu .menu-item-has-children > a{
    padding-right:52px;
  }

  /* Mobile submenus */
  .cmc-menu li ul{
    position:static;
    min-width:0;
    margin:8px 0 0;
    background:rgba(255,255,255,.10);
    box-shadow:none;
    border-radius:14px;
    padding:8px 8px;
    opacity:1;
    visibility:visible;
    transform:none;
    display:none;
  }

  .cmc-menu li.is-subopen > ul{ display:block !important; }

  .cmc-menu li ul li a{
    color:#ffffff;
    background:rgba(255,255,255,.10);
    margin:6px 0;
  }

  .cmc-menu li ul li a:hover{
    background:#ffffff;
    color:var(--cmc-hover);
  }

  /* CTA white on mobile */
  .cmc-nav-cta{
    display:inline-flex;
    justify-content:center;
    margin-top:10px;
    background:#ffffff;
    color:var(--cmc-hover);
  }
}

/* =========================
   Tablet/Mid-range (980px - 1024px)
========================= */
@media (max-width: 1024px) and (min-width: 981px){
  
  /* Show hamburger on tablets */
  .cmc-nav-toggle{
    display: block;
  }

  /* Hide desktop nav panel on tablet - use mega menu instead */
  .cmc-nav__panel{
    display: none !important;
  }

  /* Show mobile mega menu when opened */
  html.cmc-nav-open body .cmc-mobile-mega{
    display: flex !important;
    flex-direction: column;
  }

  /* Ensure menu is visible inside mobile mega menu */
  .cmc-mobile-mega .cmc-menu{
    display: block !important;
  }

  /* Mobile menu styling */
  .cmc-menu li ul{
    position:static;
    min-width:0;
    margin:8px 0 0;
    background:rgba(255,255,255,.10);
    box-shadow:none;
    border-radius:14px;
    padding:8px 8px;
    opacity:1;
    visibility:visible;
    transform:none;
    display:none;
  }

  .cmc-menu li.is-subopen > ul{ display:block !important; }

  .cmc-menu li ul li a{
    color:#ffffff;
    background:rgba(255,255,255,.10);
    margin:6px 0;
  }

  .cmc-menu li ul li a:hover{
    background:#ffffff;
    color:var(--cmc-hover);
  }
}

/* =========================
   FORCE Advent Sans (override ALPS/parent)
   (keep at VERY bottom)
========================= */
html, body,
.l-wrap, .l-wrap__content, .l-content,
.l-main, .l-main * ,
.l-header, .l-header * ,
.l-footer, .l-footer * ,
nav, nav * ,
h1,h2,h3,h4,h5,h6,
p,a,button,input,select,textarea,
[class*="c-"], [class*="l-"], [class*="u-"]{
  font-family: "Advent Sans", Arial, sans-serif !important;
}

/* =========================================================
   Front Page Content + 7th Column Parity
   - Keep the homepage practical and compact.
   - Let the Sabbath column match the rest of the website.
========================================================= */
@media (min-width: 1025px){
  html body.home.cmc-site .l-wrap__sabbath,
  html body.home.cmc-site .l-sabbath{
    border-left: 0 !important;
    box-shadow: none !important;
    background:
      linear-gradient(180deg,
        rgba(245, 248, 253, 1) 0%,
        rgba(240, 245, 252, calc(1 - (var(--cmc-sabbath-t, 0) * .18))) 48%,
        rgba(255, 255, 255, 1) 100%) !important;
  }

  html body.home.cmc-site .l-sabbath__overlay{
    opacity: 1 !important;
    background:
      linear-gradient(180deg,
        rgba(18, 54, 107, var(--cmc-sabbath-deep, 0.82)) 0%,
        rgba(71, 132, 207, var(--cmc-sabbath-sky, 0.10)) 44%,
        rgba(225, 190, 132, var(--cmc-sabbath-warm, 0.00)) 78%,
        rgba(255, 255, 255, calc(var(--cmc-sabbath-white, 0.18) * .92)) 100%) !important;
    filter:
      saturate(calc(1 + ((1 - var(--cmc-sabbath-t, 0)) * .18)))
      brightness(calc(.94 + (var(--cmc-sabbath-t, 0) * .22))) !important;
  }

  html body.home.cmc-site .cmc-header,
  html body.home.cmc-site .cmc-header__inner{
    border-right: 0 !important;
    box-shadow: none !important;
  }
}

body.home .cmc-home2__top{
  min-height: clamp(660px, 78vh, 840px) !important;
}

body.home .cmc-home2__top-inner{
  padding: clamp(180px, 24vh, 270px) 0 clamp(98px, 10vh, 128px) !important;
  max-width: 720px !important;
}

body.home .cmc-home2__hero-card{
  gap: 12px !important;
}

body.home .cmc-home2__title{
  max-width: 12ch !important;
  font-size: clamp(2.25rem, 4.2vw, 4.15rem) !important;
}

body.home .cmc-home2__section{
  padding: clamp(42px, 4.6vw, 68px) 0 !important;
}

body.home .cmc-home2__section--latest{
  background:
    radial-gradient(900px 320px at 12% 0%, rgba(96, 147, 220, .18) 0%, rgba(96, 147, 220, 0) 58%),
    linear-gradient(180deg, #f4f7fb 0%, #edf3fb 100%);
}

body.home .cmc-home2__section--latest .cmc-home2__head h2{
  color: #102545;
}

body.home .cmc-home2__section--latest .cmc-home2__head p{
  color: rgba(16, 37, 69, .76);
}

body.home .cmc-home2__latest-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

body.home .cmc-home2__latest-card{
  display: grid;
  gap: 12px;
  align-content: start;
  min-height: 260px;
  padding: 22px;
  border-radius: 20px;
  border: 1px solid rgba(117, 154, 215, .18);
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(246,250,255,.94) 100%);
  box-shadow: 0 18px 34px rgba(11, 28, 58, .1);
}

body.home .cmc-home2__latest-date{
  margin: 0;
  color: rgba(31, 86, 176, .78) !important;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body.home .cmc-home2__latest-card h3{
  margin: 0;
  color: #102545 !important;
  font-size: clamp(1.18rem, 1.5vw, 1.42rem);
  line-height: 1.22;
  font-family: var(--cmc-home2-font-display, inherit);
}

body.home .cmc-home2__latest-card p{
  margin: 0;
  color: rgba(16, 37, 69, .72) !important;
  line-height: 1.62;
}

body.home .cmc-home2__latest-card .cmc-home2__btn{
  margin-top: auto;
  justify-self: start;
}

@media (max-width: 980px){
  body.home .cmc-home2__top{
    min-height: clamp(620px, 82vh, 760px) !important;
  }

  body.home .cmc-home2__top-inner{
    padding: clamp(150px, 20vh, 220px) 0 96px !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  body.home .cmc-home2__hero-card{
    margin-left: 0 !important;
  }

  body.home .cmc-home2__title,
  body.home .cmc-home2__hero-subtitle,
  body.home .cmc-home2__hero-trust{
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  body.home .cmc-home2__hero-actions{
    justify-content: flex-start !important;
  }

  body.home .cmc-home2__hero-proof{
    grid-template-columns: 1fr !important;
  }

  body.home .cmc-home2__latest-grid{
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Homepage Full-Width Desktop Shell
   - Disable the ALPS Sabbath side column on the front page only
   - Let the homepage content/header expand to the full viewport width
========================================================= */
@media (min-width: 1025px){
  html body.home.cmc-site > .l-wrap{
    max-width: 100% !important;
    width: 100% !important;
  }

  html body.home.cmc-site .l-wrap__content,
  html body.home.cmc-site .l-content{
    width: 85.7142857143vw !important;
    max-width: 85.7142857143vw !important;
    flex: 0 0 85.7142857143vw !important;
  }

  html body.home.cmc-site .l-sabbath,
  html body.home.cmc-site .l-sabbath__overlay,
  html body.home.cmc-site .l-sabbath__logo-light,
  html body.home.cmc-site .l-wrap__sabbath{
    display: block !important;
    width: 14.2857142857vw !important;
    min-width: 14.2857142857vw !important;
    max-width: 14.2857142857vw !important;
    flex: 0 0 14.2857142857vw !important;
  }

  html body.home.cmc-site .cmc-header > .cmc-header__inner,
  html body.home.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
  html body.home.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner{
    width: min(calc(100vw - 40px), 1680px) !important;
    max-width: min(calc(100vw - 40px), 1680px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* =========================
   FOOTER
========================= */

.cmc-footer {
  background: linear-gradient(to top, #0b2a6f, #123e85);
  color: #ffffff;

  /* Add horizontal breathing space */
  padding: 70px clamp(28px, 6vw, 120px) 30px;

  font-family: 'Advent Sans', sans-serif;
}

.cmc-footer__top {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 40px;
  margin-bottom: 40px;
}

.cmc-footer__title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}

.cmc-footer__heading {
  font-size: 16px;
  margin-bottom: 14px;
  opacity: 0.9;
}

.cmc-footer__text {
  font-size: 14px;
  opacity: 0.8;
  line-height: 1.6;
}

.cmc-footer__links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cmc-footer__links li {
  margin-bottom: 10px;
}

.cmc-footer__links a {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.85;
  transition: opacity 0.2s ease;
}

.cmc-footer__links a:hover {
  opacity: 1;
  text-decoration: underline;
}

.cmc-footer__social {
  display: flex;
  gap: 15px;
  margin-top: 10px;
}

.cmc-footer__social a {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.12);
  border-radius: 50%;
  transition: all 0.3s ease;
}

.cmc-footer__social a:hover {
  background: #ffffff;
}

.cmc-footer__social svg {
  width: 18px;
  height: 18px;
  fill: #ffffff;
  transition: fill 0.3s ease;
}

.cmc-footer__social a:hover svg {
  fill: #0b2a6f;
}

.cmc-footer__bottom {
  text-align: center;
  font-size: 13px;
  opacity: 0.7;
  border-top: 1px solid rgba(255,255,255,0.15);
  padding-top: 20px;
}

/* =========================
   ALPS "7th column" (Sabbath aside) color change on scroll
   ALPS JS fades .l-sabbath__overlay opacity. We ensure a light base behind it.
========================= */

.u-theme--denim .l-sabbath{
  background: #f5f5f5 !important; /* match adventist.org rail base */
}

.u-theme--denim .l-sabbath__overlay{
  background: #2f557f !important; /* match adventist.org denim overlay */
}

/* Smoothness (optional, helps visual quality) */
.u-theme--denim .l-sabbath__overlay,
.u-theme--denim .l-sabbath__logo-light{
  transition: none !important;
  will-change: auto !important;
}

/* ===================================
   Officer Page Contact Button Fix
=================================== */

.cmc-btn--contact{
  background:#ffffff;
  color:#0b2a6f;
  border:2px solid #0b2a6f;
  font-weight:800;
  transition:all .25s ease;
}

.cmc-btn--contact:hover{
  background:#0b2a6f;
  color:#ffffff;
}

/* =========================================================
   HEADER + NAV (Final)
   Your requirements:
   - Home header stays overlay on hero (transparent) and scrolls away (not fixed)
   - Inner pages header scrolls with page (not fixed) with solid denim background
   - NO scroll effects (even if JS adds .is-scrolled)
   - On shrink: hamburg/* --- Header width: full-bleed with small, controlled gutters (like adventist.org) --- */
html body.home .cmc-header,
html body:not(.home) .cmc-header{
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}

/* Inner container creates the “little padding” */
html body .cmc-header__inner{
  width: 100% !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(18px, 3vw, 40px) !important;
  padding-right: clamp(18px, 3vw, 40px) !important;
  box-sizing: border-box !important;
}
/* --- Any JS-added scroll effect globally --- */
html body .cmc-header.is-scrolled{
  background: inherit !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border: none !important;
}
html body .cmc-header.is-scrolled::after{ content:none !important; }

/* =========================================================
   HOME: overlay on hero (transparent) + scrolls away
========================================================= */
html body.home .cmc-header{
  position: absolute !important;
  top: var(--cmc-header-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;

  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  overflow: visible !important;
  box-shadow: none !important;
  border: none !important;

  z-index: 2000 !important;
}

/* Respect WP admin bar on home */
html body.home .cmc-header{ --cmc-header-top: 0px; }
html body.admin-bar.home .cmc-header{ --cmc-header-top: 32px; }
@media (max-width: 782px){
  html body.admin-bar.home .cmc-header{ --cmc-header-top: 46px; }
}

/* Home hero stays flush */
html body.home .l-main,
html body.home .l-main.u-spacing--double,
html body.home .l-main.u-padding--double--bottom{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* =========================================================
   INNER PAGES: normal scrolling header (in flow)
========================================================= */
/* Since header is not fixed, do not push main content */
html body:not(.home) .l-main{
  padding-top: 0 !important;
}

/* Header inner layout: keep space, prevent crushing */
html body .cmc-header__inner{
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

/* Brand can shrink gracefully */
html body .cmc-brand{
  max-width: min(520px, 55%) !important;
  overflow: hidden;
}
html body .cmc-brand__title,
html body .cmc-brand__subtitle{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Keep header text white */
html body .cmc-brand__title,
html body .cmc-brand__subtitle,
html body .cmc-menu > li > a{
  color: #ffffff !important;
}

/* Dropdowns must float above */
html body .cmc-menu li ul{ z-index: 99999 !important; }

/* =========================================================
   DESKTOP DROPDOWNS: JS-controlled open/close (NO icons)
   JS will add/remove .cmc-open on top-level li
========================================================= */
@media (min-width: 1025px){

  /* Show nav panel on desktop */
  .cmc-nav__panel{
    display: flex !important;
  }

  /* Hide mobile mega menu on desktop */
  .cmc-mobile-mega{
    display: none !important;
  }

  /* Disable hover-opening so dropdowns don't get "stuck" */
  html body .cmc-menu li:hover > ul{
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
  }

  /* Default hidden */
  html body .cmc-menu li > ul{
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
  }

  /* Open only when JS sets .cmc-open */
  html body .cmc-menu li.cmc-open > ul{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }
}

/* =========================================================
   RESPONSIVE: hamburger earlier (<=1024px) + clean drawer
========================================================= */
@media (max-width: 1024px){

  /* Hide desktop menu + CTA */
  html body .cmc-nav__panel .cmc-menu,
  html body .cmc-nav-cta{
    display: none !important;
  }

  /* Show mobile mega menu contents when nav is open */
  html body .cmc-mobile-mega .cmc-menu{
    display: block !important;
  }

  /* Give the header inner breathing room on the right so the toggle isn't near col 7 */
  html body .cmc-header__inner{
    padding-right: 22px !important;
  }

  /* Hamburger button */
  html body .cmc-nav-toggle{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;
    border-radius: 14px;

    margin-right: 10px !important;

    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(255,255,255,.55) !important;
    box-shadow:
      0 10px 26px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.55) !important;

    position: relative;
    cursor: pointer;
    transition: transform .18s ease, filter .18s ease;
  }
  html body .cmc-nav-toggle:hover{
    transform: translateY(-1px);
    filter: brightness(1.02);
  }

  /* 3 horizontal lines */
  html body .cmc-nav-toggle__icon,
  html body .cmc-nav-toggle__icon::before,
  html body .cmc-nav-toggle__icon::after{
    content:"";
    position:absolute;
    left: 13px;
    right: 13px;
    height: 2px;
    border-radius: 999px;
    background: var(--cmc-denim, #1f4e79) !important;
  }
  html body .cmc-nav-toggle__icon{ top: 23px; }
  html body .cmc-nav-toggle__icon::before{ top: -7px; }
  html body .cmc-nav-toggle__icon::after{ top: 7px; }

  /* Off-canvas drawer */
  html body .cmc-nav{
    position: fixed !important;
    top: 0 !important;
    right: -110% !important;

    width: min(360px, 92vw) !important;
    height: 100vh !important;

    background: var(--cmc-denim, #1f4e79) !important;
    padding: 84px 18px 18px !important;

    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;

    transition: right .28s ease !important;
    z-index: 3000 !important;

    display: block !important;
    justify-content: flex-start !important;
  }
  html body .cmc-nav.is-open{ right: 0 !important; }

  /* Backdrop (uses your existing .cmc-nav-backdrop element) */
  html body .cmc-nav-backdrop{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    display: none;
    z-index: 2500;
  }
  html body .cmc-nav-backdrop.is-open{ display:block; }

  /* Drawer menu layout */
  html body .cmc-nav__panel{
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
  }

  html body .cmc-menu{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .cmc-menu > li{ position: relative; }

  html body .cmc-menu > li > a{
    display: block !important;
    padding: 14px 10px !important;
    border-bottom: 1px solid rgba(255,255,255,.14) !important;
    color: #fff !important;
    background: transparent !important;
    border-radius: 0 !important;
  }
  html body .cmc-menu > li:last-child > a{ border-bottom: 0 !important; }

  /* CTA in drawer */
  html body .cmc-nav-cta{
    display: inline-flex !important;
    justify-content: center;
    margin-top: 14px !important;
    background: #ffffff !important;
    color: var(--cmc-denim, #1f4e79) !important;
    border-radius: 999px !important;
    padding: 12px 16px !important;
    font-weight: 850 !important;
  }

  /* Submenu toggle button visible in drawer */
  html body .cmc-subtoggle{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    position: absolute;
    right: 8px;
    top: 8px;

    width: 42px;
    height: 42px;
    border-radius: 12px;

    border: 1px solid rgba(255,255,255,.18) !important;
    background: rgba(255,255,255,.10) !important;

    cursor: pointer;
    z-index: 5;
  }
  html body .cmc-subtoggle:hover{
    background: rgba(255,255,255,.16) !important;
  }

  html body .cmc-subtoggle__chev{
    width: 10px;
    height: 10px;
    border-right: 3px solid rgba(255,255,255,.95);
    border-bottom: 3px solid rgba(255,255,255,.95);
    transform: rotate(45deg);
    transition: transform .18s ease;
  }
  html body .cmc-menu li.is-subopen > .cmc-subtoggle .cmc-subtoggle__chev{
    transform: rotate(-135deg);
  }

  /* Make room so toggle doesn't overlap the parent link text */
  html body .cmc-menu > li.menu-item-has-children > a,
  html body .cmc-menu > li.page_item_has_children > a{
    padding-right: 56px !important;
  }

  /* Drawer submenus */
  html body .cmc-menu li ul{
    position: static !important;
    margin: 10px 0 12px !important;
    padding: 10px !important;

    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 14px !important;

    display: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
  }
  html body .cmc-menu li.is-subopen > ul{ display: block !important; }

  html body .cmc-menu li ul li a{
    display: block !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: #fff !important;
    background: rgba(255,255,255,.06) !important;
    margin: 8px 0 !important;
  }

  html body .cmc-menu li ul li a:hover{
    background: rgba(255,255,255,.14) !important;
    color: #ffffff !important;
  }

  /* Prevent the old “scroll lock” rule from trapping scroll when drawer closed */
  html.cmc-nav-open,
  html.cmc-nav-open body{
    overflow: hidden;
  }
}

/* Extra safety on medium screens: allow wrapping (rare edge cases above 1180px) */
@media (max-width: 1320px){
  html body .cmc-nav__panel{ gap: 10px !important; }
  html body .cmc-menu{ gap: 12px !important; flex-wrap: wrap !important; }
}

/* =========================================================
   REMOVE ANY ICONS (if any rule added them previously)
========================================================= */
html body .cmc-menu > li > a::before,
html body .cmc-menu > li > a::after,
html body .cmc-menu li ul li a::before{
  content: none !important;
  display: none !important;
}
html body .cmc-menu > li > a,
html body .cmc-menu li ul li a{
  padding-left: inherit !important;
}

/* =========================================================
   NOTE: Desktop hover-close/open needs JS to add .cmc-open.
   Use the latest header script I provided (desktop mouseenter/mouseleave).
========================================================= */

/* =========================================================
   DESKTOP DROPDOWNS (Multi-level)
   - JS adds/removes .cmc-open on ANY li with children (top + nested)
   - Hovering another item at same level closes siblings
   - Moving off closes (mouseleave)
   - Click outside closes all
========================================================= */
@media (min-width: 1025px){

  /* Base: hide all submenus */
  html body .cmc-menu li > ul{
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
    transition: all .22s ease !important;
  }

  /* Open when JS applies .cmc-open */
  html body .cmc-menu li.cmc-open > ul{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }

  /* Keep nested flyouts aligned */
  html body .cmc-menu li ul{
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 240px;
    margin: 10px 0 0;
  }

  /* Sub-submenus (3rd level+) fly out to the right */
  html body .cmc-menu li ul li > ul{
    top: 0;
    left: 100%;
    margin: 0 0 0 10px;
  }
}

/* =========================================================
   MOBILE DRAWER: Nested submenus (sub-submenus)
   - Allow unlimited depth with indentation
========================================================= */
@media (max-width: 1024px){

  /* Ensure ALL nested uls are in-flow */
  html body .cmc-menu li ul{
    position: static !important;
  }

  /* Indent 2nd level */
  html body .cmc-menu > li > ul{
    padding-left: 10px !important;
  }

  /* Indent deeper levels */
  html body .cmc-menu li ul li ul{
    margin-top: 10px !important;
    padding-left: 14px !important;
    border-left: 2px solid rgba(255,255,255,.14) !important;
  }

  /* Make nested submenu links a bit smaller to show hierarchy */
  html body .cmc-menu li ul li ul li a{
    font-size: .98rem !important;
    opacity: .98;
  }
}
/* =========================================================
   FIX: Don’t trim the site title on small screens
   - allow wrapping instead of ellipsis
========================================================= */

@media (max-width: 1024px){

  /* Let the brand take more room */
  html body .cmc-brand{
    max-width: calc(100% - 70px) !important; /* leaves room for hamburger */
    overflow: visible !important;
  }

  /* Remove ellipsis + allow wrapping */
  html body .cmc-brand__title,
  html body .cmc-brand__subtitle{
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal;
  }

  /* Make it look neat when wrapped */
  html body .cmc-brand__title{
    line-height: 1.1;
  }
  html body .cmc-brand__subtitle{
    line-height: 1.15;
  }
}
.cmc-block + .cmc-block{
  border-top: 1px solid rgba(11,42,111,.08);
}
.cmc-feature-tile{
  transition: transform .25s ease, box-shadow .25s ease;
}

.cmc-feature-tile:hover{
  transform: translateY(-6px);
  box-shadow: 0 30px 60px rgba(0,0,0,.18);
}



.cmc-triptych-avatar{
  aspect-ratio: 1 / 1;
}


.cmc-block:nth-child(even){
  background: linear-gradient(
    to bottom,
    rgba(11,42,111,.02),
    rgba(11,42,111,.04)
  );
}
.cmc-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:120px;
  background:linear-gradient(to bottom, transparent, #ffffff);
}
.cmc-menu > li > a{
  position:relative;
}

.cmc-menu > li > a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:0;
  height:2px;
  background:#ffffff;
  transition:width .25s ease;
}

.cmc-menu > li > a:hover::after{
  width:100%;
}
.cmc-leadership-card{
  border:1px solid rgba(11,42,111,.08);
  border-radius:18px;
  background:#ffffff;
  transition: all .25s ease;
}

.cmc-leadership-card:hover{
  transform:translateY(-6px);
  box-shadow:0 30px 60px rgba(0,0,0,.12);
}
.cmc-leadership-card img{
  border-radius:50%;
  box-shadow: inset 0 4px 18px rgba(0,0,0,.08);
}
.cmc-article-meta{
  font-size:.85rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(11,42,111,.55);
}
.cmc-article-content p:first-of-type{
  font-size:1.15rem;
  line-height:1.6;
  color:#0b2a6f;
}
.cmc-footer{
  position:relative;
}

.cmc-footer::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(
    to right,
    transparent,
    rgba(255,255,255,.25),
    transparent
  );
}

.cmc-btn{
  background: linear-gradient(
    135deg,
    #1f4e79,
    #163c61
  );
  box-shadow:
    0 10px 24px rgba(31,78,121,.25),
    inset 0 1px 0 rgba(255,255,255,.2);
}


/* =========================================================
   HOME PAGE AESTHETICS PACK (Step 1)
   Paste at VERY BOTTOM of style.css
========================================================= */

/* 1) Subtle global ambient glow (very Adventist, very light) */
body{
  background:
    radial-gradient(1200px 600px at 50% -200px, rgba(31,78,121,.04), transparent 70%);
}

/* 2) Hero bottom fade into the first white section (no hard cut) */
body.home .cmc-topstage{
  position: relative;
}
body.home .cmc-topstage::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:140px;
  pointer-events:none;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
}

/* 3) Make section rhythm more elegant (alternating gentle wash) */
body.home .cmc-block:nth-of-type(even){
  background:
    linear-gradient(to bottom, rgba(11,42,111,.02), rgba(11,42,111,.04));
}

/* 4) Improve section headings (clean hierarchy) */
/* 5) Premium hover lift for feature tiles (subtle, not flashy) */
body.home .cmc-feature-tile{
  transition: transform .25s ease, box-shadow .25s ease;
}
body.home .cmc-feature-tile:hover{
  transform: translateY(-6px);
  box-shadow: 0 30px 60px rgba(0,0,0,.16);
}

/* 6) Action cards: slight gloss + cleaner hover */
body.home .cmc-action-card{
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
body.home .cmc-action-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 30px 60px rgba(0,0,0,.16);
  filter: brightness(1.02);
}

/* 7) Buttons: tiny polish so they feel “official” */
body.home .cmc-btn,
body.home .cmc-action-card__btn,
body.home .cmc-feature-tile__btn{
  will-change: transform;
}

/* 8) Gentle divider between major blocks (adds structure) */
body.home .cmc-block + .cmc-block{
  border-top: 1px solid rgba(11,42,111,.07);
}
/* =========================================================
   LEADERSHIP AESTHETICS PACK (Step 2)
   Paste at VERY BOTTOM of style.css
========================================================= */

/* --- Leadership page: make the 3 tiles feel more "official" --- */
body:not(.home) .cmc-actions3-grid{
  margin-top: 34px !important;
}

body:not(.home) .cmc-action-card{
  border-radius: 22px;
  border: 0 !important;
  box-shadow: 0 18px 36px rgba(0,0,0,.12);
  outline: none !important;
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

body:not(.home) .cmc-action-card:hover{
  transform: translateY(-7px);
  box-shadow: 0 38px 80px rgba(0,0,0,.18);
  filter: brightness(1.02);
}

/* stronger, calmer overlay (helps text readability) */
body:not(.home) .cmc-action-card__overlay{
  background:
    linear-gradient(to top, rgba(0,0,0,.74) 0%, rgba(0,0,0,.34) 55%, rgba(0,0,0,.18) 100%) !important;
}

body:not(.home) .cmc-action-card__content,
body:not(.home) .cmc-action-card__content *{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* tighten title + text for a more conference feel */
body:not(.home) .cmc-action-card__title{
  letter-spacing: .02em;
}

body:not(.home) .cmc-action-card__text{
  max-width: 38ch;
}

/* make the button feel premium but calm */
body:not(.home) .cmc-action-card__btn{
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
body:not(.home) .cmc-action-card__btn:hover{
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow: 0 18px 40px rgba(0,0,0,.26);
}

/* --- Director profile page: add missing reusable styles --- */
/* Your profile template uses .cmc-card + .cmc-muted but they aren’t defined yet */
.cmc-card{
  display: flex;
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.cmc-muted{
  color: rgba(11,42,111,.78);
}

/* make the profile photo area feel more "official" */
.cmc-card img{
  outline: none !important;
}

/* keep the profile layout stable on small screens */
@media (max-width: 900px){
  .cmc-card{
    flex-direction: column;
    align-items: stretch !important;
  }
}

/* accessibility polish (makes it feel professional) */

/* =========================================================
   LEADERSHIP GRID STYLES
   Paste at VERY BOTTOM of your style.css (or merge)
========================================================= */

.cmc-filter-btn{
  appearance:none;
  border: 1px solid rgba(11,42,111,.14);
  background: rgba(255,255,255,.78);
  color: rgba(11,42,111,.92);
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 850;
  letter-spacing: .02em;
  cursor: pointer;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
}
.cmc-filter-btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow: 0 14px 30px rgba(0,0,0,.10);
}
.cmc-filter-btn.is-active{
  background: var(--cmc-denim);
  color: #fff;
  border-color: rgba(255,255,255,.22);
  box-shadow: 0 16px 34px rgba(31,78,121,.22);
}

.cmc-leadership-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}

@media (max-width: 1100px){
  .cmc-leadership-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px){
  .cmc-leadership-grid{ grid-template-columns: 1fr; }
}

.cmc-leader-card{
  border-radius: 22px;
  border: 1px solid rgba(11,42,111,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.cmc-leader-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 34px 78px rgba(0,0,0,.14);
  filter: brightness(1.01);
}

.cmc-leader-card__media{
  display:block;
  width:100%;
  aspect-ratio: 16/10;
  background: rgba(31,78,121,.08);
  overflow: hidden;
}
.cmc-leader-card__media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
.cmc-leader-card__placeholder{
  width:100%;
  height:100%;
  background:
    radial-gradient(600px 220px at 50% 0%, rgba(31,78,121,.18), transparent 70%),
    linear-gradient(180deg, rgba(31,78,121,.12), rgba(31,78,121,.04));
}

.cmc-leader-card__body{
  padding: 16px 16px 18px;
}

.cmc-leader-card__name{
  font-size: 1.06rem;
  margin: 0 0 6px;
}
.cmc-leader-card__name a{
  color: var(--cmc-ink);
  text-decoration: none;
}
.cmc-leader-card__name a:hover{
  text-decoration: underline;
}

.cmc-leader-card__title{
  color: rgba(11,42,111,.78);
  font-weight: 700;
  margin-bottom: 10px;
}

.cmc-leader-card__term{
  color: rgba(11,42,111,.72);
  font-size: .95rem;
  margin-top: -6px;
  margin-bottom: 10px;
}

.cmc-leader-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap: 10px 14px;
  font-size: .92rem;
  margin: 10px 0 14px;
  color: rgba(11,42,111,.78);
}
.cmc-leader-card__meta a{
  color: rgba(11,42,111,.88);
  text-decoration: none;
  border-bottom: 1px dashed rgba(11,42,111,.35);
}
.cmc-leader-card__meta a:hover{
  border-bottom-style: solid;
}

.cmc-leader-card__cta{
  display:flex;
  justify-content:flex-start;
  margin-top: 10px;
}
.cmc-leader-card__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(31,78,121,.10);
  color: rgba(11,42,111,.92);
  font-weight: 850;
  text-decoration:none;
  border: 1px solid rgba(11,42,111,.12);
  transition: transform .18s ease, filter .18s ease, background .18s ease;
}
.cmc-leader-card__btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  background: rgba(31,78,121,.14);
}

/* Leadership directory page: keep dark cards readable */
body.page-leadership .cmc-actions3-grid .cmc-action-card__content,
body.page-leadership .cmc-actions3-grid .cmc-action-card__content *{
  color: #ffffff !important;
}

body.page-leadership .cmc-actions3-grid .cmc-action-card__content{
  align-items: flex-start !important;
  justify-content: flex-end !important;
  text-align: left !important;
}

body.page-leadership .cmc-actions3-grid .cmc-action-card__title,
body.page-leadership .cmc-actions3-grid .cmc-action-card__text,
body.page-leadership .cmc-actions3-grid .cmc-action-card__btn,
body.page-leadership .cmc-actions3-grid .cmc-action-card__btn:link,
body.page-leadership .cmc-actions3-grid .cmc-action-card__btn:visited,
body.page-leadership .cmc-actions3-grid .cmc-action-card__btn:hover,
body.page-leadership .cmc-actions3-grid .cmc-action-card__btn:focus,
body.page-leadership .cmc-actions3-grid .cmc-action-card__btn:active{
  color: #ffffff !important;
}

body.page-leadership .cmc-actions3-grid .cmc-action-card__btn{
  border-color: rgba(255,255,255,.24) !important;
  background: rgba(255,255,255,.12) !important;
  align-self: flex-start !important;
  color: #ffffff !important;
}

body.page-leadership .cmc-actions3-grid .cmc-action-card{
  min-height: 220px !important;
  background:
    radial-gradient(900px 300px at 18% 16%, rgba(255,255,255,.08), transparent 55%),
    linear-gradient(180deg, #244e7f 0%, #0e264d 100%) !important;
  box-shadow: 0 24px 54px rgba(4, 24, 53, .16) !important;
}

body.page-leadership .cmc-actions3-grid .cmc-action-card__overlay{
  background: linear-gradient(180deg, rgba(7,18,40,.06) 0%, rgba(7,18,40,.24) 100%) !important;
}

body.page-leadership .cmc-actions3-grid .cmc-action-card__content{
  padding: 20px 20px 18px !important;
}

body.page-leadership .cmc-actions3-grid .cmc-action-card__title{
  margin-bottom: 10px !important;
  font-size: 1.5rem !important;
  line-height: 1.08 !important;
}

body.page-leadership .cmc-actions3-grid .cmc-action-card__text{
  max-width: 34ch;
  margin-bottom: 16px !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

body.page-leadership .cmc-actions3-grid .cmc-action-card__btn{
  padding: 10px 16px !important;
}

body.page-leadership .cmc-leader-card{
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,249,255,.96)) !important;
  border-color: rgba(11,42,111,.10) !important;
  box-shadow: 0 22px 52px rgba(3,24,51,.12) !important;
}

body.page-leadership .cmc-leader-card:hover{
  transform: translateY(-8px) !important;
  box-shadow: 0 34px 76px rgba(3,24,51,.16) !important;
}

body.page-leadership .cmc-leader-card__media{
  background: linear-gradient(180deg, rgba(18,76,146,.08), rgba(18,76,146,.02)) !important;
}

body.page-leadership .cmc-leader-card__media img{
  object-fit: cover;
  transition: transform .35s ease, filter .35s ease;
}

body.page-leadership .cmc-leader-card:hover .cmc-leader-card__media img{
  transform: scale(1.04);
  filter: saturate(1.03);
}

body.page-leadership .cmc-leader-card__placeholder{
  background:
    radial-gradient(600px 220px at 50% 0%, rgba(18,76,146,.12), transparent 70%),
    linear-gradient(180deg, rgba(18,76,146,.08), rgba(18,76,146,.03)) !important;
}

body.page-leadership .cmc-leader-card__name a{
  color: #0b2a6f !important;
}

body.page-leadership .cmc-leader-card__title,
body.page-leadership .cmc-leader-card__term{
  color: rgba(11,42,111,.84) !important;
}

body.page-leadership .cmc-leader-card__meta,
body.page-leadership .cmc-leader-card__meta a{
  color: rgba(11,42,111,.72) !important;
}

body.page-leadership .cmc-leader-card__meta a,
body.page-leadership .cmc-leader-card__name a{
  text-decoration-color: rgba(11,42,111,.28) !important;
}

body.page-leadership .cmc-leader-card__btn{
  background: linear-gradient(135deg, #2f6edb, #1850a9) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(23,82,171,.22) !important;
}

body.page-leadership .cmc-leader-card__body{
  padding: 18px 18px 22px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: flex-start;
  gap: 2px;
}

body.page-leadership .cmc-leader-card__badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  margin-bottom: 8px;
  border-radius: 999px;
  background: rgba(31,78,121,.08);
  color: #1f4e79;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.page-leadership .cmc-leader-card__name{
  margin-bottom: 4px !important;
  font-size: 1.04rem !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  color: #0b2a6f !important;
}

body.page-leadership .cmc-leader-card__title{
  margin-bottom: 8px !important;
  font-size: 1rem !important;
  line-height: 1.24 !important;
  word-break: break-word;
  hyphens: auto;
  max-width: 15ch;
}

body.page-leadership .cmc-leader-card__meta{
  margin: 0 !important;
  font-size: .95rem !important;
  line-height: 1.55 !important;
}

body.page-leadership .cmc-leader-card__meta a{
  display: inline-block;
}

body.page-leadership .cmc-leadership-grid{
  gap: clamp(34px, 3.6vw, 52px) !important;
  margin-top: 24px !important;
  align-items: stretch !important;
  grid-auto-rows: 1fr;
}

body.page-leadership .cmc-leader-card{
  margin-top: 0 !important;
  min-height: 100%;
}

body.page-leadership :is(.cmc-leader-hero + .cmc-content, .cmc-leader-jump + .cmc-content) .cmc-leader-card{
  margin-top: 0 !important;
}

body.page-leadership .cmc-leadership-section{
  clear: both;
  margin-top: 40px;
  padding-left: clamp(28px, 5vw, 80px) !important;
  padding-right: clamp(28px, 5vw, 80px) !important;
}

body.page-leadership .cmc-section-text{
  position: relative;
  z-index: 2;
  margin-bottom: 24px;
}

body.page-leadership .cmc-actions3-grid{
  margin-bottom: 0;
}

body.page-leadership .cmc-section-title{
  margin-bottom: 10px;
}

body.page-leadership .cmc-leadership-glance{
  margin-top: 28px;
  margin-bottom: clamp(44px, 6vw, 72px);
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: clamp(24px, 3vw, 34px) clamp(28px, 5vw, 80px) clamp(26px, 3vw, 36px);
  border-radius: 0;
  background:
    radial-gradient(900px 320px at 14% 0%, rgba(255,255,255,.10), transparent 52%),
    radial-gradient(600px 260px at 100% 100%, rgba(255,255,255,.08), transparent 46%),
    linear-gradient(180deg, #2a588f 0%, #0e264d 100%);
  box-shadow: 0 28px 64px rgba(4, 24, 53, .16);
  overflow: hidden;
  box-sizing: border-box;
}

body.page-leadership .cmc-leadership-glance__eyebrow{
  margin: 0 0 8px;
  color: #ffffff !important;
  font-size: .8rem;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

body.page-leadership .cmc-leadership-glance__title{
  margin: 0 0 20px;
  color: #ffffff !important;
  font-size: clamp(1.5rem, 2.4vw, 2.2rem);
  line-height: 1.12;
  letter-spacing: -.03em;
}

body.page-leadership .cmc-leadership-glance .cmc-actions3-grid{
  margin-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100%;
  max-width: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.page-leadership .cmc-wrap{
  max-width: 1360px !important;
  padding-left: clamp(28px, 5vw, 80px) !important;
  padding-right: clamp(28px, 5vw, 80px) !important;
  box-sizing: border-box;
}

body.page-leadership .cmc-block{
  padding-top: clamp(24px, 3vw, 36px);
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-leadership .cmc-actions3-grid,
body.page-leadership .cmc-leadership-grid{
  margin-left: auto;
  margin-right: auto;
}

body.page-leadership .cmc-actions3-grid{
  padding-left: clamp(28px, 5vw, 80px) !important;
  padding-right: clamp(28px, 5vw, 80px) !important;
  box-sizing: border-box;
}

body.page-leadership .cmc-leadership-grid{
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 760px){
  body.page-leadership .cmc-leadership-glance{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 16px 24px;
    margin-bottom: 42px;
  }

  body.page-leadership .cmc-leadership-glance .cmc-actions3-grid{
    grid-template-columns: 1fr !important;
    gap: 14px;
  }

  body.page-leadership .cmc-actions3-grid .cmc-action-card{
    min-height: 180px !important;
  }

  body.page-leadership .cmc-actions3-grid .cmc-action-card__content{
    padding: 18px !important;
  }

  body.page-leadership .cmc-actions3-grid .cmc-action-card__title{
    font-size: 1.28rem !important;
  }

  body.page-leadership .cmc-actions3-grid .cmc-action-card__text{
    max-width: none;
  }
}

body.page-leadership .cmc-block > .cmc-wrap{
  width: 100% !important;
  max-width: 1360px !important;
}

body.page-leadership .cmc-block > .cmc-wrap > *{
  width: 100%;
}

body.page-leadership .cmc-leadership-filters,
body.page-leadership .cmc-leadership-links{
  padding-left: clamp(28px, 5vw, 80px) !important;
  padding-right: clamp(28px, 5vw, 80px) !important;
  box-sizing: border-box;
}

body.page-leadership .cmc-leadership-filters{
  margin-top: clamp(20px, 3vw, 32px) !important;
}

body.page-leadership .cmc-leadership-links{
  margin-top: clamp(4px, 1vw, 10px) !important;
}

body.page-leadership .cmc-filter-btn{
  background: #345d94 !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: 0 14px 28px rgba(10,31,63,.14) !important;
}

body.page-leadership .cmc-filter-btn:hover{
  background: #2b5084 !important;
  color: #ffffff !important;
}

body.page-leadership .cmc-filter-btn.is-active{
  background: #163a6d !important;
  color: #ffffff !important;
}

body.page-leadership .cmc-tag{
  background: #3471db !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(23,82,171,.16);
}

body.page-leadership .cmc-tag:hover{
  background: #255fc2 !important;
  color: #ffffff !important;
}
/* =========================================================
   NEWS PAGE AESTHETICS PACK (Step 3)
   Paste at VERY BOTTOM of style.css
========================================================= */

/* Page intro spacing + rhythm */
body.page-news 
body.page-news 

/* If you have a list/grid wrapper, this makes cards feel consistent */
body.page-news .cmc-news-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}
@media (max-width: 1100px){
  body.page-news .cmc-news-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px){
  body.page-news .cmc-news-grid{ grid-template-columns: 1fr; }
}

/* Generic “article card” look (apply to your existing card class if different) */
body.page-news .cmc-news-card{
  border-radius: 22px;
  border: 1px solid rgba(11,42,111,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
body.page-news .cmc-news-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 34px 78px rgba(0,0,0,.14);
  filter: brightness(1.01);
}

body.page-news .cmc-news-card__media{
  display:block;
  width:100%;
  aspect-ratio: 16/10;
  background: rgba(31,78,121,.08);
  overflow:hidden;
}
body.page-news .cmc-news-card__media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

body.page-news .cmc-news-card__body{
  padding: 16px 16px 18px;
}

/* Calm “Adventist editorial” typography */
body.page-news .cmc-news-card__meta{
  font-size: .82rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(11,42,111,.58);
  margin-bottom: 8px;
}

body.page-news .cmc-news-card__title{
  font-size: 1.08rem;
  margin: 0 0 10px;
}
body.page-news .cmc-news-card__title a{
  color: var(--cmc-ink);
  text-decoration: none;
}
body.page-news .cmc-news-card__title a:hover{
  text-decoration: underline;
}

body.page-news .cmc-news-card__excerpt{
  color: rgba(11,42,111,.78);
  max-width: 55ch;
}

/* Read-more button (clean + consistent) */
body.page-news .cmc-news-card__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(31,78,121,.10);
  color: rgba(11,42,111,.92);
  font-weight: 850;
  text-decoration:none;
  border: 1px solid rgba(11,42,111,.12);
  transition: transform .18s ease, filter .18s ease, background .18s ease;
  margin-top: 12px;
}
body.page-news .cmc-news-card__btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  background: rgba(31,78,121,.14);
}

/* Single post (if your theme uses these classes, this will upgrade readability) */
body.single .cmc-article{
  max-width: 78ch;
}
body.single .cmc-article p:first-of-type{
  font-size: 1.15rem;
  line-height: 1.65;
  color: rgba(11,42,111,.90);
}
/* =========================================================
   NEWS GRID STYLES (for page-news.blade.php)
   Paste at VERY BOTTOM of style.css
========================================================= */

body.page-news .cmc-news-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
@media (max-width: 1100px){
  body.page-news .cmc-news-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px){
  body.page-news .cmc-news-grid{ grid-template-columns: 1fr; }
}

body.page-news .cmc-news-card{
  border-radius: 22px;
  border: 1px solid rgba(11,42,111,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
body.page-news .cmc-news-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 34px 78px rgba(0,0,0,.14);
  filter: brightness(1.01);
}

body.page-news .cmc-news-card__media{
  display:block;
  width:100%;
  aspect-ratio: 16/10;
  background: rgba(31,78,121,.08);
  overflow:hidden;
}
body.page-news .cmc-news-card__media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
body.page-news .cmc-news-card__placeholder{
  width:100%;
  height:100%;
  background:
    radial-gradient(600px 220px at 50% 0%, rgba(31,78,121,.18), transparent 70%),
    linear-gradient(180deg, rgba(31,78,121,.12), rgba(31,78,121,.04));
}

body.page-news .cmc-news-card__body{
  padding: 16px 16px 18px;
}

body.page-news .cmc-news-card__meta{
  font-size: .82rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(11,42,111,.58);
  margin-bottom: 8px;
}

body.page-news .cmc-news-card__title{
  font-size: 1.08rem;
  margin: 0 0 10px;
}
body.page-news .cmc-news-card__title a{
  color: var(--cmc-ink);
  text-decoration: none;
}
body.page-news .cmc-news-card__title a:hover{
  text-decoration: underline;
}

body.page-news .cmc-news-card__excerpt{
  color: rgba(11,42,111,.78);
  max-width: 55ch;
}

body.page-news .cmc-news-card__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(31,78,121,.10);
  color: rgba(11,42,111,.92);
  font-weight: 850;
  text-decoration:none;
  border: 1px solid rgba(11,42,111,.12);
  transition: transform .18s ease, filter .18s ease, background .18s ease;
  margin-top: 12px;
}
body.page-news .cmc-news-card__btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  background: rgba(31,78,121,.14);
}

/* Pagination list styling */
body.page-news .cmc-pagination ul{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  list-style:none;
  padding:0;
  margin:0;
}
body.page-news .cmc-pagination li{
  margin:0;
}
body.page-news .cmc-pagination a,
body.page-news .cmc-pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(11,42,111,.12);
  background: rgba(255,255,255,.78);
  text-decoration:none;
  font-weight: 850;
  color: rgba(11,42,111,.92);
}
body.page-news .cmc-pagination .current{
  background: var(--cmc-denim);
  color:#fff;
  border-color: rgba(255,255,255,.22);
}/* =========================================================
   NEWS MAGAZINE LAYOUT (matches screenshot + improved)
   Paste at VERY BOTTOM of style.css
========================================================= */

.cmc-news-page .cmc-news-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.cmc-news-search{
  display:flex;
  gap: 10px;
  align-items:center;
}
.cmc-news-search__input{
  width: min(360px, 72vw);
  padding: 12px 14px;
  border-radius: 999px;
  border: 1px solid rgba(11,42,111,.14);
  background: rgba(255,255,255,.78);
  outline: none;
}
.cmc-news-search__input:focus{
  outline: 3px solid rgba(47,111,216,.35);
  outline-offset: 3px;
}
.cmc-news-search__btn{
  padding: 12px 14px;
  border-radius: 999px;
  border: 1px solid rgba(11,42,111,.14);
  background: var(--cmc-denim);
  color: #fff;
  font-weight: 850;
  cursor: pointer;
}

.cmc-news-filters{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin: 14px 0 18px;
}
.cmc-filter-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(11,42,111,.12);
  background: rgba(255,255,255,.78);
  text-decoration:none;
  font-weight: 850;
  color: rgba(11,42,111,.92);
  transition: transform .18s ease, filter .18s ease;
}
.cmc-filter-pill:hover{ transform: translateY(-1px); filter: brightness(1.02); }
.cmc-filter-pill.is-active{
  background: var(--cmc-denim);
  color:#fff;
  border-color: rgba(255,255,255,.22);
}

/* Featured (like screenshot top split card) */
.cmc-news-feature{
  display:grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 18px;
  margin: 22px 0 18px;
  border-radius: 24px;
  overflow:hidden;
  border: 1px solid rgba(11,42,111,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 24px 60px rgba(0,0,0,.12);
}
@media (max-width: 920px){
  .cmc-news-feature{ grid-template-columns: 1fr; }
}

.cmc-news-feature__media{
  display:block;
  width:100%;
  min-height: 320px;
  background: rgba(31,78,121,.08);
}
.cmc-news-feature__media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
.cmc-news-feature__placeholder{
  width:100%;
  height:100%;
  min-height: 320px;
  background:
    radial-gradient(900px 280px at 50% 0%, rgba(31,78,121,.22), transparent 70%),
    linear-gradient(180deg, rgba(31,78,121,.12), rgba(31,78,121,.04));
}

.cmc-news-feature__body{
  padding: 20px 20px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.cmc-news-meta{
  font-size: .82rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(11,42,111,.58);
  margin-bottom: 10px;
}
.cmc-news-feature__title{
  font-size: clamp(1.35rem, 2.2vw, 2.1rem);
  line-height: 1.12;
  margin: 0 0 10px;
}
.cmc-news-feature__title a{
  color: var(--cmc-ink);
  text-decoration:none;
}
.cmc-news-feature__title a:hover{ text-decoration: underline; }
.cmc-news-feature__excerpt{
  color: rgba(11,42,111,.78);
  max-width: 62ch;
  margin: 0 0 16px;
}
.cmc-news-feature__actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* Buttons */
.cmc-btn--solid{
  background: var(--cmc-denim);
  color:#fff;
  border-radius: 999px;
  padding: 12px 14px;
  text-decoration:none;
  font-weight: 850;
  border: 1px solid rgba(255,255,255,.18);
}
.cmc-btn--ghost{
  background: rgba(31,78,121,.10);
  color: rgba(11,42,111,.92);
  border-radius: 999px;
  padding: 12px 14px;
  text-decoration:none;
  font-weight: 850;
  border: 1px solid rgba(11,42,111,.12);
}

/* Grid */
.cmc-news-grid-wrap{ margin-top: 8px; }
.cmc-news-subtitle{
  margin: 10px 0 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .92rem;
  opacity: .9;
}
.cmc-news-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
@media (max-width: 1100px){
  .cmc-news-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px){
  .cmc-news-grid{ grid-template-columns: 1fr; }
}

.cmc-news-card{
  border-radius: 22px;
  border: 1px solid rgba(11,42,111,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.cmc-news-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 34px 78px rgba(0,0,0,.14);
  filter: brightness(1.01);
}
.cmc-news-card__media{
  display:block;
  width:100%;
  aspect-ratio: 16/10;
  background: rgba(31,78,121,.08);
  overflow:hidden;
}
.cmc-news-card__media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
.cmc-news-card__placeholder{
  width:100%;
  height:100%;
  background:
    radial-gradient(600px 220px at 50% 0%, rgba(31,78,121,.18), transparent 70%),
    linear-gradient(180deg, rgba(31,78,121,.12), rgba(31,78,121,.04));
}
.cmc-news-card__body{
  padding: 16px 16px 18px;
}
.cmc-news-card__title{
  font-size: 1.06rem;
  margin: 0 0 10px;
}
.cmc-news-card__title a{
  color: var(--cmc-ink);
  text-decoration:none;
}
.cmc-news-card__title a:hover{ text-decoration: underline; }
.cmc-news-card__excerpt{
  color: rgba(11,42,111,.78);
  max-width: 55ch;
}
.cmc-news-card__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(31,78,121,.10);
  color: rgba(11,42,111,.92);
  font-weight: 850;
  text-decoration:none;
  border: 1px solid rgba(11,42,111,.12);
  transition: transform .18s ease, filter .18s ease, background .18s ease;
  margin-top: 12px;
}
.cmc-news-card__btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  background: rgba(31,78,121,.14);
}

/* Pagination */
.cmc-pagination--news{ margin-top: 26px; }
.cmc-pagination--news ul{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  list-style:none;
  padding:0;
  margin:0;
}
.cmc-pagination--news a,
.cmc-pagination--news span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(11,42,111,.12);
  background: rgba(255,255,255,.78);
  text-decoration:none;
  font-weight: 850;
  color: rgba(11,42,111,.92);
}
.cmc-pagination--news .current{
  background: var(--cmc-denim);
  color:#fff;
  border-color: rgba(255,255,255,.22);
}


/* =========================
   TOP STAGE (Hero + Triptych + Search)
========================= */
.cmc-topstage{
  position:relative;
  overflow:hidden;
  margin:0;
  padding:0;
  border:none;
  background-image:
    linear-gradient(to bottom, rgba(7,20,45,.55), rgba(7,20,45,.55)),
    url('https://cmc.adventist.org/wp-content/uploads/2026/02/Jesus-christ-listening-to-apostle-reading-scriptures-scaled.jpg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

.cmc-topstage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(900px 520px at 20% 10%, rgba(31,78,121,.45), transparent 60%),
    radial-gradient(900px 520px at 85% 15%, rgba(12,28,62,.55), transparent 62%),
    linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.35) 50%, rgba(0,0,0,.72) 100%),
    linear-gradient(to bottom, rgba(0,0,0,.10), rgba(0,0,0,.30));
}

.cmc-topstage > *{
  position:relative;
  z-index:1;
}

/* HERO */
.cmc-hero{
  padding: clamp(140px, 16vw, 220px) 0 clamp(80px, 9vw, 130px);
}

.cmc-hero__grid{
  display:grid;
  grid-template-columns: 1fr minmax(260px, 520px);
  gap: clamp(18px, 3vw, 36px);
  align-items:center;
}

.cmc-hero__content{
  color:#ffffff;
  text-align:left;
  max-width: 560px;
}

.cmc-hero__title{
  margin:0 0 14px;
  font-size: clamp(2.1rem, 4.2vw, 3.55rem);
  line-height:1.05;
  font-weight: 950;
  letter-spacing: -.02em;
  text-shadow: 0 18px 44px rgba(0,0,0,.35);
}

.cmc-hero__text{
  margin:0;
  font-size: clamp(1.02rem, 1.25vw, 1.15rem);
  line-height:1.75;
  color: rgba(255,255,255,.92);
  text-shadow: 0 14px 36px rgba(0,0,0,.28);
}

.cmc-hero__actions{
  margin-top: 26px;
  display:flex;
  align-items:center;
  gap: 14px;
  flex-wrap: wrap;
}

.cmc-btn--hero{
  background: var(--cmc-hover) !important;
  color:#ffffff !important;
  border: 0 !important;
  padding: 12px 26px;
  border-radius: 999px;
  font-weight: 900;
  box-shadow: 0 18px 36px rgba(0,0,0,.22);
}
.cmc-btn--hero:hover{ transform: translateY(-2px); filter: brightness(1.05); }

.cmc-btn--hero-ghost{
  background: rgba(255,255,255,.10) !important;
  color:#ffffff !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  padding: 12px 20px;
  border-radius: 999px;
  font-weight: 900;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.cmc-btn--hero-ghost:hover{ transform: translateY(-2px); filter: brightness(1.06); }

@media (max-width: 980px){
  .cmc-hero{
    padding: 132px 0 86px;
  }
  .cmc-hero__grid{
    grid-template-columns: 1fr;
  }
  .cmc-hero__spacer{ display:none; }
  .cmc-hero__content{
    max-width: 720px;
  }
}


/* =========================================================
   HEADER: Big bold site title + utility (secondary) row
========================================================= */
.c-header .c-logo__link.c-site-title{
  display:inline-block;
  font-weight: 950;
  letter-spacing: -0.02em;
  line-height: 0.95;
  font-size: clamp(34px, 5.2vw, 66px);
  color: #ffffff;
  text-decoration: none;
  text-shadow: 0 18px 40px rgba(0,0,0,.35);
}

/* When header is NOT overlay/dark, keep title in theme base color */
.c-header:not(.c-header--overlay) .c-logo__link.c-site-title{
  color: var(--cmc-blue, #0b2a4a);
  text-shadow: none;
}

/* Secondary nav (utility row) spacing and icon sizing */
.c-header__nav-secondary .c-secondary-nav__list{
  gap: 22px;
}
.c-header__nav-secondary .u-icon svg{
  width: 18px;
  height: 18px;
  display:block;
}

/* Make sure the "Menu" icon shows as 3 lines nicely */
.c-secondary-nav__list-item__toggle .u-icon svg{
  width: 18px;
  height: 18px;
}

/* Mobile: keep title large but prevent crushing */
@media (max-width: 980px){
  .c-header .c-logo__link.c-site-title{
    font-size: clamp(28px, 7vw, 46px);
  }
}

/* =========================================================
   IDENTITY / BELIEF / IMPACT typography like screenshot
========================================================= */
.cmc-block 

.cmc-block .cmc-kicker-line{
  width: 280px;
  max-width: 70%;
  height: 10px;
  margin: 0 auto 12px;
  border-radius: 0;
  background: rgba(34,97,205,.55);
}

.cmc-block 

/* Give the blocks more “breathing space” like adventist.org */
.cmc-block{
  padding: clamp(54px, 6vw, 92px) 0;
}
.cmc-utility-bar{
  position: relative;
  z-index: 50;
}
.cmc-utility-bar .c-secondary-nav{
  margin: 0;
}

/* =========================================================
   CMC HEADER (Adventist.org-style) - FINAL OVERRIDES
   Fixes:
   - Utility row layout (Find a church / News / Menu / Search)
   - Clean hamburger (matches .cmc-nav-toggle__icon)
   - Prevent crushing: brand + nav keep one line; brand ellipsizes
   - Desktop dropdowns open via JS (.cmc-open)
========================================================= */

/* Utility row */
.cmc-utility{
  width: 100%;
  background: transparent;
  color: #ffffff;
}
.cmc-utility__inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px clamp(12px, 2vw, 22px) 6px;
}
.cmc-utility__left,
.cmc-utility__right{
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Utility menu (secondary_navigation) */
.cmc-menu--utility{
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0;
  padding: 0;
}
.cmc-menu--utility > li > a{
  color: rgba(255,255,255,.92) !important;
  text-decoration: none;
  font-weight: 800;
  font-size: 0.95rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.cmc-menu--utility > li > a:hover{ color:#ffffff !important; }

/* Search toggle */
.cmc-utility-search-toggle{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border: 0;
  border-radius: 999px;
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.95);
  cursor: pointer;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.cmc-utility-search-toggle:hover{ background: rgba(0,0,0,.26); }
.cmc-utility-search-toggle__icon{ font-size: 18px; line-height: 1; }

/* Utility search panel */
.cmc-utility-search{
  width: 100%;
  padding: 0 0 10px;
}
.cmc-utility-search__inner{ padding: 0 clamp(12px, 2vw, 22px); }
.cmc-utility-search__form{
  display: flex;
  gap: 10px;
  align-items: center;
}
.cmc-utility-search__input{
  flex: 1;
  min-width: 220px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.10);
  color: #ffffff;
}
.cmc-utility-search__input::placeholder{ color: rgba(255,255,255,.80); }
.cmc-utility-search__btn{
  padding: 12px 16px;
  border: 0;
  border-radius: 12px;
  background: rgba(255,255,255,.92);
  color: var(--cmc-denim);
  font-weight: 900;
  cursor: pointer;
}

/* Main row spacing closer to screenshot */
.cmc-header__inner{
  padding-top: 10px !important;
  padding-bottom: 14px !important;
}

/* Make sure brand + nav never wrap awkwardly */
.cmc-header__inner{ flex-wrap: nowrap; }
.cmc-nav__panel{ flex-wrap: nowrap; }
.cmc-menu--primary{ flex-wrap: nowrap; }

/* Fix hamburger rendering (some earlier rules used __bars) */
.cmc-nav-toggle__bars{ display: none !important; }

/* Mobile utility stacking */
@media (max-width: 980px){
  .cmc-utility__inner{
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .cmc-utility__left{ display:none; }
  .cmc-utility__right{ width: 100%; justify-content: flex-end; }
  .cmc-utility-search__form{ flex-direction: column; align-items: stretch; }
  .cmc-utility-search__btn{ width: 100%; }
}

/* Utility row */
.cmc-utility{
  width: 100%;
  background: transparent;
  color: #ffffff;
}
.cmc-utility__inner{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  padding: 10px clamp(12px, 2vw, 22px) 6px;
}
.cmc-utility__right{
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  justify-content: flex-end;
}

/* Utility menu (secondary_navigation) */
.cmc-menu--utility{
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0;
  padding: 0;
}
.cmc-menu--utility > li > a{
  color: #ffffff !important;
  text-decoration: none;
  font-weight: 800;
  font-size: 0.95rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.cmc-menu--utility > li > a:hover{ color:#ffffff !important; }

/* Search toggle (looks like a plain top-right link) */
.cmc-utility-search-toggle{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.cmc-utility-search-toggle:hover{ opacity: .9; }
/* ==========================================
   HEADER TIGHTENING (Secondary + Primary)
========================================== */

/* Remove large vertical gap */
.cmc-utility {
  margin: 0 !important;
}

.cmc-utility__inner {
  padding: 4px clamp(12px, 2vw, 22px) 2px !important;
}

.cmc-header__inner {
  padding-top: 2px !important;
  padding-bottom: 10px !important;
}

/* Make secondary menu smaller */
.cmc-menu--utility > li > a {
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em;
  opacity: 0.85;
}

/* Make search smaller too */
.cmc-utility-search-toggle {
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  opacity: 0.85;
}

/* Slight hover refinement */
.cmc-menu--utility > li > a:hover,
.cmc-utility-search-toggle:hover {
  opacity: 1;
}

/* ==========================================
   BRAND SIZING IMPROVEMENT
========================================== */

.cmc-brand__title {
  font-size: clamp(40px, 3vw, 60px) !important;
  line-height: 1.05 !important;
}

.cmc-brand__subtitle {
  font-size: clamp(18px, 1.4vw, 24px) !important;
  margin-top: 4px !important;
}
/* =========================================================
   HEADER: Title first, menus after (secondary above primary)
========================================================= */

.cmc-header{
  padding-top: 10px !important; /* nice small top padding */
}

/* Main header row: brand left, menus right */
.cmc-header__inner{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding-top: 6px !important;
  padding-bottom: 10px !important;
}

/* Right stack: secondary above primary */
.cmc-header__right{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px; /* THIS removes the big space */
  min-width: 0;
}

/* Brand sizing (bigger as requested) */
.cmc-brand__title{
  font-size: clamp(44px, 3.2vw, 64px) !important;
  line-height: 1.04 !important;
}
.cmc-brand__subtitle{
  font-size: clamp(20px, 1.6vw, 26px) !important;
  line-height: 1.15 !important;
  margin-top: 6px !important;
}

/* Secondary menu small + tight */
.cmc-utility--inline{
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
.cmc-utility--inline .cmc-utility__right{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}

/* Smaller secondary links */
.cmc-menu--utility > li > a{
  font-size: 0.78rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.9;
  white-space: nowrap;
}

/* Smaller search */
.cmc-utility-search-toggle{
  font-size: 0.78rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  opacity: 0.9;
}

/* Primary nav stays clean and right-aligned */
.cmc-nav__panel{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  flex-wrap: nowrap;
}
.cmc-menu--primary{
  display: flex;
  gap: 18px;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
}

/* Mobile behavior */
@media (max-width: 980px){
  .cmc-header__inner{
    align-items: flex-start !important;
  }
  /* Don't hide header__right - it contains the nav drawer and hamburger! */
  .cmc-header__right{
    display: flex !important;
    width: 100%;
    position: relative;
  }
}

/* Tablet range (980-1024px) - also needs header__right visible */
@media (max-width: 1024px) and (min-width: 981px){
  .cmc-header__right{
    display: flex !important;
    width: 100%;
    position: relative;
  }
}
/* ===============================
   FINAL HEADER REFINEMENT
=============================== */

/* Remove extra top spacing completely */
.cmc-header{
  padding-top: 2px !important;
  margin-top: 0 !important;
}

.cmc-header__inner{
  padding-top: 2px !important;
  padding-bottom: 8px !important;
}

/* Reduce space between secondary and primary */
.cmc-header__right{
  gap: 4px !important;
}

/* Brand adjustments */
.cmc-brand__title{
  font-size: clamp(38px, 2.8vw, 54px) !important; /* slightly smaller */
  line-height: 1.05 !important;
}

.cmc-brand__subtitle{
  font-size: clamp(22px, 1.7vw, 28px) !important; /* slightly bigger */
  line-height: 1.15 !important;
  margin-top: 4px !important;
}
/* =========================================================
   MOBILE HEADER FIX (ALPS header classes)
   - Title stays first
   - Secondary tools (SEARCH / MENU) sit directly under title
   - Remove extra top space
========================================================= */

@media (max-width: 780px){

  /* remove excessive header spacing */
  .c-header{
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* ALPS containers vary, so target common wrappers safely */
  .c-header__inner,
  .c-header__container,
  .c-header__content{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  /* force logo/title on its own row first */
  .c-header__logo,
  .c-header__branding{
    width: 100% !important;
    flex: 0 0 100% !important;
    margin-bottom: 6px !important;
  }

  /* secondary nav tools row directly beneath title */
  .c-header__nav-secondary{
    width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
  }

  .c-header__nav-secondary .c-secondary-nav__list{
    justify-content: flex-start !important; /* aligns under title */
    gap: 18px !important;
    margin-top: 2px !important;
  }

  /* make secondary tools slightly smaller on mobile */
  .c-header__nav-secondary a,
  .c-header__nav-secondary button{
    font-size: 0.92rem !important;
    letter-spacing: .08em !important;
    text-transform: uppercase;
  }

  /* site title sizing and wrap control */
  .c-header .c-logo__link.c-site-title{
    font-size: clamp(30px, 7vw, 44px) !important;
    line-height: 1.03 !important;
    margin: 0 !important;
  }

  /* if ALPS prints tagline, make it visible and a bit bigger */
  .c-logo__tagline,
  .c-site-tagline,
  .c-header .c-logo__tagline{
    display: block !important;
    font-size: clamp(18px, 4.2vw, 22px) !important;
    font-weight: 700 !important;
    opacity: .95;
    margin-top: 6px !important;
  }
}

/* =========================================================
   STOP "VANISHING" CONTENT UNDER HERO ON SMALL SCREENS
   Cause: overflow:hidden + negative margins
========================================================= */

@media (max-width: 980px){
  /* allow elements below hero to show fully */
  body.home .cmc-topstage{
    overflow: visible !important;
  }

  /* reduce hero padding so content doesn’t get pushed away */
  .cmc-hero{
    padding: 120px 0 60px !important;
  }
}

@media (max-width: 700px){
  /* remove negative overlap that can hide cards */
  .cmc-actions3{
    margin-top: 0 !important;
    padding-top: 22px !important;
  }

  /* stack action cards nicely */
  .cmc-actions3-grid{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  /* stack triptych nicely */
  .cmc-triptych-grid{
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .cmc-triptych-avatar{
    width: 140px !important;
    height: 140px !important;
  }
}
/* =========================================================
   MOBILE HEADER: Match adventist.org (SEARCH icon + MENU icon)
   - Title top-left
   - Secondary tools row beneath: SEARCH 🔍   MENU ☰
   - Perfect alignment + spacing
========================================================= */

@media (max-width: 780px){

  /* 1) Remove extra top padding so it hugs like the screenshot */
  .c-header,
  .cmc-header{
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .c-header__inner,
  .c-header__container,
  .c-header__content,
  .cmc-header__inner{
    padding-top: 12px !important;   /* nice, small breathing room */
    padding-bottom: 10px !important;
  }

  /* 2) Force brand (title) to be first row, full width */
  .c-header__branding,
  .c-header__logo,
  .c-header__brand,
  .cmc-brand{
    width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 0 6px 0 !important;
  }

  /* Title sizing exactly like screenshot (big, tight, wraps) */
  .c-logo__link,
  .c-site-title,
  .cmc-brand__title{
    display: block !important;
    font-size: clamp(34px, 9vw, 44px) !important;
    line-height: 1.03 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
  }

  /* Hide tagline on mobile to match screenshot look (optional).
     If you want tagline visible, remove this block. */
  .c-logo__tagline,
  .c-site-tagline,
  .cmc-brand__subtitle{
    display: none !important;
  }

  /* 3) Create the exact SEARCH / MENU row beneath brand */
  .c-header__nav-secondary,
  .c-header__tools,
  .c-header__actions,
  .cmc-utility{
    width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
  }

  /* The row container */
  .c-secondary-nav__list,
  .c-header__nav-secondary ul,
  .c-header__tools ul,
  .c-header__actions ul{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 28px !important; /* space between SEARCH and MENU */
    padding: 0 !important;
    margin: 4px 0 0 0 !important;
    list-style: none !important;
  }

  /* 4) Make each item look like: TEXT + ICON aligned */
  .c-secondary-nav__list > li,
  .c-header__nav-secondary li{
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Links/buttons text styling */
  .c-secondary-nav__list > li > a,
  .c-header__nav-secondary a,
  .c-header__nav-secondary button,
  .c-header__tools a,
  .c-header__tools button,
  .cmc-utility a,
  .cmc-utility button{
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: .10em !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    opacity: .95 !important;
  }

  .c-secondary-nav__list > li > a:hover,
  .c-header__nav-secondary a:hover,
  .c-header__nav-secondary button:hover{
    opacity: 1 !important;
  }

  /* 5) Normalize icons (SVG, i, span, etc.) to match screenshot */
  .c-secondary-nav__list svg,
  .c-header__nav-secondary svg,
  .c-header__nav-secondary i,
  .c-header__nav-secondary .icon,
  .c-header__nav-secondary .c-icon,
  .c-header__nav-secondary span[aria-hidden="true"],
  .c-header__tools svg,
  .c-header__tools i{
    width: 18px !important;
    height: 18px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    fill: currentColor !important;
    color: currentColor !important;
    transform: translateY(1px); /* baseline tweak like screenshot */
  }

  /* 6) If MENU icon is a hamburger button, force proper spacing */
  .c-header__nav-secondary .c-menu-toggle,
  .c-header__nav-secondary .c-nav-toggle,
  .c-header__nav-secondary .c-header__toggle,
  .c-header__nav-secondary .menu-toggle,
  .c-header__nav-secondary button[aria-controls*="nav"],
  .c-header__nav-secondary button[aria-label*="menu" i]{
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  /* 7) Keep the “SEARCH” item from wrapping weirdly */
  .c-header__nav-secondary li,
  .c-secondary-nav__list > li{
    white-space: nowrap !important;
  }
}


/* =========================================================
   CMC FINAL PATCH: single hamburger, working drawer, hero text hide
   - Hide ALPS circular menu toggle in secondary nav
   - Show CMC MENU toggle only when menu collapses
   - Make hamburger match adventist.org (no box)
   - Ensure drawer opens at collapse widths
   - Hide hero supporting text on small screens
========================================================= */

/* Hide the ALPS/parent-theme circular toggles that overlap our hamburger */
.c-header__nav-secondary .c-menu-toggle,
.c-header__nav-secondary .c-nav-toggle,
.c-header__nav-secondary .c-header__toggle,
.c-header__nav-secondary .menu-toggle,
.c-header__nav-secondary button[aria-controls*="nav"],
.c-header__nav-secondary button[aria-label*="menu" i]{
  display: none !important;
}

/* Hamburger default: hidden on wide desktop */
@media (min-width: 1201px){
  .cmc-nav-toggle{ display:none !important; }
}

/* Collapse: hide inline primary menu and show hamburger */
@media (max-width: 1200px){

  /* Hide inline primary menu items when collapsed */
  #cmc-primary-nav .cmc-menu--primary{
    display:none !important;
  }

  /* Show the toggle */
  .cmc-nav-toggle{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:0 !important;
    margin:0 !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;

    color:#fff !important;
    text-transform:uppercase !important;
    letter-spacing:.12em !important;
    font-weight:900 !important;
    font-size:14px !important;
    line-height:1 !important;

    width:auto !important;
    height:auto !important;
    cursor:pointer !important;
  }

  /* Kill any old icon bars/boxes */
  .cmc-nav-toggle__icon{ display:none !important; }

  /* Our hamburger lines */
  .cmc-nav-toggle .cmc-hamburger{
    display:inline-flex !important;
    flex-direction:column !important;
    gap:4px !important;
    transform: translateY(1px) !important;
  }
  .cmc-nav-toggle .cmc-hamburger span{
    display:block !important;
    width:18px !important;
    height:2px !important;
    background:#fff !important;
    border-radius:999px !important;
  }

  /* Ensure drawer styles apply already at collapse widths */
  .cmc-nav{
    position:fixed !important;
    top:0 !important;
    right:-110% !important;
    width:min(360px, 92vw) !important;
    height:100% !important;
    background:var(--cmc-hover) !important;
    transition:right .28s ease !important;
    padding:92px 20px 24px !important;
    display:block !important;
    z-index:1200 !important;
  }
  .cmc-nav.is-open{ right:0 !important; }

  .cmc-nav__panel{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:14px !important;
  }

  /* In drawer: show menu items */
  #cmc-primary-nav.is-open .cmc-menu--primary{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }

  /* Backdrop visible when open */
  .cmc-nav-backdrop{
    position:fixed !important;
    inset:0 !important;
    background:rgba(0,0,0,.45) !important;
    display:none !important;
    z-index:1050 !important;
  }
  .cmc-nav-backdrop.is-open{ display:block !important; }
}

/* Small screens: hide the supporting text under "We are ready to pray for you" */
@media (max-width: 980px){
  .cmc-hero p,
  .cmc-topstage p,
  .cmc-hero__text,
  .cmc-topstage__text,
  .cmc-hero__description,
  .cmc-topstage__description{
    display:none !important;
  }
}


/* =========================================================
   v6 MOBILE POLISH
   - Match adventist.org mobile header: Title then SEARCH + MENU on next row
   - Mobile title becomes "Central Malawi Conference"
   - Prevent hero content from crushing into header
========================================================= */

/* Tablet range (980-1024px) - also need mobile tools */
@media (max-width: 1024px) and (min-width: 981px){
  /* Mobile title swap */
  .cmc-brand__title{ display:none !important; }
  .cmc-brand__subtitle{
    display:block !important;
    font-size: clamp(34px, 9vw, 46px) !important;
    line-height: 1.02 !important;
    font-weight: 300 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
  }

  /* Put SEARCH + MENU directly under title */
  .cmc-mobile-tools{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap: 34px !important;
    margin-top: 10px !important;
    width: 100% !important;
  }

  /* Hide desktop utility row on tablet (we use the mobile tools row) */
  .cmc-utility--inline{ display:none !important; }

  /* Hide desktop nav (use drawer instead) */
  .cmc-nav__panel{ display:none !important; }
}

/* Default: hide mobile tools on desktop */
.cmc-mobile-tools{ display:none; }

@media (max-width: 980px){
  /* Mobile title swap */
  .cmc-brand__title{ display:none !important; }
  .cmc-brand__subtitle{
    display:block !important;
    font-size: clamp(34px, 9vw, 46px) !important;
    line-height: 1.02 !important;
    font-weight: 300 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
  }

  /* Put SEARCH + MENU directly under title */
  .cmc-mobile-tools{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap: 34px !important;
    margin-top: 10px !important;
    width: 100% !important;
  }

  /* Hide desktop utility row on mobile (we use the mobile tools row) */
  .cmc-utility--inline{ display:none !important; }

  /* Make tools look like the screenshot */
  .cmc-utility-search-toggle--mobile,
  .cmc-mobile-tools .cmc-nav-toggle{
    display:inline-flex !important;
    align-items:center !important;
    gap: 12px !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    color:#fff !important;
    text-transform: uppercase !important;
    letter-spacing: .12em !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    appearance:none !important;
    -webkit-appearance:none !important;
  }

  /* Search glyph sizing */
  .cmc-utility-search-toggle--mobile .cmc-utility-search-toggle__icon{
    font-size: 18px !important;
    transform: translateY(1px) !important;
  }

  /* Hamburger: 3 clean white lines */
  .cmc-mobile-tools .cmc-hamburger{
    display:inline-flex !important;
    flex-direction:column !important;
    gap: 4px !important;
    transform: translateY(1px) !important;
  }
  .cmc-mobile-tools .cmc-hamburger span{
    display:block !important;
    width: 18px !important;
    height: 2px !important;
    background:#fff !important;
    border-radius:999px !important;
  }

  /* Prevent the hero (We are ready to pray...) from sitting under the header */
  body.home .cmc-topstage,
  body.home .cmc-hero,
  body.home .topstage,
  body.home .hero{
    padding-top: 170px !important;
    margin-top: 0 !important;
  }
}
/* =========================================================
   MOBILE HEADER RESTRUCTURE
   Title on top
   Icons below
   No overflow
========================================================= */

@media (max-width: 900px){

  /* Allow header to grow vertically */
  html body .cmc-header__inner{
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    text-align: center;
  }

  /* Brand full width */
  html body .cmc-brand{
    max-width: 100% !important;
    text-align: center;
  }

  html body .cmc-brand__title,
  html body .cmc-brand__subtitle{
    white-space: normal !important;
  }

  /* Put toggle + search under title */
  html body .cmc-nav{
    position: static !important;
    width: 100% !important;
    height: auto !important;
    background: transparent !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
  }

  html body .cmc-nav__panel{
    display: flex !important;
    justify-content: center !important;
    gap: 16px !important;
    flex-wrap: wrap;
  }

  /* Hamburger centered */
  html body .cmc-nav-toggle{
    margin: 0 !important;
  }

}
/* =========================================================
   MOBILE: Fix title/tools alignment + keep search panel working
========================================================= */

@media (max-width: 980px){

  /* 1) Let the brand/title take full width (fix misalignment) */
  .cmc-brand{
    width: 100% !important;
    max-width: 100% !important; /* overrides calc(100% - 56px) */
  }
  .cmc-brand__link{
    display: block !important;
    width: 100% !important;
  }

  /* 2) Keep the container aligned to the same left edge */
  .cmc-header__inner{
    align-items: flex-start !important;
  }

  /* 3) Tools row must align under the title (same left edge) */
  .cmc-mobile-tools{
    justify-content: flex-start !important;
  }

  /* 4) IMPORTANT: don’t hide the whole utility wrapper,
        because the search panel (#cmc-utility-search) lives inside it */
  .cmc-utility--inline{
    display: block !important;     /* bring it back */
    width: 100% !important;
  }

  /* 5) But hide the desktop utility “right row” so only the search panel can appear */
  .cmc-utility--inline .cmc-utility__right{
    display: none !important;
  }

  /* 6) Optional: make search panel spacing nicer on mobile */
  #cmc-utility-search{
    margin-top: 10px;
  }
}
/* =========================================================
   MOBILE HEADER PERFECT ALIGNMENT FIX
========================================================= */

@media (max-width: 900px){

  /* Make header stack vertically but tightly */
  .cmc-header__inner{
    flex-direction: column !important;
    align-items: flex-start !important; /* same left edge */
    justify-content: flex-start !important;
    gap: 6px !important; /* remove large spacing */
    padding-bottom: 12px !important;
  }

  /* Brand full width */
  .cmc-brand{
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Smaller title */
  .cmc-brand__title{
    font-size: 1.25rem !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }

  /* Smaller subtitle */
  .cmc-brand__subtitle{
    font-size: .9rem !important;
    margin-top: 2px !important;
  }

  /* Remove any spacing from link wrapper */
  .cmc-brand__link{
    display: block !important;
    margin: 0 !important;
  }

  /* Tools row under title */
  .cmc-mobile-tools{
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important; /* align with title */
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  /* Remove extra spacing inside utility wrapper */
  .cmc-utility--inline{
    margin: 0 !important;
    padding: 0 !important;
  }

}
/* =========================================================
   MOBILE HEADER — FINAL ALIGNMENT + SIZE FIX
========================================================= */

@media (max-width: 900px){

  /* Header layout */
  .cmc-header__inner{
    flex-direction: column !important;
    align-items: flex-start !important; /* align everything left */
    justify-content: flex-start !important;
    gap: 4px !important; /* remove vertical gap */
    padding-left: 16px !important;  /* same left padding as icons */
    padding-right: 16px !important;
  }

  /* Brand container */
  .cmc-brand{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  /* Adjust title size (between previous two states) */
  .cmc-brand__title{
    font-size: 1.45rem !important;  /* slightly bigger */
    line-height: 1.15 !important;
    margin: 0 !important;
  }

  /* Subtitle refined */
  .cmc-brand__subtitle{
    font-size: .95rem !important;
    margin-top: 2px !important;
  }

  /* Align mobile tools row to same left padding */
  .cmc-mobile-tools{
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

}
/* =========================================================
   MOBILE TITLE — BIGGER & STRONGER
========================================================= */

@media (max-width: 900px){

  .cmc-brand__title{
    font-size: 2.4rem !important;  /* about twice bigger */
    line-height: 1.05 !important;
    font-weight: 600 !important;
  }

}
/* =========================================================
   MOBILE TITLE — LARGE & AUTHORITATIVE
========================================================= */

@media (max-width: 900px){

  .cmc-brand__title{
    font-size: 2.8rem !important;   /* Large and strong */
    line-height: 1.05 !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
  }

  .cmc-brand__subtitle{
    font-size: 1.05rem !important;
  }

}
/* =========================================================
   FINAL MOBILE HEADER FIX
========================================================= */

@media (max-width: 980px){

  .cmc-header__inner{
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    padding: 14px 18px !important;
  }

  .cmc-brand__subtitle{
    font-size: clamp(40px, 9vw, 40px) !important;
    font-weight: 300 !important;
    line-height: 1.05 !important;
    margin: 0 !important;
    color: #ffffff !important;
  }

  .cmc-mobile-tools{
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
    margin: 0 !important;
  }

  .cmc-utility-search-toggle--mobile,
  .cmc-nav-toggle{
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;

    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .cmc-hamburger span{
    width: 18px;
    height: 2px;
    background: #ffffff;
    display: block;
  }

  .cmc-hamburger{
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  /* OFF CANVAS MENU */
  .cmc-nav{
    position: fixed;
    top: 0;
    right: -100%;
    width: 85%;
    height: 100vh;
    background: #1f4e79;
    padding: 80px 20px;
    transition: right .3s ease;
    z-index: 3000;
  }

  .cmc-nav.is-open{
    right: 0;
  }

  .cmc-nav-backdrop{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    display: none;
    z-index: 2999;
  }

  .cmc-nav-backdrop.is-open{
    display: block;
  }

  html.cmc-nav-open,
  html.cmc-nav-open body{
    overflow: hidden;
  }

}


/* =========================================================
   HOTFIX (2026-02-15): Mobile hamburger visible + drawer works
   - Overrides earlier mobile-tools transparency rules
   - Ensures header__right isn't display:none (nav drawer needs it)
========================================================= */
@media (max-width: 980px){
  /* The drawer <nav> lives inside .cmc-header__right; don't hide it */
  html body .cmc-header__right{ display:block !important; }

  /* Make the mobile menu button a real button (white bg + blue border) */
  html body .cmc-mobile-tools .cmc-nav-toggle{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#ffffff !important;
    border:2px solid var(--cmc-denim, #1f4e79) !important;
    border-radius:12px !important;
    padding:0 !important;
    margin:0 !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  /* Draw the hamburger lines in the theme denim color */
  html body .cmc-mobile-tools .cmc-nav-toggle__icon,
  html body .cmc-mobile-tools .cmc-nav-toggle__icon::before,
  html body .cmc-mobile-tools .cmc-nav-toggle__icon::after{
    background:var(--cmc-denim, #1f4e79) !important;
  }

  /* Ensure pseudo-elements exist and are positioned correctly */
  html body .cmc-mobile-tools .cmc-nav-toggle__icon{
    position:absolute !important;
    left:11px !important;
    right:11px !important;
    height:3px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    border-radius:999px !important;
  }
  html body .cmc-mobile-tools .cmc-nav-toggle__icon::before,
  html body .cmc-mobile-tools .cmc-nav-toggle__icon::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    height:3px !important;
    border-radius:999px !important;
  }
  html body .cmc-mobile-tools .cmc-nav-toggle__icon::before{ top:-8px !important; }
  html body .cmc-mobile-tools .cmc-nav-toggle__icon::after{ top: 8px !important; }
}
/* =====================================================
   MOBILE HAMBURGER – White Border + 3 White Lines
   ===================================================== */
@media (max-width: 980px){

  /* Button box */
  .cmc-mobile-tools .cmc-nav-toggle{
    width:44px !important;
    height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:2px solid #ffffff !important;
    border-radius:6px !important;
    padding:0 !important;
    position:relative !important;
    cursor:pointer;
  }

  /* Middle line */
  .cmc-mobile-tools .cmc-nav-toggle__icon{
    position:absolute;
    width:20px;
    height:2px;
    background:#ffffff !important;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
  }

  /* Top + bottom lines */
  .cmc-mobile-tools .cmc-nav-toggle__icon::before,
  .cmc-mobile-tools .cmc-nav-toggle__icon::after{
    content:"";
    position:absolute;
    width:20px;
    height:2px;
    background:#ffffff !important;
    left:0;
  }

  .cmc-mobile-tools .cmc-nav-toggle__icon::before{
    top:-6px;
  }

  .cmc-mobile-tools .cmc-nav-toggle__icon::after{
    top:6px;
  }

}
/* =====================================================
   PREMIUM MOBILE HAMBURGER
   ===================================================== */
@media (max-width: 980px){

  /* Button container */
  .cmc-mobile-tools .cmc-nav-toggle{
    width:46px !important;
    height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(255,255,255,0.05) !important;
    border:2px solid #ffffff !important;
    border-radius:8px !important;
    padding:0 !important;
    position:relative !important;
    cursor:pointer;
    transition:all .3s ease;
  }

  /* Slight glow on hover */
  .cmc-mobile-tools .cmc-nav-toggle:hover{
    background:rgba(255,255,255,0.15) !important;
    box-shadow:0 0 10px rgba(255,255,255,0.4);
  }

  /* Middle line */
  .cmc-mobile-tools .cmc-nav-toggle__icon{
    position:absolute;
    width:22px;
    height:2px;
    background:#ffffff !important;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    transition:all .3s ease;
  }

  /* Top + bottom lines */
  .cmc-mobile-tools .cmc-nav-toggle__icon::before,
  .cmc-mobile-tools .cmc-nav-toggle__icon::after{
    content:"";
    position:absolute;
    width:22px;
    height:2px;
    background:#ffffff !important;
    left:0;
    transition:all .3s ease;
  }

  .cmc-mobile-tools .cmc-nav-toggle__icon::before{
    top:-7px;
  }

  .cmc-mobile-tools .cmc-nav-toggle__icon::after{
    top:7px;
  }

  /* Animate to X when menu is open */
  html.cmc-nav-open .cmc-mobile-tools .cmc-nav-toggle__icon{
    background:transparent !important;
  }

  html.cmc-nav-open .cmc-mobile-tools .cmc-nav-toggle__icon::before{
    transform:rotate(45deg);
    top:0;
  }

  html.cmc-nav-open .cmc-mobile-tools .cmc-nav-toggle__icon::after{
    transform:rotate(-45deg);
    top:0;
  }

}

/* =====================================================
   CMC FIX PACK (Feb 2026)
   - Hamburger: transparent background, white border, 3 white lines
   - Remove "Study the Bible" CTA on small screens (including drawer)
   NOTE: Kept as bottom overrides so it wins against earlier rules.
===================================================== */

@media (max-width: 1024px){

  /* Hamburger: border-only (no fill) */
  html body .cmc-nav-toggle{
    background: transparent !important;
    border: 2px solid #ffffff !important;
    box-shadow: none !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 10px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    position: relative !important;
    cursor: pointer;
  }

  /* Hamburger: 3 white lines */
  html body .cmc-nav-toggle__icon,
  html body .cmc-nav-toggle__icon::before,
  html body .cmc-nav-toggle__icon::after{
    background: #ffffff !important;
    height: 2px !important;
    border-radius: 2px !important;
  }

  /* Ensure correct line sizing/positioning even if earlier rules changed them */
  html body .cmc-nav-toggle__icon{
    position: absolute !important;
    left: 13px !important;
    right: 13px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  html body .cmc-nav-toggle__icon::before{
    top: -7px !important;
  }
  html body .cmc-nav-toggle__icon::after{
    top: 7px !important;
  }

  /* Remove Study the Bible CTA entirely on small screens (header + drawer) */
  html body .cmc-nav-cta{
    display: none !important;
  }
}

/* =====================================================
   CMC HAMBURGER VISUAL FIX (extra-strong override)
   Issue: button shows as blank white rounded square (lines invisible / bg not transparent)
   Fix:
   - force transparent background
   - force white border
   - force icon span to render and use white lines
===================================================== */
@media (max-width: 1024px){

  /* Stronger selector to beat any earlier rules */
  html body .cmc-header .cmc-mobile-tools .cmc-nav-toggle,
  html body .cmc-header .cmc-nav-toggle{
    background-color: transparent !important;
    background: transparent !important;
    border-color: #ffffff !important;
  }

  /* Ensure the icon span actually exists and is sized */
  html body .cmc-header .cmc-mobile-tools .cmc-nav-toggle__icon{
    display: block !important;
    width: 22px !important;
    height: 2px !important;
  }

  /* If any theme rule sets lines to transparent, force visible */
  html body .cmc-header .cmc-mobile-tools .cmc-nav-toggle__icon,
  html body .cmc-header .cmc-mobile-tools .cmc-nav-toggle__icon::before,
  html body .cmc-header .cmc-mobile-tools .cmc-nav-toggle__icon::after{
    background-color: #ffffff !important;
    opacity: 1 !important;
  }
}



/* =========================================================
   MOBILE FULLSCREEN MEGA MENU (Adventist.org-style)
   - When MENU is tapped on small screens, show a full-screen panel
   - Close (×) top-left, Search bar top, 2-column layout
   ========================================================= */
@media (max-width: 980px){

  /* Turn the existing nav into a full-screen overlay instead of a right drawer */
  html body .cmc-nav{
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    padding: 18px 18px 26px !important;

    background: radial-gradient(1200px 600px at 15% 15%, rgba(255,255,255,.10), rgba(255,255,255,0) 55%),
                linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.62)),
                var(--cmc-denim, #082c4f) !important;

    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;

    /* "closed" state */
    opacity: 0 !important;
    transform: translateY(-8px) !important;
    pointer-events: none !important;

    /* override old drawer positioning */
    position: fixed !important;
  }

  html body .cmc-nav.is-open{
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  /* We don't need a separate backdrop when the panel is full-screen */
  html body .cmc-nav-backdrop{
    display:none !important;
  }

  /* Hide the old desktop panel inside the overlay on mobile */
  html body .cmc-nav > .cmc-nav__panel{
    display:none !important;
  }

  /* Mobile mega wrapper visible only on small screens */
  html body .cmc-mobile-mega{
    display:block !important;
  }

  /* Top row: Close + Search */
  html body .cmc-mobile-mega__top{
    display:flex !important;
    align-items:center !important;
    gap: 16px !important;
    padding-top: 6px !important;
  }

  html body .cmc-mobile-mega__close{
    width: 44px !important;
    height: 44px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.35) !important;
    background: rgba(255,255,255,.08) !important;
    color: #ffffff !important;
    font-size: 28px !important;
    line-height: 1 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    flex: 0 0 auto !important;
  }
  html body .cmc-mobile-mega__close:hover{
    background: rgba(255,255,255,.14) !important;
  }

  html body .cmc-mobile-mega__search{
    display:flex !important;
    align-items:center !important;
    gap: 14px !important;
    width: 100% !important;
  }

  html body .cmc-mobile-mega__search-input{
    width: 100% !important;
    max-width: none !important;
    padding: 14px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.55) !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 18px !important;
    outline: none !important;
  }
  html body .cmc-mobile-mega__search-input::placeholder{
    color: rgba(255,255,255,.70) !important;
  }

  html body .cmc-mobile-mega__search-btn{
    flex: 0 0 auto !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 12px 16px !important;
    background: rgba(60,120,220,.95) !important;
    color: #ffffff !important;
    font-weight: 850 !important;
    display:inline-flex !important;
    align-items:center !important;
    gap: 10px !important;
    cursor:pointer !important;
    white-space: nowrap !important;
  }
  html body .cmc-mobile-mega__search-btn:hover{
    filter: brightness(1.04) !important;
    transform: translateY(-1px) !important;
  }

  /* Main grid */
  html body .cmc-mobile-mega__grid{
    display:grid !important;
    grid-template-columns: 1.2fr .8fr !important;
    gap: 44px !important;
    padding-top: 26px !important;
  }

  /* Primary menu */
  html body #cmc-primary-nav .cmc-menu--primary{
    display:block !important; /* override earlier mobile hiding */
    margin: 0 !important;
    padding: 0 !important;
  }

  html body #cmc-primary-nav .cmc-menu--primary > li > a{
    font-size: clamp(22px, 4.6vw, 30px) !important;
    font-weight: 520 !important;
    letter-spacing: .01em !important;
    padding: 12px 0 !important;
    border: 0 !important;
  }

  /* Submenus in mobile mega (use existing JS toggles + .is-subopen) */
  html body #cmc-primary-nav .cmc-menu--primary li ul{
    display:none !important;
    margin: 8px 0 12px !important;
    padding: 0 0 0 14px !important;
    border-left: 1px solid rgba(255,255,255,.18) !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  html body #cmc-primary-nav .cmc-menu--primary li.is-subopen > ul{
    display:block !important;
  }
  html body #cmc-primary-nav .cmc-menu--primary li ul li a{
    color: rgba(255,255,255,.92) !important;
    padding: 10px 0 !important;
    font-size: 16px !important;
    font-weight: 650 !important;
    background: transparent !important;
  }
  html body #cmc-primary-nav .cmc-menu--primary li ul li a:hover{
    color: #ffffff !important;
    text-decoration: underline !important;
  }

  /* Subtoggle button: place to the RIGHT of big items */
  html body #cmc-primary-nav .cmc-subtoggle{
    top: 8px !important;
    right: 0 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
  }

  /* CTA like screenshot */
  html body #cmc-primary-nav .cmc-nav-cta{
    margin-top: 18px !important;
    align-self:flex-start !important;
    background: rgba(60,120,220,.95) !important;
    color:#fff !important;
    padding: 12px 18px !important;
  }

  /* Secondary column */
  html body .cmc-mobile-mega__secondary{
    list-style:none !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
  }
  html body .cmc-mobile-mega__secondary li a{
    display:block !important;
    padding: 14px 0 !important;
    color:#ffffff !important;
    text-decoration:none !important;
    text-transform: uppercase !important;
    letter-spacing: .12em !important;
    font-weight: 850 !important;
    font-size: 14px !important;
    border-bottom: 1px solid rgba(255,255,255,.14) !important;
  }
  html body .cmc-mobile-mega__secondary li:last-child a{
    border-bottom: 0 !important;
  }

  /* About block (bottom-left like adventist.org) */
  html body .cmc-mobile-mega__about{
    margin-top: 28px !important;
    max-width: 640px !important;
    color: rgba(255,255,255,.92) !important;
  }
  html body .cmc-mobile-mega__about-title{
    margin: 12px 0 0 !important;
    font-size: 18px !important;
    font-weight: 650 !important;
    line-height: 1.4 !important;
  }
  html body .cmc-mobile-mega__about-text{
    margin: 14px 0 0 !important;
    color: rgba(255,255,255,.85) !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
  }

  /* Collapse to single column on very small screens */
  @media (max-width: 720px){
    html body .cmc-mobile-mega__grid{
      grid-template-columns: 1fr !important;
      gap: 26px !important;
    }
  }
}

/* =========================================================
   NEWS PAGE STYLES
   ========================================================= */

.cmc-news-page{
  padding: 32px 0;
}

/* Two-column layout: main content + sidebar */
.cmc-news-layout{
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 48px;
  align-items: start;
}

.cmc-news-main{
  max-width: 100%;
}

.cmc-news-sidebar{
  background: #f8f9fa;
  padding: 26px 20px;
  border-radius: 12px;
  border: 1px solid rgba(11,42,111,.08);
}

.cmc-sidebar-title{
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #0b2a6f;
  margin: 0 0 24px;
  padding-bottom: 16px;
  border-bottom: 2px solid rgba(11,42,111,.12);
}

/* Drop Cap Styling */
.cmc-dropcap{
  float: left;
  font-size: 52px;
  font-weight: 700;
  line-height: 40px;
  padding-right: 8px;
  padding-top: 2px;
  color: #0b2a6f;
}

.cmc-article-intro{
  font-size: 18px;
  line-height: 1.7;
  color: #333;
  margin-bottom: 24px;
}

/* Article spacing */
.cmc-article-body{
  margin-bottom: 32px;
}

.cmc-article-body p{
  font-size: 16px;
  line-height: 1.75;
  color: #555;
  margin-bottom: 20px;
}

.cmc-article-body h2{
  font-size: 28px;
  font-weight: 700;
  color: #0b2a6f;
  margin: 32px 0 16px;
}

/* Pullquote */
.cmc-pullquote{
  border-left: 4px solid #0b2a6f;
  padding: 20px 0 20px 24px;
  margin: 32px 0;
  font-size: 18px;
  font-weight: 500;
  color: #0b2a6f;
  line-height: 1.6;
}

.cmc-pullquote p{
  margin: 0;
  font-style: italic;
}

.cmc-pullquote footer{
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  color: #777;
  margin-top: 12px;
}

/* Image Gallery Section */
.cmc-gallery{
  margin: 40px 0;
}

.cmc-gallery-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.cmc-gallery-item{
  width: 100%;
  height: 280px;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.cmc-gallery-item:hover{
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
}

.cmc-gallery-item--large{
  grid-column: 2 / 4;
  height: 360px;
}

/* Related Content Cards */
.cmc-related-cards{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cmc-related-card{
  display: flex;
  flex-direction: column;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(11,42,111,.08);
  transition: box-shadow 0.3s ease;
}

.cmc-related-card:hover{
  box-shadow: 0 4px 12px rgba(11,42,111,.12);
}

.cmc-related-card__img{
  display: block;
  width: 100%;
  height: 160px;
  overflow: hidden;
}

.cmc-related-card__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.cmc-related-card:hover .cmc-related-card__img img{
  transform: scale(1.05);
}

.cmc-related-card__body{
  padding: 14px;
}

.cmc-related-card__date{
  font-size: 12px;
  font-weight: 600;
  color: #999;
  margin: 0 0 6px;
  letter-spacing: 0.05em;
}

.cmc-related-card__title{
  font-size: 14px;
  font-weight: 700;
  color: #0b2a6f;
  margin: 0 0 12px;
  line-height: 1.4;
}

.cmc-related-card__title a{
  color: #0b2a6f;
  text-decoration: none;
  transition: color 0.3s ease;
}

.cmc-related-card__title a:hover{
  color: #ef7321;
}

.cmc-related-card__excerpt{
  font-size: 13px;
  color: #666;
  line-height: 1.5;
  margin: 0 0 12px;
}

.cmc-btn--small{
  font-size: 12px;
  padding: 8px 12px;
  display: inline-block;
  text-decoration: none;
  color: #0b2a6f;
  background: transparent;
  border: 1px solid #0b2a6f;
  border-radius: 20px;
  transition: all 0.3s ease;
  font-weight: 600;
}

.cmc-btn--small:hover{
  background: #0b2a6f;
  color: white;
}

/* Responsive adjustments */
@media (max-width: 1024px){
  .cmc-news-layout{
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .cmc-gallery-grid{
    grid-template-columns: repeat(2, 1fr);
  }

  .cmc-gallery-item--large{
    grid-column: 1;
    height: 280px;
  }
}

@media (max-width: 640px){
  .cmc-news-page{
    padding: 20px 0;
  }

  .cmc-news-layout{
    gap: 24px;
  }

  .cmc-gallery-grid{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .cmc-gallery-item,
  .cmc-gallery-item--large{
    height: 240px;
  }

  .cmc-article-body p{
    font-size: 15px;
  }

  .cmc-sidebar-title{
    font-size: 12px;
  }

  .cmc-dropcap{
    font-size: 40px;
    line-height: 30px;
  }
}



/* =========================================================
   FIX ONLY: Desktop title should NEVER be cut (no ellipsis)
   - Keeps menu positioning unchanged
   - Allows brand text to wrap within existing brand width
   ========================================================= */

html body .cmc-brand{
  /* keep your layout constraints, but do NOT clip */
  overflow: visible !important;
}

html body .cmc-brand__title,
html body .cmc-brand__subtitle{
  white-space: normal !important;   /* allow wrapping instead of truncation */
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal;
  overflow-wrap: anywhere;          /* safety for long strings */
}

/* If any parent forces clipping, ensure the link can expand */
html body .cmc-brand__link{
  display: inline-block;
  max-width: 100%;
}
/* ==========================================
   FORCE TITLE INTO TWO CLEAN LINES
   (No menu changes, no layout shifts)
========================================== */

/* Brand wrapper */
.cmc-brand__link{
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.2;
}

/* First line */
.cmc-brand__title{
  display: block;
  font-size: 1.15rem;
  font-weight: 600;
  white-space: nowrap;        /* keep this line intact */
  overflow: visible;
  text-overflow: unset;
}

/* Second line */
.cmc-brand__subtitle{
  display: block;
  font-size: 1rem;
  font-weight: 400;
  opacity: 0.9;
  white-space: nowrap;        /* keep this line intact */
}

/* Prevent flex cutting */
.cmc-brand{
  min-width: max-content;
}

/* =========================================================
   MOBILE TITLE / 7TH-COLUMN OVERFLOW FIX (Feb 2026)
   Problem:
   - On small screens the header width was still being forced to 6/7
     and the brand was sometimes set to min-width:max-content, causing
     the title to push into the "7th column" area or overflow the viewport.
   Fix:
   - On ≤1024px: header becomes full-width, brand can shrink/wrap safely.
   - On ≥1025px: keep the 6/7 width rule (desktop ALPS layout).
   ========================================================= */

/* Desktop header uses the same full-width + inner gutters as all breakpoints (no 6/7 shrink). */

/* Mobile + Tablet: use full width (no reserved 7th column) */
@media (max-width: 1024px){
  html body.home .cmc-header,
  html body:not(.home) .cmc-header{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Ensure flex items can actually shrink (prevents overflow) */
  html body .cmc-header__inner{
    min-width: 0 !important;
    gap: 12px !important;
  }

  /* Brand must be shrinkable (IMPORTANT: overrides any min-width:max-content) */
  html body .cmc-brand{
    min-width: 0 !important;
    flex: 1 1 auto !important;
    max-width: calc(100% - 64px) !important; /* leaves room for hamburger */
    overflow: visible !important;
  }

  html body .cmc-brand__link{
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Allow wrapping instead of pushing out of viewport */
  html body .cmc-brand__title,
  html body .cmc-brand__subtitle{
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}


/* =========================================================
   CMC HEADER - v2 Mobile/Tablet polish (Feb 2026)
   Requests implemented:
   1) Hamburger visible on ALL "mobile-like" widths (up to 1200px)
   2) Title + tools aligned to SAME left edge with generous left padding
   3) Search and Hamburger both open the SAME mega menu (already), but
      hamburger focuses menu (not search); search focuses search field.
   4) Chevron indicators for items with submenus on ALL screens:
      - Desktop: chevron after the link text
      - Mobile/Tablet: existing .cmc-subtoggle chevron button remains
========================================================= */

/* Treat <=1200px as "mobile/tablet" for navigation collapse */
@media (max-width: 1200px){
  /* Always show the SEARCH + MENU row */
  .cmc-mobile-tools{ display:flex !important; }

  /* Always show hamburger button */
  .cmc-nav-toggle{ display:inline-flex !important; }

  /* Hide desktop nav panel (use the mega drawer) */
  .cmc-nav__panel{ display:none !important; }

  /* Keep mega available when open */
  html.cmc-nav-open body .cmc-mobile-mega{
    display:flex !important;
    flex-direction: column;
  }
}

/* Align title and mobile tools to the same left edge with roomy padding */
@media (max-width: 1200px){
  :root{ --cmc-mobile-leftpad: clamp(22px, 4vw, 38px); }

  .cmc-header__inner{
    padding-left: var(--cmc-mobile-leftpad) !important;
    padding-right: clamp(12px, 2vw, 22px) !important;
    align-items: flex-start !important;
  }

  /* Remove extra brand padding that can cause misalignment */
  .cmc-brand{ padding-left: 0 !important; }

  /* Mobile tools row aligns under title and shares same left edge */
  .cmc-mobile-tools{
    justify-content: flex-start !important;
    margin-top: 10px !important;
    width: 100% !important;
  }
}

/* Desktop chevrons + reliable dropdown behavior */
@media (min-width: 1025px){

  /* Ensure dropdowns open on hover AND keyboard focus (sanitized override) */
  .cmc-menu--primary li.menu-item-has-children:hover > ul,
  .cmc-menu--primary li.page_item_has_children:hover > ul,
  .cmc-menu--primary li.menu-item-has-children:focus-within > ul,
  .cmc-menu--primary li.page_item_has_children:focus-within > ul{
    display: block;
  }

  /* TOP LEVEL: place a small chevron neatly to the RIGHT of the label (never below) */
  .cmc-menu--primary > li.menu-item-has-children > a,
  .cmc-menu--primary > li.page_item_has_children > a{
    position: relative;
    padding-right: 22px; /* room for chevron */
  }

  .cmc-menu--primary > li.menu-item-has-children > a::after,
  .cmc-menu--primary > li.page_item_has_children > a::after{
    content: "";
    position: absolute;
    right: 6px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-60%) rotate(45deg); /* down chevron */
    opacity: .8;
    pointer-events: none;
  }

  /* SUBMENU ITEMS: right-pointing chevron aligned to the far right */
  .cmc-menu--primary li ul > li.menu-item-has-children > a,
  .cmc-menu--primary li ul > li.page_item_has_children > a{
    position: relative;
    padding-right: 28px;
  }

  .cmc-menu--primary li ul > li.menu-item-has-children > a::after,
  .cmc-menu--primary li ul > li.page_item_has_children > a::after{
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-50%) rotate(-45deg); /* right chevron */
    opacity: .7;
    pointer-events: none;
  }
}



/* =========================================================
   CMC Header Mobile Sanitation (single source of truth)
   - Align title + tools
   - Prevent overflow / crushing
   - Hide SEARCH text label but keep accessible text
   - Ensure hamburger visible on all "mobile-like" widths
   ========================================================= */
.cmc-sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

@media (max-width: 1200px){
  /* Header must be full-width on mobile/tablet widths */
  .cmc-header{
    width:100% !important;
    max-width:100% !important;
    left:0 !important;
    right:0 !important;
    transform:none !important;
  }

  /* One consistent padding so brand + tools share the same left edge */
  .cmc-header__inner{
    padding-left:22px !important;
    padding-right:22px !important;
  }

  /* Remove separate brand padding that causes misalignment */
  .cmc-brand{
    padding-left:0 !important;
    margin:0 !important;
    max-width:100% !important;
  }

  .cmc-brand__link{
    display:block !important;
    max-width:100% !important;
  }

  /* Prevent title from pushing outside viewport */
  .cmc-brand__title,
  .cmc-brand__subtitle{
    max-width:100% !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  /* Calmer, stable mobile sizing */
  .cmc-brand__title{
    font-size:clamp(22px, 5.6vw, 34px) !important;
    line-height:1.08 !important;
    margin:0 !important;
  }
  .cmc-brand__subtitle{
    font-size:clamp(16px, 4.2vw, 22px) !important;
    line-height:1.15 !important;
    margin-top:4px !important;
  }

  /* Tools row aligns with title edge */
  .cmc-mobile-tools{
    width:100% !important;
    padding-left:0 !important;
    margin-top:8px !important;
    gap:18px !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  /* Hide visible SEARCH label on mobile (kept for screen readers via cmc-sr-only) */
  .cmc-utility-search-toggle__label{
    display:none !important;
  }

  /* Keep icons balanced */
  .cmc-utility-search-toggle--mobile{
    padding:8px 0 !important;
  }
}

/* Ensure hamburger appears whenever primary nav is hidden */
@media (max-width: 1200px){
  .cmc-nav-toggle{ display:inline-flex !important; }

  /* DO NOT hide the nav — we need it for the mobile drawer */
  .cmc-nav{ display:block !important; }
}


/* =========================================================
   SANITIZE MOBILE BRAND + SEARCH VISIBILITY + DESKTOP CHEVRONS (v3)
   - Mobile/Tablet (<=1200px): show ONLY "Central Malawi Conference" (subtitle),
     hide "Seventh-day Adventist" line, and remove search UI.
   - Desktop (>=1201px): keep search, and show chevrons on submenu parents.
========================================================= */

/* 1) Mobile: use subtitle as the only visible title */
@media (max-width: 1200px){
  .cmc-brand__title{ display:none !important; }
  .cmc-brand__subtitle{
    display:block !important;
    margin-top:0 !important;
    font-size: clamp(1.55rem, 4.6vw, 2.15rem) !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.01em !important;
    color:#ffffff !important;
    white-space: normal !important;
  }

  /* 2) Mobile: remove search completely (icon + panel) */
  .cmc-mobile-tools .cmc-utility-search-toggle{ display:none !important; }
  #cmc-utility-search{ display:none !important; }
}

/* 3) Desktop: subtle chevrons for menu items with submenus (aesthetic + aligned) */
@media (min-width: 1201px){
  /* Top-level dropdown indicator */
  .cmc-nav .cmc-menu--primary > li.menu-item-has-children > a,
  .cmc-nav .cmc-menu--primary > li.page_item_has_children > a{
    position: relative !important;
    padding-right: 18px !important; /* room for chevron */
  }

  .cmc-nav .cmc-menu--primary > li.menu-item-has-children > a::after,
  .cmc-nav .cmc-menu--primary > li.page_item_has_children > a::after{
    content:"" !important;
    display:inline-block !important;
    width: 7px !important;
    height: 7px !important;
    margin-left: 8px !important;
    border-right: 2px solid rgba(255,255,255,.85) !important;
    border-bottom: 2px solid rgba(255,255,255,.85) !important;
    transform: translateY(-2px) rotate(45deg) !important; /* small down chevron */
    opacity: .9 !important;
  }

  /* Submenu: right-pointing indicator */
  .cmc-nav .cmc-menu--primary li ul > li.menu-item-has-children > a::after,
  .cmc-nav .cmc-menu--primary li ul > li.page_item_has_children > a::after{
    content:"" !important;
    display:inline-block !important;
    width: 7px !important;
    height: 7px !important;
    margin-left: 10px !important;
    border-right: 2px solid rgba(11,42,111,.55) !important;
    border-bottom: 2px solid rgba(11,42,111,.55) !important;
    transform: translateY(-1px) rotate(-45deg) !important; /* right chevron */
    opacity: .85 !important;
  }

  /* Hover/focus: slightly brighter, but not loud */
  .cmc-nav .cmc-menu--primary > li.menu-item-has-children > a:hover::after,
  .cmc-nav .cmc-menu--primary > li.page_item_has_children > a:hover::after,
  .cmc-nav .cmc-menu--primary > li.menu-item-has-children > a:focus::after,
  .cmc-nav .cmc-menu--primary > li.page_item_has_children > a:focus::after{
    border-right-color: rgba(255,255,255,.95) !important;
    border-bottom-color: rgba(255,255,255,.95) !important;
    opacity: .98 !important;
  }
}

/* =========================================================
   v6 PATCH — Fix chevron overlap, desktop overlay submenus,
   mobile title alignment, and hamburger sizing
   ========================================================= */

/* 1) Desktop chevrons: always NEXT TO text (never over it) */
@media (min-width: 1025px){
  /* Top-level + dropdown parents: flex link so chevron sits beside text */
  html body .cmc-nav .cmc-menu--primary li.menu-item-has-children > a{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding-right: 14px !important; /* breathing room */
    white-space: nowrap !important;
  }

  /* Small, clean chevron (CSS-drawn) */
  html body .cmc-nav .cmc-menu--primary li.menu-item-has-children > a::after{
    content: '' !important;
    width: 7px !important;
    height: 7px !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    transform: rotate(45deg) translateY(-1px) !important; /* down */
    opacity: .78 !important;
    flex: 0 0 auto !important;
    margin-left: 10px !important;
  }

  /* Submenu parents inside dropdown: right-pointing chevron */
  html body .cmc-nav .cmc-menu--primary li ul > li.menu-item-has-children > a::after{
    transform: rotate(-45deg) translateY(0) !important; /* right */
    opacity: .65 !important;
  }

  html body .cmc-nav .cmc-menu--primary li.menu-item-has-children > a:hover::after,
  html body .cmc-nav .cmc-menu--primary li.menu-item-has-children > a:focus::after{
    opacity: .95 !important;
  }
}

/* 2) Desktop overlay (hamburger/search opened): make submenus actually open */
@media (min-width: 1025px){
  /* Ensure toggles exist + are clickable in the overlay UI */
  html.cmc-nav-open body #cmc-primary-nav .cmc-subtoggle{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
  }

  /* In overlay, allow hover/focus/click-opened submenus to display */
  html.cmc-nav-open body #cmc-primary-nav .cmc-menu--primary li.menu-item-has-children > ul{
    display: none !important;
    position: static !important;
  }
  html.cmc-nav-open body #cmc-primary-nav .cmc-menu--primary li.menu-item-has-children:hover > ul,
  html.cmc-nav-open body #cmc-primary-nav .cmc-menu--primary li.menu-item-has-children:focus-within > ul,
  html.cmc-nav-open body #cmc-primary-nav .cmc-menu--primary li.is-subopen > ul{
    display: block !important;
  }
}

/* 3) Mobile/tablet title: ONLY "Central Malawi Conference" + perfect left alignment with tools */
@media (max-width: 1200px){
  html body .cmc-brand__title{ display:none !important; }

  /* One consistent left edge for brand + tools */
  html body .cmc-header__inner{
    padding-left: 28px !important;
    padding-right: 22px !important;
    align-items: flex-start !important;
  }

  html body .cmc-brand,
  html body .cmc-brand__link{
    width: 100% !important;
  }

  html body .cmc-brand__subtitle{
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.12 !important;
    letter-spacing: .01em !important;
  }

  /* Remove odd vertical gaps that push the tools away */
  html body .cmc-mobile-tools{
    margin-top: 10px !important;
    padding-left: 0 !important;
  }
}

/* 4) Mobile hamburger: size proportional to title (less bulky) */
@media (max-width: 1200px){
  html body .cmc-mobile-tools .cmc-nav-toggle{
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
  }

  html body .cmc-mobile-tools .cmc-nav-toggle__icon,
  html body .cmc-mobile-tools .cmc-nav-toggle__icon::before,
  html body .cmc-mobile-tools .cmc-nav-toggle__icon::after{
    width: 18px !important;
    height: 2px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  html body .cmc-mobile-tools .cmc-nav-toggle__icon{ top: 20px !important; }
  html body .cmc-mobile-tools .cmc-nav-toggle__icon::before{ top: -6px !important; }
  html body .cmc-mobile-tools .cmc-nav-toggle__icon::after{ top: 6px !important; }
}


/* =========================================================
   v7 CHEVRON SANITIZER (HARD OVERRIDE)
   Purpose: eliminate any overlapping/absolute-position chevrons
   and rebuild a clean inline chevron next to the menu label.
   ========================================================= */

/* 1) Neutralize any legacy chevrons that might be absolutely positioned */
@media (min-width: 1025px){
  .cmc-nav li.menu-item-has-children > a::after,
  .cmc-nav li.page_item_has_children > a::after,
  nav#site-navigation li.menu-item-has-children > a::after,
  nav#site-navigation li.page_item_has_children > a::after,
  header .menu-item-has-children > a::after,
  header .page_item_has_children > a::after{
    /* reset any positioning that could overlap the text */
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;

    /* reset layout + visuals */
    background: none !important;
    box-shadow: none !important;
    float: none !important;
    clear: none !important;
    line-height: 1 !important;

    /* IMPORTANT: we'll re-define the chevron below */
    content: "" !important;
  }
}

/* 2) Rebuild a clean, inline chevron that always sits NEXT to the label */
@media (min-width: 1025px){
  .cmc-nav li.menu-item-has-children > a,
  .cmc-nav li.page_item_has_children > a,
  nav#site-navigation li.menu-item-has-children > a,
  nav#site-navigation li.page_item_has_children > a{
    display: inline-flex !important;
    align-items: center !important;
    gap: .45rem !important;
    white-space: nowrap !important; /* keeps chevron on same line */
  }

  .cmc-nav li.menu-item-has-children > a::after,
  .cmc-nav li.page_item_has_children > a::after,
  nav#site-navigation li.menu-item-has-children > a::after,
  nav#site-navigation li.page_item_has_children > a::after{
    /* small aesthetic chevron */
    width: .45rem !important;
    height: .45rem !important;
    margin-left: .1rem !important;
    flex: 0 0 auto !important;

    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;

    transform: rotate(45deg) !important;
    opacity: .85 !important;
  }
}

/* 3) If ANY theme rule adds a chevron via <span> or <i> inside the link, tone it down */
@media (min-width: 1025px){
  .cmc-nav li.menu-item-has-children > a i,
  .cmc-nav li.menu-item-has-children > a svg,
  .cmc-nav li.page_item_has_children > a i,
  .cmc-nav li.page_item_has_children > a svg{
    margin-left: .35rem !important;
  }
}



/* =========================================================
   v8 PATCH — Desktop overlay menu cleanup
   - Removes any leading "feature" circles/icons before menu labels
   - Tightens chevron spacing (half the gap)
========================================================= */

/* 1) HARD-KILL any pseudo/icons injected before links in the overlay menu */
html.cmc-nav-open body #cmc-primary-nav .cmc-mobile-mega .cmc-menu--primary > li > a::before,
html.cmc-nav-open body #cmc-primary-nav .cmc-mobile-mega .cmc-menu--primary > li > a:before,
html.cmc-nav-open body #cmc-primary-nav .cmc-mobile-mega .cmc-menu--primary li a::before,
html.cmc-nav-open body #cmc-primary-nav .cmc-mobile-mega .cmc-menu--primary li a:before,
html.cmc-nav-open body #cmc-primary-nav .cmc-mobile-mega .cmc-menu--primary li::before,
html.cmc-nav-open body #cmc-primary-nav .cmc-mobile-mega .cmc-menu--primary li:before{
  content: none !important;
  display: none !important;
}

/* Remove any left padding that existed only to make room for those icons */
html.cmc-nav-open body #cmc-primary-nav .cmc-mobile-mega .cmc-menu--primary > li > a,
html.cmc-nav-open body #cmc-primary-nav .cmc-mobile-mega .cmc-menu--primary li a{
  padding-left: 0 !important;
  background-image: none !important;
}

/* If the theme used list markers or custom markers, kill them too */
html.cmc-nav-open body #cmc-primary-nav .cmc-mobile-mega .cmc-menu--primary,
html.cmc-nav-open body #cmc-primary-nav .cmc-mobile-mega .cmc-menu--primary li{
  list-style: none !important;
}
html.cmc-nav-open body #cmc-primary-nav .cmc-mobile-mega .cmc-menu--primary li::marker{
  content: "" !important;
}

/* 2) Tighten chevron spacing on desktop (reduce by ~50%) */
@media (min-width: 1025px){
  /* Parent items */
  html body .cmc-menu--primary > li.menu-item-has-children > a,
  html body .cmc-menu--primary > li.page_item_has_children > a{
    padding-right: 14px !important; /* was ~22 */
  }
  html body .cmc-menu--primary > li.menu-item-has-children > a::after,
  html body .cmc-menu--primary > li.page_item_has_children > a::after{
    right: 4px !important; /* was ~6 */
  }

  /* Submenu parents inside dropdowns */
  html body .cmc-menu--primary li ul > li.menu-item-has-children > a,
  html body .cmc-menu--primary li ul > li.page_item_has_children > a{
    padding-right: 20px !important; /* was ~28 */
  }
  html body .cmc-menu--primary li ul > li.menu-item-has-children > a::after,
  html body .cmc-menu--primary li ul > li.page_item_has_children > a::after{
    right: 8px !important; /* was ~10 */
  }
}

/* =========================================================
   CMC v9 PATCH — Remove overlay-menu circles + tighten chevron gap
   Targets the "search/hamburger mega menu" state (html.cmc-nav-open)
   ========================================================= */

/* 1) Kill any bullets/markers or injected circle icons in the overlay menu */
html.cmc-nav-open .cmc-mobile-mega ul,
html.cmc-nav-open .cmc-mobile-mega ol,
html.cmc-nav-open .cmc-mobile-mega li{
  list-style: none !important;
  margin: 0 !important;
}

html.cmc-nav-open .cmc-mobile-mega li::marker{ content: "" !important; }

/* Remove ANY pseudo/icon before links/items (common cause of circles) */
html.cmc-nav-open .cmc-mobile-mega li::before,
html.cmc-nav-open .cmc-mobile-mega li::after,
html.cmc-nav-open .cmc-mobile-mega a::before,
html.cmc-nav-open .cmc-mobile-mega a::after,
html.cmc-nav-open .cmc-mobile-mega span::before,
html.cmc-nav-open .cmc-mobile-mega span::after{
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* If the mother theme uses background images for menu bullets */
html.cmc-nav-open .cmc-mobile-mega .menu-item > a{
  background-image: none !important;
}

/* Remove any left padding that was reserved for those icons */
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary > li,
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary > li > a,
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary .sub-menu > li > a{
  padding-left: 0 !important;
}

/* Keep spacing controlled by your existing menu padding (if any) */
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary > li > a{
  padding-left: 0 !important;
}

/* 2) Tighten the chevron gap by ~50% (inline chevron container) */
.cmc-menu--primary li.menu-item-has-children > a,
.cmc-nav__panel .cmc-menu--primary li.menu-item-has-children > a{
  gap: 6px !important; /* was larger; feels tight but readable */
}

/* 3) If any theme rule absolutely positions chevrons, neutralize it */
.cmc-menu--primary li.menu-item-has-children > a{
  position: relative !important;
}
.cmc-menu--primary li.menu-item-has-children > a::after{
  position: static !important;
  top: auto !important;
  right: 0 !important;
  transform: none !important;
}

/* =========================================================
   CMC v10 PATCH — Fix "circle icons" = .cmc-subtoggle buttons
   - Move subtoggle chevrons to the RIGHT of menu text
   - Remove circular button styling
   - Ensure submenus open in the overlay/search menu on desktop
   ========================================================= */

/* Overlay (search/hamburger opened) menu: make each LI a positioning context */
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.menu-item-has-children,
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.page_item_has_children{
  position: relative !important;
}

/* Remove the "circle" look and place toggle to the right */
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary .cmc-subtoggle{
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;

  padding: 0 !important;
  margin: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Make the chevron itself clean and visible */
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary .cmc-subtoggle__chev{
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: rotate(45deg) !important; /* down chevron */
  opacity: .85 !important;
}

/* When open, rotate chevron up */
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.is-subopen > .cmc-subtoggle .cmc-subtoggle__chev{
  transform: rotate(-135deg) !important;
  opacity: 1 !important;
}

/* Give the link room on the right so text never collides with the toggle */
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary > li > a{
  padding-right: 36px !important;
}

/* Ensure submenus actually appear when toggled open in overlay/search */
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary .sub-menu{
  display: none !important;
  margin-top: 6px !important;
}

html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.is-subopen > .sub-menu{
  display: block !important;
}

/* Also allow hover/focus to reveal in overlay on desktop (nice fallback) */
@media (min-width: 1025px){
  html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.menu-item-has-children:hover > .sub-menu,
  html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.menu-item-has-children:focus-within > .sub-menu{
    display: block !important;
  }
}

/* =========================================================
   CMC v11 PATCH — Remove remaining "circle chevrons" + render submenus in overlay
   ========================================================= */

/* A) The right-side toggle button must NEVER look like a circle (all contexts) */
.cmc-subtoggle{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
.cmc-subtoggle::before,
.cmc-subtoggle::after{
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* B) In the overlay/search menu, remove the "extra" inline chevron near the text.
      Keep ONLY the right-side subtoggle chevron. */
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.menu-item-has-children > a::after,
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.page_item_has_children > a::after{
  content: none !important;
  display: none !important;
}

/* C) Make overlay/search submenus actually render when opened */
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary .sub-menu{
  display: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-height: none !important;
  position: static !important;
  transform: none !important;
}

html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.is-subopen > .sub-menu{
  display: block !important;
}

/* Some themes hide dropdowns via pointer-events/height/overflow on the LI */
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.is-subopen{
  overflow: visible !important;
}

/* D) Tighten gap slightly more between label and (inline) chevrons on DESKTOP header menu
      (does not affect overlay since overlay inline chevrons are hidden above) */
@media (min-width: 1025px){
  .cmc-nav__panel .cmc-menu--primary li.menu-item-has-children > a,
  .cmc-nav__panel .cmc-menu--primary li.page_item_has_children > a{
    gap: 5px !important;
  }
}


/* =========================================================
   CMC MOBILE MENU QUALITY PACK (2026-02-18)
   - Safer scroll-lock
   - Better tap targets + focus-visible
   - Reduced motion support
   - Backdrop click reliability
   - iOS safe-area padding
   ========================================================= */

/* Robust scroll lock when the mobile drawer is open */
html.cmc-nav-open,
html.cmc-nav-open body{
  height: 100%;
  overflow: hidden !important;
}
html.cmc-nav-open body{
  position: relative;
  overscroll-behavior: none;
}

/* Backdrop should not block interactions unless menu is open */
.cmc-nav-backdrop{
  pointer-events: none;
}
.cmc-nav-backdrop.is-open{
  pointer-events: auto;
}

/* Ensure the drawer layer always sits above everything */
#cmc-primary-nav,
#cmc-primary-nav .cmc-mobile-mega{
  z-index: 99999;
}

/* Mobile drawer scrolling should be smooth and isolated */
.cmc-mobile-mega{
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding-bottom: env(safe-area-inset-bottom);
}
.cmc-mobile-mega__inner{
  padding-bottom: env(safe-area-inset-bottom);
}

/* Bigger, more forgiving tap targets */
.cmc-nav-toggle,
.cmc-utility-search-toggle,
.cmc-mobile-mega__close{
  min-width: 44px;
  min-height: 44px;
}

/* Submenu toggle button alignment + tap area */
.cmc-subtoggle{
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

/* Visible focus for keyboard users (accessibility) */
:where(.cmc-header, #cmc-primary-nav) :focus-visible{
  outline: 2px solid rgba(255,255,255,.9);
  outline-offset: 2px;
}

/* Reduce motion: remove transitions/animations for users who prefer it */
@media (prefers-reduced-motion: reduce){
  *{
    scroll-behavior: auto !important;
  }
  .cmc-header *{
    transition: none !important;
    animation: none !important;
  }
}

/* Prevent accidental horizontal scroll caused by drawer transforms */
html, body{
  max-width: 100%;
  overflow-x: clip;
}


/* =========================================================
   CMC Overlay Menu — Chevron Alignment Fix (Mobile/Tablet)
   Goal: Keep chevrons perfectly inline with menu text (no absolute positioning)
   Applies ONLY when the full-screen overlay is open.
   ========================================================= */

html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.menu-item-has-children,
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.page_item_has_children,
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary .sub-menu li.menu-item-has-children,
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary .sub-menu li.page_item_has_children{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  flex-wrap: wrap !important; /* allows submenu UL to sit below */
}

/* Main link gets all remaining width; never overlaps the chevron button */
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.menu-item-has-children > a,
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.page_item_has_children > a,
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary .sub-menu li.menu-item-has-children > a,
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary .sub-menu li.page_item_has_children > a{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding-right: 0 !important; /* we no longer reserve space for an absolute chevron */
}

/* Submenu toggle chevron stays inline (same row), right-aligned */
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary .cmc-subtoggle{
  position: static !important;
  top: auto !important;
  right: 0 !important;
  transform: none !important;

  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 10px !important;

  flex: 0 0 auto !important;
  align-self: center !important;
  z-index: 2 !important;
}

/* Slight hover/focus affordance (still calm + official) */
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary .cmc-subtoggle:focus-visible,
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary .cmc-subtoggle:hover{
  outline: none !important;
  background: rgba(255,255,255,.08) !important;
}

/* Ensure the submenu UL spans full width underneath the row */
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li > .sub-menu{
  flex-basis: 100% !important;
  width: 100% !important;
}

/* Remove any theme-generated chevrons so only our inline toggle shows */
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.menu-item-has-children > a::after,
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.page_item_has_children > a::after,
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary .sub-menu li.menu-item-has-children > a::after,
html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary .sub-menu li.page_item_has_children > a::after{
  content: none !important;
  display: none !important;
}



/* =========================================================
   TOP-5 OVERLAY IMPROVEMENTS (branding + search chips + submenu motion + active highlight + scroll polish)
   ========================================================= */

/* Scroll lock with scrollbar compensation */
html.cmc-nav-open {
  overflow: hidden;
  padding-right: var(--cmc-scrollbar, 0px);
}

/* Fullscreen overlay: make it feel official */
@media (max-width: 1024px) {
  .cmc-mobile-mega__top { 
    position: sticky;
    top: 0;
    z-index: 5;
    backdrop-filter: blur(10px);
  }

  .cmc-mobile-mega__topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 14px;
    padding: 12px 14px 6px;
  }

  .cmc-mobile-mega__brand{
    display:flex;
    align-items:center;
    gap: 10px;
    min-width: 0;
  }

  .cmc-mobile-mega__brand-logo{
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius: 10px;
  }
  .cmc-mobile-mega__brand-logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .cmc-mobile-mega__brand-text{
    min-width: 0;
    line-height: 1.15;
  }
  .cmc-mobile-mega__brand-title{
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .cmc-mobile-mega__brand-subtitle{
    font-size: 12px;
    opacity: .85;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .cmc-mobile-mega__close{
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  /* Search row spacing */
  .cmc-mobile-mega__search{
    padding: 8px 14px 0;
  }

  /* Quick chips */
  .cmc-mobile-mega__chips{
    display:flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 14px 12px;
  }
  .cmc-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid currentColor;
    text-decoration:none;
    font-size: 12px;
    line-height: 1;
    opacity: .9;
  }
  .cmc-chip:hover,
  .cmc-chip

  /* Ensure chevron toggles align on same row */
  .cmc-mobile-mega .cmc-menu--primary > li > a{
    flex: 1 1 auto;
    min-width: 0;
  }
  .cmc-mobile-mega .cmc-menu--primary > li > .cmc-subtoggle{
    flex: 0 0 auto;
    margin-left: 8px;
  }

  /* Submenu smooth open/close */
  .cmc-mobile-mega .cmc-menu--primary li > ul{
    overflow: hidden;
    max-height: 0;
    transition: max-height 260ms ease;
    will-change: max-height;
  }
  .cmc-mobile-mega .cmc-menu--primary li.is-subopen > ul{
    max-height: 80vh;
  }

  /* Active page highlight */
  .cmc-mobile-mega .cmc-menu--primary a.cmc-active-link,
  .cmc-mobile-mega .cmc-menu--primary li.current-menu-item > a,
  .cmc-mobile-mega .cmc-menu--primary li.current_page_item > a{
    font-weight: 700;
    text-decoration: none;
  }
  .cmc-mobile-mega .cmc-menu--primary li.current-menu-item,
  .cmc-mobile-mega .cmc-menu--primary li.current_page_item{
    border-left: 3px solid currentColor;
    padding-left: 10px;
  }

  /* Backdrop must never block clicks when closed */
  .cmc-nav-backdrop{ pointer-events: none; }
  .cmc-nav-backdrop.is-open{ pointer-events: auto; }

  /* Better tap targets */
  .cmc-subtoggle{ min-width: 44px; min-height: 44px; }
  .cmc-nav-toggle{ min-width: 44px; min-height: 44px; }
}

/* Focus-visible polish (professional feel) */
.cmc-header :focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .cmc-mobile-mega .cmc-menu--primary li > ul{
    transition: none !important;
  }
  .cmc-nav, .cmc-mobile-mega{
    transition: none !important;
  }
}


/* --- Overlay alignment hotfix (Feb 2026) --- */
html.cmc-nav-open body .cmc-mobile-mega__top > *{max-width: 980px; margin-left:auto; margin-right:auto; width:100%;}
html.cmc-nav-open body .cmc-mobile-mega__brand-title, html.cmc-nav-open body .cmc-mobile-mega__brand-subtitle{white-space:normal !important;}



/* =========================================================
   OVERLAY MENU — FINAL MOBILE POLISH (overflow + header sizing + white chips)
   Fixes:
   - Prevent horizontal overflow / overspill
   - Reduce overlay header size
   - Remove visual crowding at the top
   - White quick-link buttons
   - Stack grid to 1 column on mobile/tablet
   ========================================================= */

/* When open: never allow horizontal scrolling */
html.cmc-nav-open body .cmc-nav,
html.cmc-nav-open body .cmc-mobile-mega,
html.cmc-nav-open body .cmc-mobile-mega *{
  box-sizing: border-box !important;
}

html.cmc-nav-open body .cmc-nav{
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

/* Mobile + Tablet: the nav itself must be a true full-screen overlay */
@media (max-width: 1024px){
  html.cmc-nav-open body .cmc-nav{
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    position: fixed !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;

    /* keep padding modest so content fits */
    padding: 14px 14px 22px !important;
  }

  /* Make sure the mega wrapper cannot overflow */
  html.cmc-nav-open body .cmc-mobile-mega{
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Top area: smaller and tighter */
  html.cmc-nav-open body .cmc-mobile-mega__top{
    padding: 4px 10px 8px !important;
    gap: 10px !important;
  }

  html.cmc-nav-open body .cmc-mobile-mega__topbar{
    display:flex !important;
    align-items:center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  /* Brand: logo only (text removed from blade); keep it modest */
  html.cmc-nav-open body .cmc-mobile-mega__brand{
    display:flex !important;
    align-items:center !important;
    min-width: 0 !important;
  }
  html.cmc-nav-open body .cmc-mobile-mega__brand-logo{
    width: 40px !important;
    height: 40px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  html.cmc-nav-open body .cmc-mobile-mega__brand-logo img{
    max-height: 38px !important;
    width: auto !important;
  }

  /* Close button: consistent tap target */
  html.cmc-nav-open body .cmc-mobile-mega__close{
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    flex: 0 0 auto !important;
  }

  /* Search: keep within container, wrap cleanly */
  html.cmc-nav-open body .cmc-mobile-mega__search{
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
  }
  html.cmc-nav-open body .cmc-mobile-mega__search-input{
    min-width: 0 !important;
    width: 1% !important; /* allow flex to shrink without overflow */
    flex: 1 1 auto !important;
  }
  html.cmc-nav-open body .cmc-mobile-mega__search-btn{
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  /* Quick links: white buttons, wrap and center (no side overflow) */
  html.cmc-nav-open body .cmc-mobile-mega__chips{
    width: 100% !important;
    max-width: 100% !important;
    display:flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    padding-top: 2px !important;
  }
  html.cmc-nav-open body .cmc-chip{
    background: rgba(255,255,255,.96) !important;
    color: var(--cmc-blue, #2f6fed) !important;
    border: 1px solid rgba(255,255,255,.96) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.18) !important;
  }
  html.cmc-nav-open body .cmc-chip:hover{
    transform: translateY(-1px) !important;
    filter: brightness(1.02) !important;
  }

  /* Core layout: single column so nothing overspills */
  html.cmc-nav-open body .cmc-mobile-mega__grid{
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    padding-top: 18px !important;
  }

  /* Secondary column: stack and breathe */
  html.cmc-nav-open body .cmc-mobile-mega__col--secondary{
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 6px !important;
  }

  /* Prevent any menu list from forcing horizontal scroll */
  html.cmc-nav-open body #cmc-primary-nav,
  html.cmc-nav-open body #cmc-primary-nav *{
    max-width: 100% !important;
  }
}

/* Extra-small phones: reduce big menu text so it fits */
@media (max-width: 420px){
  html.cmc-nav-open body #cmc-primary-nav .cmc-menu--primary > li > a{
    font-size: 24px !important;
  }
}



/* =========================================================
   OVERLAY FINAL TUNING (Full-screen, no chips, no title left)
========================================================= */
@media (max-width: 980px){
  /* Full-screen overlay container (prevents any overspill) */
  html.cmc-nav-open body .cmc-mobile-mega{
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    /* Make overlay opaque so underlying header/title doesn't show through */
    background: #0b2a3a !important;
  }

  /* Safety: never allow horizontal scroll when overlay is open */
  html.cmc-nav-open,
  html.cmc-nav-open body{
    overflow-x: hidden !important;
  }

  /* Topbar: close button only, aligned right */
  html.cmc-nav-open body .cmc-mobile-mega__topbar{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
  }

  /* Remove quick chips area entirely (in case markup exists somewhere) */
  html.cmc-nav-open body .cmc-mobile-mega__chips{
    display:none !important;
  }

  /* Menu rows: make link + chevron align perfectly on one line */
  html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary > li,
  html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.menu-item-has-children,
  html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li.page_item_has_children{
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    width: 100% !important;
  }

  html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary > li > a{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* Override any older absolute-position toggle rules */
  html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary .cmc-subtoggle{
    position: static !important;
    top: auto !important;
    right: 0 !important;
    transform: none !important;
    margin-left: 10px !important;
    flex: 0 0 auto !important;
  }

  /* Submenus always take full width under the row */
  html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary > li > ul,
  html.cmc-nav-open .cmc-mobile-mega .cmc-menu--primary li > ul{
    flex-basis: 100% !important;
    width: 100% !important;
  }
}



@media (max-width: 980px){
  html.cmc-nav-open body .cmc-mobile-mega__top{
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  /* Put the close button on the same left grid line (not floating right) */
  html.cmc-nav-open body .cmc-mobile-mega__topbar{
    justify-content: flex-start !important;
    padding-left: 0 !important;  /* inherits from __top */
    padding-right: 0 !important;
  }

  /* Align the primary menu column with the same padding rhythm */
  html.cmc-nav-open body .cmc-mobile-mega__grid{
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
  }

  /* Ensure menu links are not visually centered; match the left rhythm */
  html.cmc-nav-open body .cmc-mobile-mega .cmc-menu--primary > li > a{
    text-align: left !important;
  }
}

/* Close button centered in same column */
.overlay-close {
    position: relative !important;
    top: auto !important;
    right: 0 !important;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.overlay-close button {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.6);
    background: transparent;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

/* Center menu items */
.overlay-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
}

.overlay-nav > li {
    margin: 18px 0;
}

.overlay-nav a {
    font-size: 22px;
    font-weight: 500;
    display: inline-block;
}


/* =========================================================
   SANITIZED: MOBILE FULLSCREEN OVERLAY — CENTERED COLUMN
   - Menu text stays centered
   - Close (×) aligns to the same centered column
   - Chevron stays on the same row (right side) without pushing text off-center
   - Prevents horizontal overflow
   ========================================================= */
@media (max-width: 980px){

  /* Never allow sideways spill */
  html.cmc-nav-open, html.cmc-nav-open body{
    overflow-x: hidden !important;
  }
  html body .cmc-nav{
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* Make the overlay content a centered column */
  html body .cmc-mobile-mega{
    max-width: 640px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Top area: close centered ABOVE the search (clean + aligned) */
  html body .cmc-mobile-mega__top{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 10px 0 8px !important;
  }

  /* In case a topbar wrapper exists, neutralize its layout */
  html body .cmc-mobile-mega__topbar{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Close button centered, same column as menu */
  html body .cmc-mobile-mega__close{
    margin: 6px auto 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Search row: full width, centered within the same column */
  html body .cmc-mobile-mega__search{
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }
  html body .cmc-mobile-mega__search-input{
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Main grid must NOT be 2 columns on small screens (causes crowding/overflow) */
  html body .cmc-mobile-mega__grid{
    display: block !important;
    padding-top: 18px !important;
  }

  /* Centered menu list with grid rows for perfect text+chevron alignment */
  html body #cmc-primary-nav .cmc-menu--primary{
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* Each row: [left spacer][CENTER TEXT][chevron] */
  html body #cmc-primary-nav .cmc-menu--primary > li,
  html body #cmc-primary-nav .cmc-menu--primary li.menu-item-has-children,
  html body #cmc-primary-nav .cmc-menu--primary li.page_item_has_children{
    display: grid !important;
    grid-template-columns: 44px 1fr 44px !important;
    align-items: center !important;
    width: 100% !important;
  }

  /* Link sits in the middle column and stays truly centered */
  html body #cmc-primary-nav .cmc-menu--primary > li > a{
    grid-column: 2 !important;
    text-align: center !important;
    justify-self: center !important;
    width: 100% !important;
    padding: 14px 0 !important;
  }

  /* Chevron sits in the right column on the same row */
  html body #cmc-primary-nav .cmc-menu--primary .cmc-subtoggle{
    grid-column: 3 !important;
    justify-self: end !important;
    position: static !important;
    margin: 0 !important;
  }

  /* Submenus take full width under the row */
  html body #cmc-primary-nav .cmc-menu--primary > li > ul,
  html body #cmc-primary-nav .cmc-menu--primary li > ul{
    grid-column: 1 / -1 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Hide chips/extra buttons if any markup still exists */
  html body .cmc-mobile-mega__chips{ display:none !important; }
}

/* =========================================================
   CMC AESTHETICS PACK (Step 4) + STRATEGIC PLAN PACK (Feb 2026)
   - subtle watermark texture
   - scroll reveal animations
   - section dividers
   - impact stats band + counters
   - verse block
   - strategic plan layout (sticky side nav, cards, timeline, accordion)
   Paste at VERY BOTTOM of style.css
========================================================= */

/* 0) Soft conference texture (no external image needed) */
:root{
  --cmc-paper: rgba(11,42,111,.035);
  --cmc-paper2: rgba(31,78,121,.020);
}
.cmc-texture{
  background:
    radial-gradient(1200px 520px at 18% 0%, var(--cmc-paper), transparent 60%),
    radial-gradient(1200px 520px at 82% 10%, var(--cmc-paper2), transparent 62%),
    repeating-linear-gradient(45deg, rgba(31,78,121,.018) 0, rgba(31,78,121,.018) 1px, transparent 1px, transparent 10px);
}

/* Apply texture subtly to white blocks (safe: doesn't touch hero) */
.cmc-block{
  background-color:#fff;
}
.cmc-block.cmc-texture{
  background-blend-mode: normal;
}

/* 1) Scroll-reveal (calm, official) */
.cmc-reveal{
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .6s ease, transform .6s ease;
  will-change: opacity, transform;
}
.cmc-reveal.is-visible{
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce){
  .cmc-reveal{ opacity: 1; transform: none; transition: none; }
}

/* 2) Section divider (rhythm between major parts) */
.cmc-section-divider{
  height: 72px;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(31,78,121,.08), transparent 68%);
}

/* 3) Impact stats band (usable across pages) */
.cmc-statsband{
  position: relative;
  padding: clamp(44px, 6vw, 72px) 0;
  background:
    radial-gradient(900px 380px at 20% 10%, rgba(255,255,255,.14), transparent 62%),
    radial-gradient(900px 380px at 85% 20%, rgba(255,255,255,.10), transparent 62%),
    linear-gradient(135deg, rgba(31,78,121,1), rgba(14,44,77,1));
  color: #fff;
  overflow: hidden;
}
.cmc-statsband::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0, rgba(255,255,255,.06) 1px, transparent 1px, transparent 16px);
  opacity:.10;
}
.cmc-statsband__inner{ position: relative; z-index: 1; }
.cmc-statsband__kicker{
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 850;
  opacity: .9;
  font-size: .92rem;
  margin: 0 0 8px;
}
.cmc-statsband__title{
  margin: 0 0 22px;
  font-size: clamp(1.45rem, 2.5vw, 2.1rem);
  font-weight: 950;
  letter-spacing: -.02em;
}
.cmc-statsband__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 980px){
  .cmc-statsband__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.cmc-stat{
  border-radius: 18px;
  padding: 16px 16px 18px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 18px 44px rgba(0,0,0,.18);
}
.cmc-stat__value{
  font-size: clamp(1.6rem, 3.2vw, 2.4rem);
  font-weight: 1000;
  line-height: 1;
  margin: 0 0 8px;
}
.cmc-stat__label{
  margin: 0;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .82rem;
  opacity: .92;
}

/* 4) Verse block (spiritual tone) */
.cmc-verse{
  padding: clamp(48px, 6vw, 78px) 0;
  background:
    radial-gradient(800px 340px at 50% 0%, rgba(31,78,121,.08), transparent 70%),
    linear-gradient(180deg, rgba(11,42,111,.03), #ffffff);
}
.cmc-verse__card{
  border-radius: 26px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 22px 60px rgba(0,0,0,.10);
  padding: clamp(22px, 3.2vw, 40px);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.cmc-verse__quote{
  margin: 0;
  font-size: clamp(1.2rem, 2.2vw, 1.8rem);
  line-height: 1.7;
  color: rgba(11,42,111,.92);
  font-weight: 550;
}
.cmc-verse__ref{
  margin: 14px 0 0;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 850;
  color: rgba(11,42,111,.70);
  font-size: .9rem;
}
.cmc-verse__card::before{
  content:"“";
  position:absolute;
  left: 18px;
  top: 8px;
  font-size: 86px;
  line-height: 1;
  color: rgba(31,78,121,.12);
  font-weight: 1000;
}

/* 5) Micro-interactions (calm) */
a.cmc-link-underline{
  position: relative;
  text-decoration: none;
}
a.cmc-link-underline::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-4px;
  height: 2px;
  width: 0;
  background: currentColor;
  opacity: .85;
  transition: width .22s ease;
}
a.cmc-link-underline:hover::after{ width: 100%; }

/* =========================================================
   STRATEGIC PLAN PAGE
========================================================= */
body.page-strategic-plan .cmc-sp-hero,
.cmc-sp-nooverlap .cmc-sp-hero{
  position: relative;
  padding: clamp(56px, 7vw, 90px) 0;
  background:
    radial-gradient(900px 360px at 20% 10%, rgba(255,255,255,.16), transparent 62%),
    linear-gradient(135deg, rgba(31,78,121,1), rgba(14,44,77,1));
  color:#fff;
  overflow:hidden;
}
body.page-strategic-plan .cmc-sp-hero::after,
.cmc-sp-nooverlap .cmc-sp-hero::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height: 90px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
}
.cmc-sp-hero__grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  align-items: center;
}
@media (max-width: 980px){
  .cmc-sp-hero__grid{ grid-template-columns: 1fr; }
}
.cmc-sp-hero__title{
  margin:0 0 10px;
  font-size: clamp(2.0rem, 4.4vw, 3.2rem);
  font-weight: 1000;
  letter-spacing: -.02em;
}
.cmc-sp-hero__lead{
  margin:0;
  max-width: 62ch;
  line-height: 1.75;
  color: rgba(255,255,255,.92);
  font-weight: 450;
}
.cmc-sp-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap: 10px 12px;
  margin-top: 16px;
}
.cmc-badge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .78rem;
}
.cmc-sp-hero__actions{
  display:flex;
  gap: 12px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 980px){
  .cmc-sp-hero__actions{ justify-content: flex-start; }
}

.cmc-sp-layout{
  display:grid;
  grid-template-columns: 280px 1fr;
  gap: 22px;
  align-items:start;
}
@media (max-width: 1100px){
  .cmc-sp-layout{ grid-template-columns: 1fr; }
}

.cmc-sp-aside{
  position: sticky;
  top: 16px;
  border-radius: 20px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 18px 46px rgba(0,0,0,.08);
  padding: 14px;
}
@media (max-width: 1100px){
  .cmc-sp-aside{ position: relative; top: auto; }
}
.cmc-sp-aside__title{
  margin: 6px 6px 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .82rem;
  color: rgba(11,42,111,.70);
  font-weight: 900;
}
.cmc-sp-nav{
  list-style:none;
  padding:0;
  margin:0;
}
.cmc-sp-nav a{
  display:block;
  padding: 10px 12px;
  border-radius: 14px;
  color: rgba(11,42,111,.92);
  text-decoration:none;
  font-weight: 850;
  border: 1px solid transparent;
  transition: background .18s ease, transform .18s ease, border-color .18s ease;
}
.cmc-sp-nav a:hover{
  background: rgba(31,78,121,.08);
  border-color: rgba(11,42,111,.10);
  transform: translateY(-1px);
}
.cmc-sp-nav a.is-active{
  background: rgba(31,78,121,.12);
  border-color: rgba(11,42,111,.14);
}

.cmc-sp-section{
  padding: 0 0 22px;
}
.cmc-sp-card{
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 18px 46px rgba(0,0,0,.08);
  padding: clamp(16px, 2.4vw, 26px);
}
.cmc-sp-h2{
  margin:0 0 10px;
  font-size: clamp(1.3rem, 2.2vw, 1.7rem);
  font-weight: 950;
  color: rgba(11,42,111,.95);
}
.cmc-sp-p{
  margin: 0;
  color: rgba(11,42,111,.78);
  line-height: 1.8;
  max-width: 80ch;
}

.cmc-sp-pillars{
  margin-top: 14px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 980px){
  .cmc-sp-pillars{ grid-template-columns: 1fr; }
}
.cmc-sp-pillar{
  border-radius: 20px;
  padding: 16px;
  background: rgba(31,78,121,.06);
  border: 1px solid rgba(11,42,111,.10);
}
.cmc-sp-pillar__title{
  margin: 0 0 8px;
  font-weight: 950;
  color: rgba(11,42,111,.95);
}
.cmc-sp-pillar__text{
  margin: 0;
  color: rgba(11,42,111,.78);
  line-height: 1.7;
}

/* Timeline */
.cmc-timeline{
  margin-top: 14px;
  padding-left: 0;
  list-style: none;
}
.cmc-timeline li{
  position: relative;
  padding: 12px 12px 12px 18px;
  border-left: 2px solid rgba(31,78,121,.20);
  margin-left: 10px;
}
.cmc-timeline li::before{
  content:"";
  position:absolute;
  left: -7px;
  top: 18px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: rgba(31,78,121,.95);
  box-shadow: 0 0 0 4px rgba(31,78,121,.16);
}
.cmc-timeline__title{
  margin: 0;
  font-weight: 950;
  color: rgba(11,42,111,.95);
}
.cmc-timeline__meta{
  margin: 6px 0 0;
  color: rgba(11,42,111,.72);
  line-height: 1.7;
}

/* Accordion */
.cmc-accordion{
  margin-top: 14px;
  border-radius: 18px;
  border: 1px solid rgba(11,42,111,.10);
  overflow: hidden;
  background: rgba(255,255,255,.88);
}

/* Global page polish */
body{
  background: radial-gradient(circle at top left, rgba(60,120,220,.10), transparent 28%), #f7fbff;
}

section, .cmc-section, .cv-section, .cmc-news__section{
  padding: clamp(3rem, 5vw, 6rem) 0;
}

section:first-of-type, .cmc-section:first-of-type, .cv-section:first-of-type{
  padding-top: clamp(4rem, 6vw, 7rem);
}

.cmc-news__section, .cv-section, .cmc-section{
  background: rgba(255,255,255,.98);
}

.cmc-headline, .cmc-news__h2, .cv-section-eyebrow, .cmc-section-title, .cmc-section-title h2{
  letter-spacing: -0.03em;
}

.cmc-news__head,
.cv-section-heading,
.cmc-section-head{
  display: grid;
  gap: 1rem;
  align-items: start;
}

.cmc-news__head h2,
.cv-section-heading h2,
.cmc-section-title h2{
  font-size: clamp(2rem, 3vw, 2.8rem);
  line-height: 1.08;
}

.cmc-news__head p,
.cv-section-heading p,
.cmc-section-subtitle,
.cmc-section-text{
  max-width: 54rem;
  color: rgba(13, 35, 71, 0.78);
  font-size: 1.05rem;
}

.cmc-card,
.cmc-news__card,
.cv-event-card,
.cv-hero-card,
.cmc-search-card,
.cmc-action-card,
.cmc-sp-card,
.cmc-feature-tile,
.cmc-promo-card{
  border: 1px solid rgba(15, 36, 82, 0.08);
  background: rgba(255,255,255,0.96);
  box-shadow: 0 18px 40px rgba(12, 31, 68, 0.08);
  border-radius: var(--cmc-radius);
}

.cmc-card a,
.cmc-news__card a,
.cv-event-card a{
  color: inherit;
}

.cmc-card:hover,
.cmc-news__card:hover,
.cv-event-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 44px rgba(12, 31, 68, 0.12);
}

.cmc-btn,
button,
.button,
.cmc-news__btn,
.cmc-btn--hero,
.cmc-btn--solid,
.cmc-btn--primary{
  min-height: 48px;
  padding: 0.85rem 1.4rem;
  border-radius: 999px;
  letter-spacing: .01em;
}

.cmc-btn--ghost,
.cmc-btn--pill,
.cmc-btn--secondary{
  border: 1px solid rgba(15,36,82,.12);
  background: rgba(255,255,255,.96);
  color: var(--cmc-accent-2);
}

.cmc-btn:hover,
button:hover,
.button:hover,
.cmc-news__btn:hover{
  transform: translateY(-2px);
}

input,
textarea,
select,
button,
.cmcf-field,
.search-field{
  font-family: var(--cmc-body-font);
}

input,
textarea,
select{
  width: 100%;
  border: 1px solid rgba(15,36,82,.12);
  border-radius: calc(var(--cmc-radius) - 4px);
  background: #ffffff;
  color: var(--cmc-accent-2);
  padding: 1rem 1.1rem;
  box-shadow: inset 0 1px 2px rgba(15,36,82,.05);
}

input:focus,
textarea:focus,
select:focus{
  outline: none;
  border-color: var(--cmc-accent);
  box-shadow: 0 0 0 4px rgba(60,120,220,.12);
}

img{
  border-radius: 16px;
}

figure,
.wp-block-image,
.wp-block-gallery,
.wp-block-cover{
  border-radius: 20px;
  overflow: hidden;
}

blockquote{
  border-left: 4px solid rgba(60,120,220,.22);
  padding: 1.2rem 1.25rem;
  color: rgba(15,36,82,.8);
  background: rgba(60,120,220,.05);
}

hr{
  border: none;
  height: 1px;
  background: rgba(15,36,82,.10);
  margin: 2.5rem 0;
}

@media (max-width: 980px){
  section, .cmc-section, .cmc-news__section, .cv-section{ padding: 2rem 0; }
}

/* Front page hero and design system overrides */
.cmc-home2__hero-card.cmc-ui-card,
.cmc-hero__info-card.cmc-ui-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,36,82,.10);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.cmc-home2__hero-actions,
.cmc-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap: 14px;
  align-items:center;
}

.cmc-home2__hero-proof{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin-top: 1.6rem;
}

.cmc-home2__hero-proof-item{
  display:flex;
  flex-direction:column;
  gap: 4px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(255,255,255,.12);
  color: #ffffff;
  min-width: 0;
}

.cmc-home2__hero-proof-value{
  display:block;
  font-size: 1rem;
  font-weight: 900;
}

.cmc-home2__hero-proof-label{
  display:block;
  color: rgba(255,255,255,.8);
  font-size: .95rem;
  line-height: 1.6;
}

.cmc-home2__card-body{
  padding: 1.75rem;
}

.cmc-home2__card-tag{
  display:inline-flex;
  font-size:.8rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-weight:900;
  color: rgba(255,255,255,.88);
  margin-bottom: .85rem;
}

.cmc-home2__card h3{
  margin: 0 0 .75rem;
}

.cmc-home2__card p{
  color: rgba(255,255,255,.88);
  line-height:1.8;
}

.cmc-home2__card-meta{
  margin: 1rem 0 0;
  color: rgba(255,255,255,.82);
  font-size:.95rem;
}

.cmc-home2__btn{
  min-width: 170px;
}

.cmc-hero__info-card {
  margin-top: 1.9rem;
}

.cmc-hero__info-card .cmc-ui-card__body {
  padding: 1.25rem 1.5rem;
}


/* =========================
   Enhanced Hero / Banner Styling
========================= */
.cmc-topstage,
.cmc-hero{
  position: relative;
  overflow: hidden;
}

.cmc-topstage::before,
.cmc-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 20%, rgba(255,255,255,.22), transparent 28%),
              radial-gradient(circle at 85% 15%, rgba(49,109,221,.24), transparent 28%),
              linear-gradient(180deg, rgba(8,24,48,.32), rgba(8,24,48,.55));
  pointer-events: none;
  z-index: 0;
}

.cmc-hero,
.cmc-topstage{
  background-size: cover;
  background-position: center;
  min-height: clamp(620px, 72vh, 840px);
}

.cmc-hero__grid,
.cmc-topstage .cmc-hero__grid{
  position: relative;
  z-index: 1;
}

.cmc-hero__content{
  max-width: 720px;
  color: #ffffff;
}

.cmc-hero__title,
.cmc-topstage .cmc-hero__title{
  text-shadow: 0 20px 50px rgba(0,0,0,.38);
}

.cmc-hero__text,
.cmc-topstage .cmc-hero__text{
  color: rgba(255,255,255,.92);
}

.cmc-hero__actions,
.cmc-topstage .cmc-hero__actions{
  gap: 16px;
  margin-top: 2.2rem;
}

.cmc-btn--hero,
.cmc-btn--hero-ghost{
  min-width: 180px;
}

.cmc-btn--hero{
  background: linear-gradient(135deg, rgba(82,148,255,1), rgba(39,108,242,1));
  color: #ffffff;
  box-shadow: 0 20px 50px rgba(18,66,149,.2);
}

.cmc-btn--hero-ghost{
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.26) !important;
  color: #ffffff !important;
}

.cmc-hero__visual,
.cmc-hero__image,
.cmc-hero__media{
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(4,22,62,.24);
}

@media (max-width: 980px){
  .cmc-hero,
  .cmc-topstage{
    min-height: auto;
    padding: clamp(70px, 12vw, 100px) 0;
  }
  .cmc-hero__grid{
    display:block;
  }
}

/* =========================
   Refined Header / Nav / Mega Menu
========================= */
.cmc-header{
  position: sticky;
  top: 0;
  z-index: 1200;
  background: rgba(255,255,255,.90);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(15,36,82,.08);
  transition: background .25s ease, box-shadow .25s ease, transform .25s ease;
}

.cmc-header.is-scrolled{
  background: rgba(255,255,255,.98);
  box-shadow: 0 20px 50px rgba(21,56,101,.08);
}

.cmc-header__inner,
.cmc-nav__panel{
  align-items: center;
}

.cmc-menu{
  gap: 20px;
}

.cmc-menu > li > a{
  font-size: 1rem;
  font-weight: 700;
  color: var(--cmc-ink);
  transition: color .18s ease, transform .18s ease;
}

.cmc-menu > li > a:hover,
.cmc-menu > li > a:focus{
  color: var(--cmc-hover);
  transform: translateY(-1px);
}

.cmc-menu li ul{
  min-width: 260px;
  padding: 18px 16px;
  border-radius: 18px;
  border: 1px solid rgba(15,36,82,.12);
}

.cmc-menu li ul li a{
  padding: 12px 14px;
  border-radius: 14px;
}

.cmc-menu li ul li a:hover{
  background: rgba(60,120,220,.12);
  color: var(--cmc-ink);
}

.cmc-nav-cta{
  padding: 12px 24px;
  background: var(--cmc-hover);
  color: #ffffff;
  box-shadow: 0 16px 34px rgba(39,108,242,.22);
}

.cmc-nav-cta:hover{
  filter: brightness(1.04);
}

.cmc-nav-toggle{
  border-color: rgba(15,36,82,.12);
}

.cmc-nav-toggle__icon,
.cmc-nav-toggle__icon::before,
.cmc-nav-toggle__icon::after{
  background: var(--cmc-ink);
}

.cmc-mobile-mega{
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.94));
}

.cmc-mobile-mega__top{
  background: rgba(255,255,255,.96);
  border-radius: 22px;
  border: 1px solid rgba(15,36,82,.08);
  box-shadow: 0 24px 48px rgba(21,56,101,.14);
}

.cmc-mobile-mega__search-input{
  border-radius: 14px;
  border: 1px solid rgba(15,36,82,.12);
  padding: 14px 16px !important;
}

.cmc-mobile-mega__search-btn{
  background: var(--cmc-hover) !important;
  color: #ffffff !important;
}

.cmc-mobile-mega__secondary li a{
  background: rgba(31,78,121,.05);
  border-radius: 999px;
  padding: 12px 16px;
}

.cmc-mobile-mega__secondary li a:hover{
  background: rgba(31,78,121,.12);
}

.cmc-mobile-mega__about{
  background: rgba(31,78,121,.03);
  border-radius: 18px;
  padding: 18px;
}

/* =========================
   Design System: Cards, Buttons, Badges
========================= */
.cmc-ui-card{
  background: #ffffff;
  border: 1px solid rgba(15,36,82,.08);
  border-radius: 22px;
  box-shadow: 0 18px 42px rgba(12,31,68,.08);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}

.cmc-ui-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 24px 60px rgba(12,31,68,.12);
}

.cmc-ui-card__body{
  padding: 1.5rem;
}

.cmc-ui-card__title{
  margin: 0 0 .75rem;
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--cmc-accent-2);
}

.cmc-ui-card__text{
  margin: 0;
  color: rgba(15,36,82,.78);
  line-height: 1.75;
}

.cmc-ui-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .9rem 1.6rem;
  border-radius: 999px;
  border: 1px solid transparent;
  font-weight: 900;
  letter-spacing: .01em;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.cmc-ui-btn:hover{
  transform: translateY(-1px);
}

.cmc-ui-btn--primary{
  background: linear-gradient(135deg, #2f6fd8, #1e4fb4);
  color: #ffffff;
  box-shadow: 0 16px 36px rgba(47,111,216,.22);
}

.cmc-ui-btn--secondary{
  background: rgba(31,78,121,.10);
  color: var(--cmc-accent-2);
}

.cmc-ui-btn--outline{
  background: transparent;
  border-color: rgba(15,36,82,.16);
  color: var(--cmc-accent-2);
}

.cmc-ui-btn--ghost{
  background: rgba(255,255,255,.9);
  color: var(--cmc-accent-2);
  border-color: rgba(15,36,82,.12);
}

.cmc-ui-badge{
  display: inline-flex;
  align-items: center;
  padding: .45rem .85rem;
  border-radius: 999px;
  background: rgba(47,111,216,.1);
  color: var(--cmc-accent-2);
  font-size: .85rem;
  font-weight: 800;
}

.cmc-ui-badge--solid{
  background: var(--cmc-hover);
  color: #ffffff;
}

@media (max-width: 980px){
  .cmc-menu{
    gap: 12px;
  }
  .cmc-nav-cta,
  .cmc-btn--hero,
  .cmc-ui-btn{
    width: 100%;
  }
}

.cmc-acc-item + .cmc-acc-item{ border-top: 1px solid rgba(11,42,111,.08); }
.cmc-acc-btn{
  width:100%;
  text-align:left;
  background: transparent;
  border: 0;
  padding: 14px 14px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  cursor:pointer;
  font-weight: 950;
  color: rgba(11,42,111,.92);
}
.cmc-acc-btn span{ flex: 1 1 auto; }
.cmc-acc-chev{
  width: 10px; height: 10px;
  border-right: 3px solid rgba(31,78,121,.85);
  border-bottom: 3px solid rgba(31,78,121,.85);
  transform: rotate(45deg);
  transition: transform .18s ease;
  flex: 0 0 auto;
}
.cmc-acc-item.is-open .cmc-acc-chev{ transform: rotate(-135deg); }
.cmc-acc-panel{
  display:none;
  padding: 0 14px 14px;
  color: rgba(11,42,111,.78);
  line-height: 1.75;
}
.cmc-acc-item.is-open .cmc-acc-panel{ display:block; }

/* =========================================================
   STRATEGIC PLAN DECORATION PACK (Step 5)
   - Reading progress bar + back-to-top
   - Hero glow + subtle “constellation” dots
   - Highlights mini-cards
   - Premium section headers + callouts
   - Timeline polish + print styles
========================================================= */

.cmc-page--strategic-plan{
  position: relative;
}

/* Reading progress bar (top of viewport, inside 6/7 width) */
.cmc-sp-progress{
  position: sticky;
  top: 0;
  z-index: 60;
  height: 4px;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.cmc-sp-progress__bar{
  display:block;
  height: 100%;
  width: 100%;
  transform-origin: 0 50%;
  transform: scaleX(0);
  background: linear-gradient(90deg, rgba(255,255,255,.75), rgba(47,111,216,.95));
  box-shadow: 0 8px 24px rgba(47,111,216,.24);
}

/* Back to top button */
.cmc-sp-top{
  position: fixed;
  right: clamp(14px, 2vw, 28px);
  bottom: clamp(16px, 2.4vw, 28px);
  width: 46px;
  height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(31,78,121,.92);
  color: #fff;
  font-weight: 900;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 18px 44px rgba(0,0,0,.20);
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease, filter .2s ease;
}
.cmc-sp-top:hover{ filter: brightness(1.05); transform: translateY(6px); }
.cmc-sp-top.is-visible{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Hero decoration */
.cmc-sp-hero{
  position: relative;
  overflow: hidden;
}
.cmc-sp-hero::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background:
    radial-gradient(900px 420px at 75% 20%, rgba(255,255,255,.18), transparent 65%),
    radial-gradient(700px 360px at 20% 10%, rgba(47,111,216,.18), transparent 70%);
  mix-blend-mode: screen;
  opacity: .9;
}
.cmc-sp-hero::after{
  /* subtle dotted constellation */
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(rgba(255,255,255,.22) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: .12;
  mask-image: radial-gradient(700px 420px at 60% 0%, #000 20%, transparent 70%);
}

/* Highlights */
.cmc-sp-highlights{
  margin-top: -34px;
  padding: 0 0 22px;
}
.cmc-sp-highlights__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 980px){
  .cmc-sp-highlights{ margin-top: -18px; }
  .cmc-sp-highlights__grid{ grid-template-columns: 1fr; }
}

.cmc-sp-mini{
  border-radius: 20px;
  background:
    radial-gradient(800px 240px at 18% 0%, rgba(31,78,121,.10), transparent 60%),
    rgba(255,255,255,.94);
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 18px 44px rgba(0,0,0,.10);
  padding: 18px 18px 16px;
  position: relative;
  overflow: hidden;
}
.cmc-sp-mini::after{
  content:"";
  position:absolute;
  right:-60px;
  top:-60px;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  background: rgba(47,111,216,.10);
  filter: blur(2px);
}
.cmc-sp-mini__icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(31,78,121,.10);
  border: 1px solid rgba(31,78,121,.12);
  color: var(--cmc-denim);
  font-size: 18px;
  font-weight: 900;
}
.cmc-sp-mini__title{
  margin: 12px 0 8px;
  font-size: 1.12rem;
  color: var(--cmc-ink);
  letter-spacing: .02em;
}
.cmc-sp-mini__text{
  margin: 0;
  color: rgba(11,42,111,.78);
  line-height: 1.6;
}

/* Premium section headings inside strategic plan */
.cmc-page--strategic-plan .cmc-sp-h2{
  position: relative;
  padding-left: 14px;
}
.cmc-page--strategic-plan .cmc-sp-h2::before{
  content:"";
  position:absolute;
  left:0;
  top: .22em;
  width: 6px;
  height: 1.2em;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--cmc-denim), var(--cmc-hover));
}

/* Timeline: clearer nodes */
.cmc-page--strategic-plan .cmc-timeline > li{
  position: relative;
}
.cmc-page--strategic-plan .cmc-timeline > li::before{
  content:"";
  position:absolute;
  left: -9px;
  top: 20px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: var(--cmc-hover);
  box-shadow: 0 0 0 6px rgba(47,111,216,.14);
}

/* Accordion: nicer open state */
.cmc-page--strategic-plan .cmc-acc-item.is-open{
  border-color: rgba(47,111,216,.25);
  box-shadow: 0 22px 55px rgba(47,111,216,.10);
}
.cmc-page--strategic-plan .cmc-acc-btn{
  position: relative;
}
.cmc-page--strategic-plan .cmc-acc-btn::after{
  content:"";
  position:absolute;
  right: 16px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 3px solid rgba(11,42,111,.55);
  border-bottom: 3px solid rgba(11,42,111,.55);
  transform: translateY(-50%) rotate(45deg);
  transition: transform .18s ease, opacity .18s ease;
  opacity: .9;
}
.cmc-page--strategic-plan .cmc-acc-item.is-open .cmc-acc-btn::after{
  transform: translateY(-50%) rotate(-135deg);
}

/* Print styles (strategic plan often printed) */
@media print{
  .cmc-sp-top,
  .cmc-sp-progress,
  #cmcSpNav{
    display:none !important;
  }
  .cmc-page--strategic-plan .cmc-sp-layout{
    grid-template-columns: 1fr !important;
  }
  .cmc-page--strategic-plan .cmc-sp-card,
  .cmc-page--strategic-plan .cmc-sp-mini{
    box-shadow:none !important;
  }
  a[href]::after{
    content:" (" attr(href) ")";
    font-size: 10px;
  }
}


/* =========================================================
   STRATEGIC PLAN — DECORATION PACK (Icons + Download Pack + Hero Image + Extra Cards)
   Paste kept at bottom for safety
========================================================= */

/* Hero image (uses inline CSS var --cmc-sp-hero-img) */
.cmc-sp-hero{
  position: relative;
  background:
    radial-gradient(900px 420px at 15% 20%, rgba(255,255,255,.16), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.55)),
    var(--cmc-sp-hero-img, none);
  background-size: cover;
  background-position: center;
}

/* Consistent SVG icon set */
.cmc-sp-svg{
  width: 22px;
  height: 22px;
  display: inline-block;
  color: currentColor;
}
.cmc-sp-mini__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(0,0,0,.18);
}

/* Executive summary callout (Overview top) */
.cmc-sp-callout{
  margin: 16px 0 18px;
  padding: 16px 16px 14px;
  border-radius: 18px;
  background:
    radial-gradient(800px 220px at 0% 0%, rgba(31,78,121,.12), transparent 60%),
    rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.12);
  box-shadow: 0 16px 40px rgba(0,0,0,.08);
}
.cmc-sp-callout__kicker{
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .82rem;
  color: rgba(11,42,111,.78);
}
.cmc-sp-callout__text{
  margin: 10px 0 0;
  color: rgba(11,42,111,.80);
  line-height: 1.65;
}

/* Focus cards (new) */
.cmc-sp-cards{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}
@media (max-width: 820px){
  .cmc-sp-cards{ grid-template-columns: 1fr; }
}
.cmc-sp-qcard{
  border-radius: 20px;
  border: 1px solid rgba(11,42,111,.10);
  background: rgba(255,255,255,.94);
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
  padding: 14px 14px 16px;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.cmc-sp-qcard:hover{
  transform: translateY(-4px);
  box-shadow: 0 26px 64px rgba(0,0,0,.12);
  filter: brightness(1.01);
}
.cmc-sp-qcard__icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(31,78,121,.10);
  color: var(--cmc-denim, #1f4e79);
  border: 1px solid rgba(31,78,121,.14);
}
.cmc-sp-qcard__title{
  margin: 10px 0 6px;
  font-size: 1.05rem;
  color: var(--cmc-ink, #0b2a6f);
}
.cmc-sp-qcard__text{
  margin: 0;
  color: rgba(11,42,111,.74);
  line-height: 1.55;
}

/* Sidebar download pack */
.cmc-sp-download{
  margin-top: 16px;
  border-radius: 22px;
  background:
    radial-gradient(700px 260px at 20% 0%, rgba(31,78,121,.14), transparent 60%),
    rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.12);
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  overflow: hidden;
}
.cmc-sp-download__head{
  padding: 14px 14px 10px;
  border-bottom: 1px solid rgba(11,42,111,.08);
}
.cmc-sp-download__title{
  font-weight: 950;
  color: var(--cmc-ink, #0b2a6f);
  letter-spacing: .02em;
}
.cmc-sp-download__sub{
  margin-top: 6px;
  color: rgba(11,42,111,.70);
  font-size: .92rem;
}
.cmc-sp-download__buttons{
  padding: 10px 12px 14px;
  display: grid;
  gap: 10px;
}
.cmc-sp-dlbtn{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 16px;
  text-decoration: none;
  border: 1px solid rgba(31,78,121,.12);
  background: rgba(255,255,255,.86);
  box-shadow: 0 12px 26px rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.cmc-sp-dlbtn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0,0,0,.10);
  filter: brightness(1.01);
}
.cmc-sp-dlbtn__icon{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(31,78,121,.10);
  color: var(--cmc-denim, #1f4e79);
  border: 1px solid rgba(31,78,121,.14);
  flex: 0 0 auto;
}
.cmc-sp-dlbtn__text{
  font-weight: 850;
  color: rgba(11,42,111,.88);
  line-height: 1.25;
}

/* Mobile: move download pack under content (avoid tall sticky aside) */
@media (max-width: 1024px){
  .cmc-sp-download{ position: static; }
}



/* =========================================================
   STRATEGIC PLAN — HEADER / HERO DE-CLUTTER FIX (Feb 2026)
   Fixes:
   - Give hero more breathing room
   - Stop highlight cards from covering the hero meta badges
   - Cleaner alignment for title/lead/buttons
========================================================= */

body.page-strategic-plan .cmc-sp-hero,
.cmc-sp-nooverlap .cmc-sp-hero{
  /* More breathing room so content doesn't feel squeezed */
  padding-top: clamp(64px, 7vw, 96px) !important;
  padding-bottom: clamp(84px, 9vw, 132px) !important;
}

/* Make the hero grid feel calmer (less "clustered") */
body.page-strategic-plan .cmc-sp-hero__grid{
  align-items: flex-start !important;
  gap: clamp(16px, 2.6vw, 32px) !important;
}

/* Title + lead spacing */
body.page-strategic-plan .cmc-sp-hero__title{
  margin-bottom: 12px !important;
}
body.page-strategic-plan .cmc-sp-hero__lead{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-width: 64ch !important;
}

/* Ensure the meta badges sit clearly above the cards */
body.page-strategic-plan .cmc-sp-hero__meta{
  margin-top: 18px !important;
  position: relative;
  z-index: 2;
}

/* Actions: keep tidy, not floating too close to edges */
body.page-strategic-plan .cmc-sp-hero__actions{
  align-items: center !important;
  justify-content: flex-end !important;
  padding-top: 6px !important;
  position: relative;
  z-index: 2;
}
@media (max-width: 980px){
  body.page-strategic-plan .cmc-sp-hero__actions{
    justify-content: flex-start !important;
    padding-top: 10px !important;
  }
}

/* OPTIONAL polish: tiny glass panel behind the buttons so they read cleanly on busy photos */
body.page-strategic-plan .cmc-sp-hero__actions{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 999px;
  padding: 10px 12px !important;
  width: fit-content;
  margin-left: auto;
}
@media (max-width: 980px){
  body.page-strategic-plan .cmc-sp-hero__actions{
    margin-left: 0;
    width: fit-content;
  }
}

/* KEY FIX: stop the highlight cards from sitting too high (covering badges) */
body.page-strategic-plan .cmc-sp-highlights,
.cmc-sp-nooverlap .cmc-sp-highlights{
  margin-top: 18px !important;   /* was negative overlap */
  padding-top: 0 !important;
  padding-bottom: 26px !important;
}

/* Keep cards feeling premium even without overlap */
body.page-strategic-plan .cmc-sp-mini{
  box-shadow: 0 18px 46px rgba(0,0,0,.10) !important;
}

/* Tone down the big blur circles so text/badges don't look washed */
body.page-strategic-plan .cmc-sp-mini::after{
  opacity: .55 !important;
}

/* Slightly tighter card headings to reduce visual heaviness */
body.page-strategic-plan .cmc-sp-mini__title{
  font-size: 1.08rem !important;
  letter-spacing: .01em !important;
}



/* =========================================================
   STRATEGIC PLAN — CONTROLLED OVERLAP (“HERO BOTTOM SHELF”)
   Premium overlap without covering hero meta/badges.
   How it works:
   - Hero gets extra bottom padding to create a reserved “shelf”
   - Highlights row is pulled up by a controlled amount
   - Hero meta/actions stay above via z-index
========================================================= */

:root{
  --cmc-sp-shelf: clamp(28px, 3.4vw, 52px);     /* how much the cards overlap the hero */
  --cmc-sp-shelf-pad: clamp(96px, 10vw, 156px); /* extra hero bottom space reserved for overlap */
}

body.page-strategic-plan .cmc-sp-hero,
.cmc-sp-nooverlap .cmc-sp-hero{
  padding-bottom: calc(var(--cmc-sp-shelf-pad) + var(--cmc-sp-shelf)) !important;
  position: relative;
  overflow: visible !important; /* allow overlap */
}

/* The “shelf” gives a premium landing and prevents a hard cut */
body.page-strategic-plan .cmc-sp-hero::after,
.cmc-sp-nooverlap .cmc-sp-hero::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height: calc(var(--cmc-sp-shelf) + 90px);
  pointer-events:none;
  background:
    linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.72) 45%, #ffffff 100%);
}

/* Ensure hero foreground is always above the shelf fade */
body.page-strategic-plan .cmc-sp-hero__inner,
body.page-strategic-plan .cmc-sp-hero__grid,
body.page-strategic-plan .cmc-sp-hero__meta,
body.page-strategic-plan .cmc-sp-hero__actions{
  position: relative;
  z-index: 3;
}

/* Pull the highlight cards up in a controlled way */
body.page-strategic-plan .cmc-sp-highlights,
.cmc-sp-nooverlap .cmc-sp-highlights{
  margin-top: calc(var(--cmc-sp-shelf) * -1) !important;
  padding-top: 0 !important;
  padding-bottom: 34px !important;
  position: relative;
  z-index: 5; /* sits above the hero shelf fade */
}

/* Keep the cards crisp on top of the hero image */
body.page-strategic-plan .cmc-sp-mini{
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(11,42,111,.10) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Mobile: reduce overlap to avoid crowding */
@media (max-width: 980px){
  :root{
    --cmc-sp-shelf: 18px;
    --cmc-sp-shelf-pad: 96px;
  }
  body.page-strategic-plan .cmc-sp-highlights,
.cmc-sp-nooverlap .cmc-sp-highlights{
    margin-top: -14px !important;
  }
}



/* =========================================================
   STRATEGIC PLAN — FIX: highlights obscuring hero text
   - Reduce overlap slightly
   - Reserve more shelf space at bottom of hero
========================================================= */

:root{
  /* was: clamp(28px, 3.4vw, 52px) */
  --cmc-sp-shelf: clamp(16px, 2.2vw, 34px);
  /* was: clamp(96px, 10vw, 156px) */
  --cmc-sp-shelf-pad: clamp(128px, 12vw, 200px);
}

/* Extra safety: keep hero text area clear */
body.page-strategic-plan .cmc-sp-hero__grid{
  padding-bottom: clamp(12px, 2vw, 22px) !important;
}

/* If viewport height is short, remove overlap entirely (prevents collisions) */
@media (max-height: 760px){
  body.page-strategic-plan .cmc-sp-highlights,
.cmc-sp-nooverlap .cmc-sp-highlights{
    margin-top: 10px !important;
  }
  body.page-strategic-plan .cmc-sp-hero,
.cmc-sp-nooverlap .cmc-sp-hero{
    padding-bottom: clamp(90px, 10vw, 140px) !important;
  }
  body.page-strategic-plan .cmc-sp-hero::after,
.cmc-sp-nooverlap .cmc-sp-hero::after{
    height: 120px !important;
  }
}
/* =========================================================
   NEWS PAGE — PROTRUDING SEARCH CARD
========================================================= */

body.page-news .cmc-news-layout{
  position: relative;
  z-index: 2;
}

/* Pull sidebar upward into hero */
body.page-news .cmc-news-sidebar{
  margin-top: -80px; /* controls protrusion */
  z-index: 5;
}

/* Make first sidecard feel premium */
body.page-news .cmc-news-sidebar .cmc-sidecard:first-child{
  box-shadow: 0 30px 70px rgba(0,0,0,.18);
  border-radius: 24px;
}

/* Add subtle hero bottom fade so overlap looks intentional */
body.page-news .cmc-news-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:120px;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(255,255,255,.85));
  pointer-events:none;
}

/* Mobile: disable protrusion */
@media (max-width: 1024px){
  body.page-news .cmc-news-sidebar{
    margin-top: 20px;
  }
}


/* =========================================================
   STRATEGIC PLAN — HARD STOP: NO HERO/CARDS COLLISION
   (Final override — keep at VERY BOTTOM)
   Reason: earlier CSS blocks set negative margins + “shelf overlap”.
   This override disables overlap entirely on the Strategic Plan page.
========================================================= */

body.page-strategic-plan,
.cmc-sp-nooverlap{
  --cmc-sp-shelf: 0px !important;
  --cmc-sp-shelf-pad: 0px !important;
}

/* Remove any hero “shelf” fade that can visually clash */
body.page-strategic-plan .cmc-sp-hero::after,
.cmc-sp-nooverlap .cmc-sp-hero::after{
  content: none !important;
  display: none !important;
}

/* Ensure the hero has normal bottom padding (no reserved overlap padding) */
body.page-strategic-plan .cmc-sp-hero,
.cmc-sp-nooverlap .cmc-sp-hero{
  padding-bottom: clamp(84px, 9vw, 132px) !important;
  overflow: hidden !important; /* prevents highlight row from sitting over hero */
}

/* Force highlights to sit BELOW the hero (no negative overlap) */
body.page-strategic-plan .cmc-sp-highlights,
.cmc-sp-nooverlap .cmc-sp-highlights{
  margin-top: 24px !important;
  padding-top: 0 !important;
  position: relative;
  z-index: 1;
}

/* Safety: if any rule still applies negative margin, neutralize it */
@media (max-width: 980px){
  body.page-strategic-plan .cmc-sp-highlights,
.cmc-sp-nooverlap .cmc-sp-highlights{
    margin-top: 18px !important;
  }
}
/* ==========================================
   STRATEGIC PLAN — SPACING REFINEMENT
   Removes unwanted white gaps
========================================== */

/* 1️⃣ Remove space between header and hero */
.page-template-page-strategic-plan .l-main,
.page-strategic-plan .l-main{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Ensure hero touches header cleanly */
.page-template-page-strategic-plan .cmc-topstage,
.page-strategic-plan .cmc-topstage{
  margin-top: 0 !important;
  padding-top: 140px !important; /* keep internal breathing space */
}

/* 2️⃣ Remove excess space under hero */
.page-template-page-strategic-plan .cmc-topstage{
  margin-bottom: 0 !important;
  padding-bottom: 40px !important;
}

/* 3️⃣ Tighten space above the 3 cards */
.page-template-page-strategic-plan .cmc-sp-highlights{
  margin-top: 0 !important;
  padding-top: 30px !important;
}

/* 4️⃣ Remove excess space below the 3 cards */
.page-template-page-strategic-plan .cmc-sp-highlights{
  padding-bottom: 40px !important;
}

/* 5️⃣ Tighten spacing before next section */
.page-template-page-strategic-plan .cmc-block{
  padding-top: 50px !important;
}
/* =========================================================
   CMC — OFFICIAL SPACING + DIVIDERS + FLUSH HERO (Site-wide)
   Paste at VERY BOTTOM of style.css
========================================================= */

/* ---------- A) GLOBAL VERTICAL RHYTHM TOKENS ---------- */
:root{
  --cmc-section-y: clamp(56px, 5.8vw, 96px);          /* default section padding */
  --cmc-section-y-tight: clamp(40px, 4.5vw, 70px);    /* tighter sections */
  --cmc-stack-gap: clamp(14px, 1.6vw, 22px);          /* internal vertical gaps */
  --cmc-divider: rgba(11,42,111,.08);                 /* soft divider line */
  --cmc-divider-glow: rgba(31,78,121,.10);            /* subtle Adventist glow */
}

/* ---------- B) SITE-WIDE SECTION RHYTHM ---------- */
/* If your pages use .cmc-block as primary section wrapper, standardize it */
.cmc-block{
  padding-block: var(--cmc-section-y);
}

.cmc-block .cmc-section-title{ margin-bottom: 10px; }
.cmc-block .cmc-section-text{ margin-top: 14px; }

/* Reduce “too much whitespace” on smaller screens */
@media (max-width: 980px){
  .cmc-block{ padding-block: var(--cmc-section-y-tight); }
}

/* Make common internal stacks feel consistent */
.cmc-wrap > * + *{
  margin-top: var(--cmc-stack-gap);
}

/* ---------- C) SUBTLE DIVIDER TRANSITIONS (instead of spacing) ---------- */
/* Creates a soft line + faint glow between big blocks */
.cmc-block + .cmc-block{
  border-top: 1px solid var(--cmc-divider);
  position: relative;
}

.cmc-block + .cmc-block::before{
  content:"";
  position:absolute;
  left: clamp(14px, 2.6vw, 36px);
  right: clamp(14px, 2.6vw, 36px);
  top: -1px;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--cmc-divider-glow), transparent);
  pointer-events:none;
}

/* Optional: tighter divider on mobile */
@media (max-width: 680px){
  .cmc-block + .cmc-block::before{
    left: 14px;
    right: 14px;
  }
}

/* ---------- D) PERFECTLY FLUSH HERO LIKE ADVENTIST.ORG ---------- */
/* Goal:
   - No white gap between header and hero
   - Hero visually "connected" to the first white section using a fade shelf
   - Cards/sections start cleanly, no collision, no dead space
*/

/* Remove any parent theme top padding that creates the white strip */
body.home .l-main,
body.home .l-main.u-spacing--double,
body.home .l-main.u-padding--double--bottom,
body:not(.home) .l-main{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Ensure hero starts at the very top under header (flush) */
.cmc-topstage,
.cmc-hero{
  margin-top: 0 !important;
}

/* If header is "relative" on inner pages, remove the gap by pulling hero up */
body:not(.home) .cmc-header + .l-main .cmc-topstage,
body:not(.home) .cmc-header + .l-main .cmc-hero{
  margin-top: 0 !important;
}

/* Hero bottom fade into next section (replaces empty whitespace) */
.cmc-topstage{
  position: relative;
}
.cmc-topstage::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height: clamp(90px, 10vw, 150px);
  pointer-events:none;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
}

/* Make sure the first white section sits tight to the hero */
.cmc-topstage + .cmc-block{
  margin-top: 0 !important;
  padding-top: var(--cmc-section-y-tight) !important;
}

/* ---------- E) STRATEGIC PLAN: REMOVE DEAD SPACE BUT KEEP BALANCE ---------- */
/* Target both common body-class patterns */
.page-template-page-strategic-plan .cmc-topstage,
.page-strategic-plan .cmc-topstage{
  padding-bottom: clamp(24px, 3.2vw, 46px) !important;
  margin-bottom: 0 !important;
}

/* Tighten the highlights/cards section (no unnecessary gap) */
.page-template-page-strategic-plan .cmc-sp-highlights,
.page-strategic-plan .cmc-sp-highlights{
  padding-top: clamp(22px, 2.8vw, 40px) !important;
  padding-bottom: clamp(26px, 3vw, 44px) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Tighten transition from cards to next section */
.page-template-page-strategic-plan .cmc-sp-highlights + .cmc-block,
.page-strategic-plan .cmc-sp-highlights + .cmc-block{
  padding-top: var(--cmc-section-y-tight) !important;
}

/* ---------- F) SAFETY: prevent “spacing fights” from older overlap rules ---------- */
/* If any earlier rules try to overlap sections with negative margins, neutralize them */
.page-template-page-strategic-plan .cmc-actions3,
.page-strategic-plan .cmc-actions3{
  margin-top: 0 !important;
}
/* =========================================================
   STRATEGIC PLAN — FLUSH HEADER + TIGHT RHYTHM (Feb 2026)
   Fixes:
   - remove any theme-added top padding/margins above first section
   - remove large white band between highlights and next section
   - keep a subtle divider transition instead of big spacing
========================================================= */

/* 1) Remove ANY top spacing the parent theme adds on inner pages */
html body.page-strategic-plan .l-main,
html body.page-template-page-strategic-plan .l-main,
html body.page-strategic-plan .l-main.u-spacing--double,
html body.page-template-page-strategic-plan .l-main.u-spacing--double,
html body.page-strategic-plan .l-main.u-padding--double--bottom,
html body.page-template-page-strategic-plan .l-main.u-padding--double--bottom{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 2) Ensure first block touches header (no accidental margins) */
html body.page-strategic-plan .l-main > .cmc-page{
  margin-top: 0 !important;
}
html body.page-strategic-plan .cmc-page--strategic-plan > section:first-of-type{
  margin-top: 0 !important;
}

/* 3) Hero: sit directly under header (no gap) */
html body.page-strategic-plan .cmc-sp-hero{
  margin-top: 0 !important;
  border-top: 0 !important;
}

/* 4) Tighten the space after the 3 highlight cards */
html body.page-strategic-plan .cmc-sp-highlights{
  padding-bottom: 10px !important; /* was 22–34 */
  margin-bottom: 0 !important;
}

/* 5) Replace the big divider gap with a subtle transition */
html body.page-strategic-plan .cmc-section-divider{
  height: 18px !important; /* was 72px */
  background:
    linear-gradient(to bottom,
      rgba(255,255,255,0) 0%,
      rgba(31,78,121,.10) 50%,
      rgba(255,255,255,0) 100%
    ) !important;
}

/* 6) Global vertical rhythm improvement (site-wide, subtle)
   Reduce oversized divider height everywhere (keeps the look, less whitespace) */
.cmc-section-divider{
  height: clamp(18px, 2.2vw, 28px);
  background:
    linear-gradient(to bottom,
      rgba(255,255,255,0) 0%,
      rgba(31,78,121,.08) 50%,
      rgba(255,255,255,0) 100%
    );
}

/* 7) Safety: some themes add margin-bottom on header */
html body.page-strategic-plan .cmc-header{
  margin-bottom: 0 !important;
}

/* 8) Strategic Plan: slightly tighter next section padding so it follows the cards nicely */
html body.page-strategic-plan .cmc-block{
  padding-top: 54px;
}
/* =========================================================
   PRAYER BACKGROUND SYSTEM
   Header → Hero → Triptych → Search → 3 Cards
========================================================= */

/* --- Unified Background Canvas (HOME ONLY) --- */
body.home .cmc-topstage,
body.home .cmc-triptych,
body.home .cmc-search-section,
body.home .cmc-actions3{
  position: relative;
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/02/woman-hands-praying-with-holy-bible-scaled.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* --- Dark spiritual overlay --- */
body.home .cmc-topstage::before,
body.home .cmc-triptych::before,
body.home .cmc-search-section::before,
body.home .cmc-actions3::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 400px at 50% 10%, rgba(31,78,121,.35), transparent 70%),
    linear-gradient(to bottom, rgba(11,42,111,.78), rgba(11,42,111,.65));
  z-index:0;
}

/* Ensure content sits above overlay */
body.home .cmc-topstage > *,
body.home .cmc-triptych > *,
body.home .cmc-search-section > *,
body.home .cmc-actions3 > *{
  position:relative;
  z-index:2;
}

/* --- Remove harsh spacing so sections feel continuous --- */
body.home .cmc-triptych,
body.home .cmc-search-section{
  margin-top: 0 !important;
  padding-top: 60px;
}

/* --- Elegant fade into first white section --- */
body.home .cmc-actions3::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:140px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
  z-index:1;
}

/* --- Improve Search Card (glass effect) --- */
body.home .cmc-search-card{
  background: rgba(10,24,52,.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 30px 60px rgba(0,0,0,.45);
}

/* --- Triptych avatar stronger glow --- */
body.home .cmc-triptych-avatar{
  box-shadow:
    0 18px 36px rgba(0,0,0,.35),
    0 0 0 6px rgba(255,255,255,.9);
}

/* --- Action Cards more premium --- */
body.home .cmc-action-card{
  border-radius: 24px;
  box-shadow: 0 30px 70px rgba(0,0,0,.25);
}

body.home .cmc-action-card__overlay{
  background:
    linear-gradient(to top, rgba(0,0,0,.78) 0%, rgba(0,0,0,.35) 60%, rgba(0,0,0,.15) 100%);
}

/* --- Make header blend into the same background --- */
body.home .cmc-header{
  background: transparent !important;
}

/* --- Slight glow on hero titles for readability --- */
body.home .cmc-triptych-title,
body.home .cmc-search-title{
  text-shadow:
    0 8px 24px rgba(0,0,0,.45),
    0 2px 6px rgba(0,0,0,.35);
}

/* --- Mobile performance: disable fixed background --- */
@media (max-width: 1024px){
  body.home .cmc-topstage,
  body.home .cmc-triptych,
  body.home .cmc-search-section,
  body.home .cmc-actions3{
    background-attachment: scroll;
  }
}


/* =========================================================
   STRATEGIC PLAN — HERO IMAGE (page-only) + GLOW + SCRIPTURE ACCENT
   Applies ONLY to the Strategic Plan page.
========================================================= */
body.page-strategic-plan .cmc-sp-hero{
  /* scale from the top of the image (head-top feel) */
  background-position: center top !important;
  background-repeat: no-repeat;
}

/* subtle animated light glow */
body.page-strategic-plan .cmc-sp-hero::before{
  content:"";
  position:absolute;
  inset:-10% -10% -10% -10%;
  pointer-events:none;
  background:
    radial-gradient(520px 340px at 70% 38%, rgba(255,206,120,.22), transparent 60%),
    radial-gradient(420px 280px at 25% 22%, rgba(255,255,255,.12), transparent 62%);
  mix-blend-mode: screen;
  opacity: .9;
  animation: cmcSpGlow 7.5s ease-in-out infinite;
  z-index: 1;
}

@keyframes cmcSpGlow{
  0%, 100%{ transform: translate3d(0,0,0) scale(1); opacity:.78; }
  50%{ transform: translate3d(0,-6px,0) scale(1.03); opacity:1; }
}

/* Keep content above glow */
body.page-strategic-plan .cmc-sp-hero > .cmc-wrap{
  position: relative;
  z-index: 2;
}

/* Scripture overlay accent (soft gold, non-intrusive) */
body.page-strategic-plan .cmc-sp-hero__scripture{
  margin-top: 18px;
  max-width: 62ch;
  padding: 10px 12px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(255,206,120,.18), rgba(255,206,120,.06));
  border: 1px solid rgba(255,206,120,.22);
  box-shadow: 0 14px 34px rgba(0,0,0,.18);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

body.page-strategic-plan .cmc-sp-hero__scripture-text{
  display:block;
  font-style: italic;
  color: rgba(255,255,255,.92);
  line-height: 1.55;
}

body.page-strategic-plan .cmc-sp-hero__scripture-ref{
  display:block;
  margin-top: 6px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .78rem;
  color: rgba(255,206,120,.95);
}

/* Mobile: keep overlay compact */
@media (max-width: 720px){
  body.page-strategic-plan .cmc-sp-hero__scripture{
    margin-top: 14px;
    padding: 9px 10px;
  }
}
/* =========================================================
   STRATEGIC PLAN — HERO + TOP BACKGROUND (page only)
   - Background image from header → 3 cards
   - Slow parallax (via --cmc-sp-parallax set in template JS)
   - Subtle animated light glow
   - Soft golden scripture overlay accent
   ========================================================= */

body.page-strategic-plan .cmc-sp-topbg,
body.page-template-page-strategic-plan .cmc-sp-topbg{
  position: relative;
  isolation: isolate;
  background-image: var(--cmc-sp-top-img, none);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center calc(50% + var(--cmc-sp-parallax, 0px));
  padding-top: 0;
}

/* Darken top for readability, fade to white so it blends into the page */
body.page-strategic-plan .cmc-sp-topbg::before,
body.page-template-page-strategic-plan .cmc-sp-topbg::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(800px 420px at 18% 22%, rgba(255,215,120,.18), rgba(255,255,255,0) 60%),
    linear-gradient(180deg,
      rgba(0,0,0,.62) 0%,
      rgba(0,0,0,.40) 38%,
      rgba(255,255,255,.00) 70%,
      rgba(255,255,255,.92) 100%
    );
  pointer-events:none;
}

/* Scripture overlay accent (gold, subtle) */
body.page-strategic-plan .cmc-sp-topbg::after,
body.page-template-page-strategic-plan .cmc-sp-topbg::after{
  content: attr(data-scripture);
  position:absolute;
  left: max(16px, env(safe-area-inset-left));
  right: max(16px, env(safe-area-inset-right));
  bottom: clamp(108px, 10vw, 168px);
  z-index: 1;
  font-family: ui-serif, Georgia, "Times New Roman", Times, serif;
  font-size: clamp(14px, 1.35vw, 18px);
  line-height: 1.45;
  letter-spacing: .01em;
  color: rgba(255, 214, 124, .78);
  text-shadow: 0 10px 30px rgba(0,0,0,.35);
  max-width: min(72ch, 100%);
  margin: 0 auto;
  text-align: center;
  pointer-events:none;
  opacity: .9;
}

/* Ensure hero + highlights sit above overlays */
body.page-strategic-plan .cmc-sp-topbg > *{
  position: relative;
  z-index: 2;
}

/* Make hero use wrapper background (not its own) */
body.page-strategic-plan .cmc-sp-topbg .cmc-sp-hero,
body.page-template-page-strategic-plan .cmc-sp-topbg .cmc-sp-hero{
  background: none !important;
}

/* Animated “light glow” behind the hero focal area */
@keyframes cmcSpGlowPulse{
  0%{ transform: translate(-50%,-50%) scale(1); opacity: .20; }
  50%{ transform: translate(-50%,-50%) scale(1.08); opacity: .34; }
  100%{ transform: translate(-50%,-50%) scale(1); opacity: .20; }
}
body.page-strategic-plan .cmc-sp-topbg .cmc-sp-hero::before,
body.page-template-page-strategic-plan .cmc-sp-topbg .cmc-sp-hero::before{
  content:"";
  position:absolute;
  left: 42%;
  top: 38%;
  width: min(720px, 92vw);
  height: min(520px, 70vw);
  z-index: 0;
  background: radial-gradient(circle at 50% 50%, rgba(255,215,120,.55), rgba(255,215,120,0) 62%);
  filter: blur(18px);
  transform: translate(-50%,-50%);
  animation: cmcSpGlowPulse 7.5s ease-in-out infinite;
  pointer-events:none;
}
@media (prefers-reduced-motion: reduce){
  body.page-strategic-plan .cmc-sp-topbg .cmc-sp-hero::before,
  body.page-template-page-strategic-plan .cmc-sp-topbg .cmc-sp-hero::before{
    animation: none !important;
  }
  body.page-strategic-plan .cmc-sp-topbg,
  body.page-template-page-strategic-plan .cmc-sp-topbg{
    background-position: center 50% !important;
  }
}

/* Slight glass backing so text/buttons stay readable */
body.page-strategic-plan .cmc-sp-topbg .cmc-sp-hero__grid > div:first-child,
body.page-template-page-strategic-plan .cmc-sp-topbg .cmc-sp-hero__grid > div:first-child{
  background: rgba(0,0,0,.14);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 26px;
  padding: clamp(18px, 2.4vw, 26px);
  box-shadow: 0 22px 60px rgba(0,0,0,.18);
}

/* Highlight cards: match Home “premium” feel */
body.page-strategic-plan .cmc-sp-topbg .cmc-sp-mini,
body.page-template-page-strategic-plan .cmc-sp-topbg .cmc-sp-mini{
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(31,78,121,.12) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.12) !important;
}
body.page-strategic-plan .cmc-sp-topbg .cmc-sp-mini__icon,
body.page-template-page-strategic-plan .cmc-sp-topbg .cmc-sp-mini__icon{
  background: rgba(31,78,121,.10) !important;
  border-color: rgba(31,78,121,.14) !important;
  color: var(--cmc-denim, #1f4e79) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.10) !important;
}

/* Reduce the “white gap” under the 3 cards by blending into next section */
body.page-strategic-plan .cmc-sp-topbg{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
body.page-strategic-plan .cmc-sp-highlights{
  padding-bottom: 18px !important;
}



/* =========================================================
   STRATEGIC PLAN — TOP BACKGROUND + PARALLAX + GOLD SCRIPTURE ACCENT
   Page-scoped to .cmc-page--strategic-plan (does NOT affect other pages)
========================================================= */
.cmc-page--strategic-plan .cmc-sp-topbg{
  position: relative !important;
  isolation: isolate;
  /* fallback if inline background-image exists */
  background-image: var(--cmc-sp-top-img, none);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.cmc-page--strategic-plan .cmc-sp-topbg::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;
  transform: translate3d(0, var(--cmc-sp-parallax, 0px), 0);
  will-change: transform;
  filter: saturate(1.05) contrast(1.03);
}
/* dark/denim veil so white text reads well */
.cmc-page--strategic-plan .cmc-sp-topbg::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(900px 520px at 20% 20%, rgba(255,255,255,.12), transparent 62%),
    linear-gradient(180deg, rgba(7,22,55,.78), rgba(7,22,55,.62) 55%, rgba(7,22,55,.00));
  pointer-events:none;
}

/* Golden scripture overlay accent */
.cmc-page--strategic-plan .cmc-sp-topbg[data-scripture] .cmc-sp-hero::after{
  content: attr(data-scripture);
  position:absolute;
  left: clamp(14px, 2.6vw, 36px);
  right: clamp(14px, 2.6vw, 36px);
  bottom: clamp(10px, 1.6vw, 18px);
  z-index: 2;
  padding: 10px 14px;
  border-radius: 16px;
  background: linear-gradient(90deg, rgba(212,175,55,.18), rgba(212,175,55,.08));
  border: 1px solid rgba(212,175,55,.22);
  color: rgba(255,255,255,.92);
  font-weight: 750;
  letter-spacing: .01em;
  text-shadow: 0 10px 28px rgba(0,0,0,.38);
}
@media (max-width: 680px){
  .cmc-page--strategic-plan .cmc-sp-topbg[data-scripture] .cmc-sp-hero::after{
    font-size: .95rem;
    line-height: 1.35;
  }
}

/* Hero glow (subtle animated light behind focal area) */
.cmc-page--strategic-plan .cmc-sp-hero{
  position: relative;
  overflow: clip;
}
.cmc-page--strategic-plan .cmc-sp-hero__glow{
  position:absolute;
  inset:-20%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(420px 260px at 70% 35%, rgba(212,175,55,.22), transparent 60%),
    radial-gradient(520px 320px at 65% 30%, rgba(255,255,255,.16), transparent 62%);
  filter: blur(6px);
  opacity: .9;
  animation: cmcSpGlow 6.8s ease-in-out infinite alternate;
}
@keyframes cmcSpGlow{
  0%{ transform: translate3d(0,0,0) scale(1); opacity:.75; }
  100%{ transform: translate3d(0,-10px,0) scale(1.03); opacity:1; }
}
/* Ensure hero content sits above glow */
.cmc-page--strategic-plan .cmc-sp-hero .cmc-wrap{
  position: relative;
  z-index: 1;
}

/* Make the 3 highlight cards look like the Home page (premium glass) */
.cmc-page--strategic-plan .cmc-sp-highlights{
  margin-top: clamp(-22px, -2vw, -12px) !important; /* tasteful overlap into hero */
}
.cmc-page--strategic-plan .cmc-sp-highlight{
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 20px 46px rgba(0,0,0,.26) !important;
  backdrop-filter: blur(10px);
}
.cmc-page--strategic-plan .cmc-sp-highlight__title{
  color: rgba(255,255,255,.96) !important;
}
.cmc-page--strategic-plan .cmc-sp-highlight__text{
  color: rgba(255,255,255,.86) !important;
}

/* Keep next section tight (no giant white gap) */
.cmc-page--strategic-plan .cmc-section-divider{
  margin: 0 !important;
  padding: 0 !important;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent);
  opacity: .75;
}


/* =========================================================
   STRATEGIC PLAN — FORCE HEADER OVERLAY ON HERO (PAGE ONLY)
   Reason: a global rule makes inner-page header "relative + denim",
   which prevents the hero image from extending behind the header.
   This block overrides that only when the Strategic Plan template loads.
   Triggered by: <script> adds .cmc-sp-page to <html> and <body>
========================================================= */
html.cmc-sp-page body:not(.home) .cmc-header,
body.cmc-sp-page:not(.home) .cmc-header{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Admin bar safety */
html.cmc-sp-page body.admin-bar .cmc-header{
  top: 32px !important;
}
@media (max-width:782px){
  html.cmc-sp-page body.admin-bar .cmc-header{ top: 46px !important; }
}

/* Ensure header inner stays transparent (some themes tint the inner) */
html.cmc-sp-page body .cmc-header__inner{
  background: transparent !important;
}

/* White header text/icons while over image */
html.cmc-sp-page body .cmc-header,
html.cmc-sp-page body .cmc-header a,
html.cmc-sp-page body .cmc-header button,
html.cmc-sp-page body .cmc-header .cmc-site-title,
html.cmc-sp-page body .cmc-header .cmc-site-title a{
  color: rgba(255,255,255,.96) !important;
}

/* Slight readability veil ONLY over the header row (premium) */
html.cmc-sp-page body .cmc-header::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,.45), rgba(0,0,0,0));
  pointer-events:none;
}

/* Hero needs extra top padding because the header is overlaying it */
html.cmc-sp-page body .cmc-page--strategic-plan .cmc-sp-hero{
  padding-top: clamp(150px, 14vw, 210px) !important;
}

/* Make the top background image start at the very top (feels like Home) */
html.cmc-sp-page body .cmc-page--strategic-plan .cmc-sp-topbg{
  background-position: center top !important;
}

/* If any global rule tries to push content down after header, neutralize */
html.cmc-sp-page body .cmc-header + .l-main{
  padding-top: 0 !important;
  margin-top: 0 !important;
}
/* =========================================================
   STRATEGIC PLAN — Header flush to top + touch 7th column edge
   (Paste at VERY BOTTOM of style.css)
========================================================= */

/* Force the HEADER WRAPPER flush to top as well (not just .cmc-header) */
html.cmc-sp-page body:not(.home) .l-header,
html.cmc-sp-page body:not(.home) header.l-header,
html.cmc-sp-page body:not(.home) .site-header{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;              /* FULL background width */
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  z-index: 2400 !important;
}

/* Strategic Plan header: FULL width background + footer-like inner constraint (6/7) */
html.cmc-sp-page body:not(.home) .cmc-header{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;              /* FULL background width */
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  z-index: 2500 !important;
}

/* Constrain the header CONTENT to the same “6/7” container as your footer (.cmc-wrap) */
html.cmc-sp-page body:not(.home) .cmc-header__inner{
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(14px, 2.6vw, 36px) !important;
  padding-right: clamp(14px, 2.6vw, 36px) !important;

  /* keep it flush */
  margin-top: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Remove any hidden "top offset" variables that can create a tiny gap */
html.cmc-sp-page{
  --cmc-header-top: 0px !important;
}

/* Optional: add a subtle readability veil but keep it flush to top */
html.cmc-sp-page body .cmc-header::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,.40), rgba(0,0,0,0));
  pointer-events:none;
}


/* Keep hero text clear under overlay header */
html.cmc-sp-page body .cmc-page--strategic-plan .cmc-sp-hero{
  padding-top: clamp(155px, 14vw, 210px) !important;
}

/* =========================================================
   STRATEGIC PLAN — TOP GAP + HERO IMAGE FORCE
   Requirements:
   - No space above header
   - Header background stays full width
   - Header content aligns like footer (6/7 container)
   - Use provided image for strategic top background
========================================================= */

/* Remove any stray top gap coming from theme wrappers on this template */
html.cmc-sp-page,
html.cmc-sp-page body{
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure the strategic header starts at the absolute top */
html.cmc-sp-page body:not(.home) .cmc-header{
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
}

/* If parent theme adds spacing above the header wrapper, kill it (strategic only) */
html.cmc-sp-page body:not(.home) .l-header,
html.cmc-sp-page body:not(.home) .l-header__inner,
html.cmc-sp-page body:not(.home) .l-wrap,
html.cmc-sp-page body:not(.home) .l-wrap__content{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Make the hero/top background image explicitly the one you provided */
html.cmc-sp-page body .cmc-sp-topbg{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/02/a-man-standing-in-front-of-a-lake-at-sunset-scaled.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
html.cmc-sp-page body .cmc-sp-hero{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/02/a-man-standing-in-front-of-a-lake-at-sunset-scaled.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Safety: if any element inserts a white spacer between header and hero, remove it */
html.cmc-sp-page body .cmc-header + *{
  margin-top: 0 !important;
}



/* =========================================================
   NEWS PAGE — Header alignment to 6/7 + flush to top + fixed hero background
   Works whether News is:
   - a Page with slug 'news' (body.page-news)
   - the Posts page / blog index (body.blog, body.home.blog)
   And also keys off the template markup (.cmc-news-page)
========================================================= */

/* Remove any top padding on main for news contexts */
body.page-news .l-main,
body.blog .l-main,
body.home.blog .l-main{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Keep header background full width, but constrain inner like footer (6/7) */
body.page-news .cmc-header{ width:100% !important; }
body.page-news .cmc-header__inner{
  width:100% !important;
  max-width: none !important;
  margin-inline:auto !important;
  padding-left: clamp(14px, 2.6vw, 36px) !important;
  padding-right: clamp(14px, 2.6vw, 36px) !important;
  box-sizing: border-box !important;
}

/* If News is actually the blog index (posts page) */
body.blog .cmc-header{ width:100% !important; }
body.blog .cmc-header__inner{
  width:100% !important;
  max-width: none !important;
  margin-inline:auto !important;
  padding-left: clamp(14px, 2.6vw, 36px) !important;
  padding-right: clamp(14px, 2.6vw, 36px) !important;
  box-sizing: border-box !important;
}
body.home.blog .cmc-header__inner{
  width:100% !important;
  max-width: none !important;
  margin-inline:auto !important;
  padding-left: clamp(14px, 2.6vw, 36px) !important;
  padding-right: clamp(14px, 2.6vw, 36px) !important;
  box-sizing: border-box !important;
}

/* Force the News hero/topstage background image (page-scoped to template markup) */
.cmc-news-page .cmc-news-hero{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/02/Untitled-design-1-scaled.png') !important;
  background-size: cover !important;
  background-position: center !important;
}


/* =========================================================
   HEADER GUTTER FIX (Global)
   - Remove big left/right padding in header so brand sits left
     and menus sit right (within the 6/7 layout)
========================================================= */
.cmc-header{ margin:0 !important; }
@media (min-width: 1025px){
  html body.home .cmc-header,
  html body:not(.home) .cmc-header{
    left:0 !important;
    right:auto !important;
  }
}
/* ======================================================
   TRUE EDGE-TO-EDGE HEADER (0px both sides)
====================================================== */

/* Kill any width shrinking logic */
html body.home .cmc-header,
html body:not(.home) .cmc-header{
  width: 100% !important;
  left: 0 !important;
  padding-right: 0 !important;
}

/* Remove ALL horizontal gutters */
html body .cmc-header__inner{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Remove brand padding */
html body .cmc-brand{
  margin: 0 !important;
  padding-left: 0 !important;
}

/* Remove nav padding */
html body .cmc-nav{
  margin-left: auto !important;
  padding-right: 0 !important;
}

/* If .cmc-wrap still exists in header, neutralize it */
html body .cmc-header .cmc-wrap{
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   EDGE-TO-EDGE OVERRIDES (GLOBAL)
   Removes unwanted side gutters across the entire website.
========================================================= */
html, body{
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
}

/* Neutralize ALPS/parent layout gutters */
.l-wrap, .l-wrap__content, .l-content,
.l-main, .l-header, .l-footer{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* If parent theme uses containers inside header/body */
.c-hero, .c-hero__inner,
.c-page, .c-page__inner,
.c-section, .c-section__inner{
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Header: true 0px edges */
.cmc-header__inner{
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* =========================================================
   CMC OVERRIDE: Header gutters (FINAL)
   Keeps header full-width with small padding on both sides.
========================================================= */
html body.home .cmc-header,
html body:not(.home) .cmc-header{
  width: 100% !important;
  max-width: 100% !important;
}
html body .cmc-header__inner{
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(18px, 3vw, 40px) !important;
  padding-right: clamp(18px, 3vw, 40px) !important;
}


/* =========================================================
   ALPS-NATIVE ALIGNMENT OVERRIDES (no calc, 7th column untouched)
   - Header uses .l-wrap in markup, so we must not add extra horizontal padding here.
========================================================= */
.cmc-header__inner{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Page body content inside our templates: allow it to use full ALPS content width */
.cmc-block .cmc-page-content{
  max-width: none !important;
}

/* =========================================================
   INNER PAGE CONTENT GUTTER REFINEMENT
   (Header untouched — content gets breathing space)
========================================================= */

/* Add breathing space to page sections */
.l-main .cmc-block,
.l-main .cmc-search-section,
.l-main .cmc-actions3-grid,
.l-main .cmc-actions3,
.l-main .cmc-feature-grid,
.l-main .cmc-triptych,
.l-main .cmc-leadership-grid{
  padding-left: clamp(24px, 4vw, 72px);
  padding-right: clamp(24px, 4vw, 72px);
}

/* Keep hero edge-to-edge */
body.home .cmc-topstage{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Keep header aligned with ALPS */
.cmc-header__inner{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* =========================================================
   Prayer Hero Right-Side Breathing Space
========================================================= */

/* Keep background full width */
.cmc-hero.cmc-hero--prayer{
  position: relative;
}

/* Add internal spacing only to content */
.cmc-hero.cmc-hero--prayer .cmc-wrap,
.cmc-hero.cmc-hero--prayer .l-wrap{
  padding-right: clamp(32px, 6vw, 120px);
  padding-left: clamp(32px, 6vw, 120px);
}
/* =========================================================
   Triptych Avatar — Balanced Size
========================================================= */

.cmc-triptych-avatar{
  width: clamp(200px, 14vw, 240px);
  height: clamp(200px, 14vw, 240px);
  border-radius: 50%;
  overflow: hidden;
  border: 6px solid rgba(255,255,255,.95);
  box-shadow: 0 20px 40px rgba(0,0,0,.24);
  background: rgba(255,255,255,.10);
  aspect-ratio: 1 / 1;
}
/* =========================================================
   MOBILE HEADER: title + hamburger alignment fix
   (grid = perfect vertical alignment)
========================================================= */
@media (max-width: 980px){

  /* Make header a 2-column grid (brand | toggle) */
  .cmc-header__inner{
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    column-gap: 12px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  /* Keep brand from pushing the toggle down */
  .cmc-brand{
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Ensure title block has clean line-height */
  .cmc-brand__title{
    line-height: 1.08 !important;
    margin: 0 !important;
  }
  .cmc-brand__subtitle{
    line-height: 1.12 !important;
    margin-top: 4px !important;
  }

  /* Hamburger sits perfectly centered with title block */
  .cmc-nav{
    justify-self: end !important;
    padding-right: 0 !important;
  }
  .cmc-nav-toggle{
    margin: 0 !important;
    align-self: center !important;
    justify-self: end !important;
  }
}
/* =========================================================
   MOBILE HEADER ALIGNMENT (Title + Hamburger line up)
   - Keep stacked layout (title on top, tools under)
   - Align both to same left edge
========================================================= */

@media (max-width: 980px){
  /* Stack but LEFT align */
  html body .cmc-header__inner{
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 10px !important;
  }

  /* Brand left aligned */
  html body .cmc-brand{
    width: 100% !important;
    text-align: left !important;
  }

  /* Tools row aligns to same left edge as title */
  html body .cmc-mobile-tools{
    width: 100% !important;
    justify-content: flex-start !important;
    align-items: center !important;
    margin-top: 6px !important; /* smaller than before */
    gap: 18px !important;
  }

  /* Ensure hamburger doesn't drift */
  html body .cmc-mobile-tools .cmc-nav-toggle{
    margin: 0 !important;
    align-self: center !important;
  }
}

/* Override the max-width:900px centering block that is currently winning */
@media (max-width: 900px){
  html body .cmc-header__inner{
    align-items: flex-start !important;
    text-align: left !important;
  }
  html body .cmc-brand{
    text-align: left !important;
  }
}
/* =========================================================
   Strategic Plan Page (scoped) — clean editorial portal
========================================================= */
/* Scoped wrapper */
.cmc-sp{ background:#fff; }

/* Hero */
.cmc-sp-hero{
  position: relative;
  min-height: 520px;
  background-image: var(--cmcHero);
  background-size: cover;
  background-position: center;
  color:#fff;
}
.cmc-sp-hero__overlay{
  position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,.62), rgba(0,0,0,.25));
}
.cmc-sp-hero__inner{
  position:relative;
  padding: clamp(42px, 6vw, 90px) 0;
}
.cmc-sp-hero__kicker{
  display:inline-block;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  font-size:.78rem;
  opacity:.9;
}
.cmc-sp-hero__title{
  margin: 12px 0 10px;
  font-weight: 900;
  line-height: 1.05;
  font-size: clamp(2.0rem, 3.3vw, 3.2rem);
}
.cmc-sp-hero__meta{
  display:flex; flex-wrap:wrap;
  gap:10px;
  margin: 10px 0 22px;
}
.cmc-sp-pill{
  display:inline-flex;
  gap:6px;
  padding:10px 14px;
  border-radius:999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(6px);
}

/* Buttons */
.cmc-sp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 18px;
  border-radius: 999px;
  text-decoration:none;
  font-weight:800;
  border: 1px solid rgba(255,255,255,.22);
}
.cmc-sp-btn--primary{
  background:#2a64d6;
  color:#fff;
  border-color: rgba(255,255,255,.18);
}
.cmc-sp-btn--ghost{
  background: rgba(255,255,255,.12);
  color:#fff;
}
.cmc-sp-hero__actions{ display:flex; gap:12px; flex-wrap:wrap; }

/* Doc bar */
.cmc-sp-bar{
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(8, 27, 64, .92);
  border-bottom: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
}
.cmc-sp-bar__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding: 10px 0;
}
.cmc-sp-bar__nav{
  display:flex; gap:14px; flex-wrap:wrap;
}
.cmc-sp-bar__nav a{
  color:#fff;
  text-decoration:none;
  font-weight:800;
  font-size:.92rem;
  opacity:.9;
}
.cmc-sp-bar__nav a:hover{ opacity:1; text-decoration:underline; }
.cmc-sp-mini{
  background: rgba(255,255,255,.12);
  color:#fff;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  padding: 8px 12px;
  font-weight:800;
  cursor:pointer;
}
.cmc-sp-bar__tools{ display:flex; gap:10px; }

/* Main */
.cmc-sp-main{
  padding: clamp(34px, 5vw, 80px) 0;
}
.cmc-sp-section{ margin-bottom: clamp(32px, 5vw, 76px); }
.cmc-sp-head{ margin-bottom: 18px; }
.cmc-sp-h{
  font-size: clamp(1.35rem, 2.1vw, 2.05rem);
  line-height:1.15;
  margin:0 0 8px;
}
.cmc-sp-sub{ margin:0; color:#4b5563; max-width: 70ch; }

.cmc-sp-grid2{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
}
.cmc-sp-grid3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}
@media (max-width: 980px){
  .cmc-sp-grid2, .cmc-sp-grid3{ grid-template-columns: 1fr; }
  .cmc-sp-hero{ min-height: 460px; }
}

/* Cards */
.cmc-sp-card{
  background:#fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 18px 40px rgba(0,0,0,.06);
}
.cmc-sp-card h3{ margin:0 0 8px; }
.cmc-sp-muted{ color:#64748b; }
.cmc-sp-eyebrow{
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  opacity:.75;
  font-weight:900;
  margin-bottom: 10px;
}
.cmc-sp-card--accent{
  border-color: rgba(42,100,214,.25);
  box-shadow: 0 20px 48px rgba(42,100,214,.12);
}

/* Callout */
.cmc-sp-callout{
  margin-top: 18px;
  background: linear-gradient(135deg, rgba(42,100,214,.10), rgba(42,100,214,.04));
  border: 1px solid rgba(42,100,214,.18);
  border-radius: 18px;
  padding: 18px;
}
.cmc-sp-callout__title{
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .78rem;
  color:#1e3a8a;
  margin-bottom: 10px;
}

/* Pillars */
.cmc-sp-pillars{
  display:grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-top: 12px;
}
@media (max-width: 1200px){
  .cmc-sp-pillars{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 700px){
  .cmc-sp-pillars{ grid-template-columns: 1fr; }
}
.cmc-sp-pillar{
  display:block;
  text-decoration:none;
  color:#0f172a;
  background:#fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 18px 40px rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .18s ease;
}
.cmc-sp-pillar:hover{
  transform: translateY(-3px);
  box-shadow: 0 26px 52px rgba(0,0,0,.10);
}
.cmc-sp-pillar__top{
  display:flex; gap:10px; align-items:flex-start;
  margin-bottom: 10px;
}
.cmc-sp-icon{
  width: 34px; height: 34px;
  display:inline-flex;
  align-items:center; justify-content:center;
  border-radius: 10px;
  background: rgba(42,100,214,.12);
  color:#1d4ed8;
  font-weight: 900;
}

/* Details */
.cmc-sp-details{ margin-top: 18px; display:grid; gap: 14px; }
.cmc-sp-detail{
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.08);
  padding: 18px;
  background:#fff;
  box-shadow: 0 18px 40px rgba(0,0,0,.06);
}
.cmc-sp-detail__box{
  margin-top: 12px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(15,23,42,.03);
  border: 1px dashed rgba(15,23,42,.18);
}

/* Bottom link */
.cmc-sp-bottomlink{ margin-top: 16px; }

/* Lists */
.cmc-sp-list{ margin: 0; padding-left: 18px; }
.cmc-sp-list li{ margin: 6px 0; }

/* WYSIWYG */
.cmc-sp-wysiwyg{ max-width: 80ch; }


/* =========================================================
   CMC HEADER CONSISTENCY PATCH (2026-02-19)
   Fixes:
   - Brand/title jumping to top on some pages
   - Large empty space on the right
   - Ensures same alignment on ALL pages
   Paste kept at VERY BOTTOM (authoritative override)
========================================================= */

/* 1) Make header inner a stable 2-column grid (no weird wrap) */
html body .cmc-header .cmc-header__inner{
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) auto !important;
  align-items: center !important;
  column-gap: 22px !important;

  /* consistent “Adventist.org-like” gutters */
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(18px, 3vw, 40px) !important;
  padding-right: clamp(18px, 3vw, 40px) !important;
  box-sizing: border-box !important;
}

/* 2) Brand: never float to top; allow tidy wrapping only when needed */
html body .cmc-header .cmc-brand{
  min-width: 0 !important;
  max-width: 100% !important;
}
html body .cmc-header .cmc-brand__title,
html body .cmc-header .cmc-brand__subtitle{
  display: block;
}

/* 3) Right stack: lock to the right edge consistently */
html body .cmc-header .cmc-header__right{
  justify-self: end !important;
  align-items: flex-end !important;
  min-width: 0 !important;
}

/* 4) Desktop: hide mobile tools button (prevents extra right gap) */
@media (min-width: 1025px){
  html body .cmc-header .cmc-mobile-tools{ display:none !important; }
}

/* 5) Mobile/Tablet: switch back to flex so brand + hamburger align nicely */
@media (max-width: 1024px){
  html body .cmc-header .cmc-header__inner{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
  }

  /* Put the hamburger tight to the far right */
  html body .cmc-header .cmc-mobile-tools{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
  }

  /* Ensure right stack doesn't push layout in small widths */
  html body .cmc-header .cmc-header__right{
    display: none !important; /* utility+desktop menu handled by drawer/mega */
  }

  /* Let the brand wrap naturally, no “jump” */
  html body .cmc-header .cmc-brand{
    max-width: calc(100% - 64px) !important;
  }
}

/* 6) Safety: prevent any parent theme rule from forcing flex-wrap */
html body .cmc-header .cmc-header__inner{
  flex-wrap: nowrap !important;
}

/* =====================================================================
   Strategic Plan (FINAL FIX) — header hero + 7th column containment + speed
   Scope: only when the template adds .cmc-sp-page on <html>/<body>
   ===================================================================== */

html.cmc-sp-page,
body.cmc-sp-page{
  overflow-x: hidden;
}

/* Header overlays hero like the front page (page-only) */
body.cmc-sp-page .cmc-header{
  position: absolute !important;
  top: var(--cmc-header-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  z-index: 4000 !important;
}
body.cmc-sp-page .cmc-header__inner,
body.cmc-sp-page .cmc-header__wrap,
body.cmc-sp-page .cmc-header .cmc-content{
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Keep header text readable on the hero */
body.cmc-sp-page .cmc-brand__title,
body.cmc-sp-page .cmc-brand__subtitle,
body.cmc-sp-page .cmc-menu > li > a{
  color: rgba(255,255,255,.95) !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.35);
}

/* Remove ALPS inner-page top spacing so hero is flush */
body.cmc-sp-page .l-main,
body.cmc-sp-page .l-main.u-spacing--double,
body.cmc-sp-page .l-main.u-padding--double--bottom{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Fixed hero background behind header — clipped to the 6-column content window.
   JS sets:
   - --cmc-sp-bg-left
   - --cmc-sp-bg-width
   Template sets:
   - --cmc-sp-hero-image
*/
body.cmc-sp-page .cmc-sp-pagebg{
  position: fixed;
  top: 0;
  bottom: 0;
  left: var(--cmc-sp-bg-left, 0px);
  width: var(--cmc-sp-bg-width, 100vw);
  z-index: -2;
  pointer-events: none;

  background-image:
    radial-gradient(1000px 520px at 22% 18%, rgba(255,255,255,.12), rgba(255,255,255,0) 62%),
    radial-gradient(900px 520px at 85% 15%, rgba(12,28,62,.55), rgba(12,28,62,0) 62%),
    linear-gradient(to bottom, rgba(7,20,45,.45), rgba(7,20,45,.62)),
    var(--cmc-sp-hero-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Make theme wrappers transparent so the background can show through (page-only) */
body.cmc-sp-page,
body.cmc-sp-page .l-main,
body.cmc-sp-page .l-main > *{
  background: transparent !important;
}

/* Topstage should not paint its own competing background (we use the fixed bg) */
body.cmc-sp-page .cmc-sp-topstage{
  background: transparent !important;
}

/* Add a gentle bottom fade to white so it transitions cleanly */
body.cmc-sp-page .cmc-sp-topstage{
  position: relative;
  overflow: hidden;
}
body.cmc-sp-page .cmc-sp-topstage::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 160px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
}

/* Keep hero content clear of the overlay header (uses measured header height) */
body.cmc-sp-page .cmc-sp-hero__content{
  padding-top: max(140px, calc(var(--cmc-sp-header-h, 0px) + 40px));
}

/* Defensive: if any older Strategic Plan scripts added these, neutralize them */
body.cmc-sp-page .cmc-sp-bg,
body.cmc-sp-page .cmc-sp-pagebg-legacy{
  display: none !important;
}



/* =========================================================
   GLOBAL PAGE DEFAULTS (ALL PAGES)
   Goal:
   - Any page with a hero gets the "front-page" look:
     header sits on the same background as hero and blends downward.
   - Inner page content never crushes into ALPS "7th column".
   - Fast: CSS-only, no heavy effects.
   How it works:
   - Templates that want the blended header+hero wrap must add body class:
       cmc-topstage-page
     (see page.blade.php below)
========================================================= */

/* --- Keep content safely inside the 6-column area (never under Sabbath aside) --- */
:root{
  --cmc-page-max: 1320px;
  --cmc-gutter: clamp(16px, 3vw, 44px);
}

/* Force a reliable content container for inner pages */
.cmc-content,
.cmc-wrap{
  width: 100%;
  max-width: var(--cmc-page-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--cmc-gutter);
  padding-right: var(--cmc-gutter);
  box-sizing: border-box;
}

/* --- Topstage background system (header + hero share the same backdrop) --- */
body.cmc-topstage-page .cmc-topstage{
  /* set by template inline: --cmc-hero-img: url('...') */
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(255,255,255,.10), rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.62)),
    var(--cmc-hero-img, none),
    var(--cmc-denim, #1f4e79);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* blends into the next white section */
  position: relative;
  overflow: hidden;
}
body.cmc-topstage-page .cmc-topstage::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height: 140px;
  pointer-events:none;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
}

/* --- Header overlays the topstage on these pages (like the front page) --- */
body.cmc-topstage-page .cmc-header{
  position: absolute !important;
  top: var(--cmc-header-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
  border: none !important;

  z-index: 2000 !important;
}

/* Respect WP admin bar on topstage pages */
body.cmc-topstage-page .cmc-header{ --cmc-header-top: 0px; }
body.admin-bar.cmc-topstage-page .cmc-header{ --cmc-header-top: 32px; }
@media (max-width: 782px){
  body.admin-bar.cmc-topstage-page .cmc-header{ --cmc-header-top: 46px; }
}

/* --- Hero spacing: keep it flush to the header (no white strip) --- */
body.cmc-topstage-page .cmc-hero{
  padding-top: clamp(160px, 16vw, 210px) !important;
  padding-bottom: clamp(72px, 7vw, 110px) !important;
  margin-top: 0 !important;
}

/* If a page uses a condensed hero, allow a smaller top padding */
body.cmc-topstage-page .cmc-hero.cmc-hero--compact{
  padding-top: clamp(130px, 13vw, 170px) !important;
  padding-bottom: clamp(58px, 6vw, 90px) !important;
}

/* --- Make the first white section "kiss" the hero (no giant gap) --- */
body.cmc-topstage-page .cmc-actions3{
  margin-top: -38px !important;
  padding-top: 38px !important;
}

/* --- Performance: avoid expensive filters on the topstage background --- */
body.cmc-topstage-page .cmc-topstage,
body.cmc-topstage-page .cmc-topstage *{
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* =========================================================
   DEFAULT HERO (reusable for all pages)
   - uses the same grid feel as the front page
========================================================= */
.cmc-hero{
  position: relative;
  color: #fff;
}

.cmc-hero__grid{
  display: grid;
  grid-template-columns: 1fr minmax(0, 720px);
  gap: clamp(18px, 4vw, 42px);
  align-items: end;
}
.cmc-hero__spacer{ display:block; }

@media (max-width: 980px){
  .cmc-hero__grid{
    grid-template-columns: 1fr;
  }
  .cmc-hero__spacer{ display:none; }
}

.cmc-hero__title{
  margin: 0;
  font-size: clamp(2.2rem, 3.4vw, 3.4rem);
  font-weight: 900;
  letter-spacing: -.02em;
  line-height: 1.05;
  text-shadow: 0 14px 40px rgba(0,0,0,.22);
}
.cmc-hero__text{
  margin: 16px 0 0;
  max-width: 64ch;
  font-size: 1.12rem;
  line-height: 1.7;
  color: rgba(255,255,255,.92);
  text-shadow: 0 14px 40px rgba(0,0,0,.18);
}
.cmc-hero__actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

/* Hero button variants (fast, no heavy effects) */
.cmc-btn--hero{
  background: rgba(255,255,255,.92);
  color: var(--cmc-denim, #1f4e79);
}
.cmc-btn--hero-ghost{
  background: transparent;
  border: 2px solid rgba(255,255,255,.92);
  color: #fff;
}

/* =========================================================
   INNER PAGES WITHOUT HERO
   - keep a clean denim header, consistent gutters
========================================================= */
body:not(.home):not(.cmc-topstage-page) .cmc-header{
  background: transparent !important;
}

/* Ensure the very first section doesn't start with a weird gap */
body:not(.home) .l-main > *:first-child{
  margin-top: 0 !important;
}


/* 1) Hero like homepage */
.cmc-news-hero{
  position: relative;
  padding: 140px 0 100px;
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(31,78,121,.15), transparent 70%),
    linear-gradient(180deg, rgba(11,42,111,.85), rgba(11,42,111,.65));
  color: #ffffff;
  text-align: center;
}

.cmc-news-hero h1{
  font-size: clamp(2.2rem, 3vw, 3rem);
  font-weight: 800;
  letter-spacing: .06em;
}

.cmc-news-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:120px;
  background:linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
}


/* 2) News Grid (3 column like homepage structure) */
.cmc-news-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  margin-top: 40px;
}

@media (max-width:1100px){
  .cmc-news-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width:680px){
  .cmc-news-grid{
    grid-template-columns: 1fr;
  }
}


/* 3) News Card (blend action + feature style) */
.cmc-news-card{
  background:#ffffff;
  border-radius:22px;
  border:1px solid rgba(11,42,111,.08);
  box-shadow:0 18px 46px rgba(0,0,0,.08);
  overflow:hidden;
  transition: transform .25s ease, box-shadow .25s ease;
  display:flex;
  flex-direction:column;
}

.cmc-news-card:hover{
  transform: translateY(-6px);
  box-shadow:0 30px 70px rgba(0,0,0,.14);
}

/* Thumbnail */
.cmc-news-card__media{
  width:100%;
  aspect-ratio: 16 / 9;
  overflow:hidden;
}

.cmc-news-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition: transform .35s ease;
}

.cmc-news-card:hover img{
  transform: scale(1.04);
}

/* Content */
.cmc-news-card__body{
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.cmc-news-meta{
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:rgba(11,42,111,.55);
}

.cmc-news-title{
  font-size:1.2rem;
  font-weight:800;
  line-height:1.4;
  color:#0b2a6f;
}

.cmc-news-excerpt{
  color:rgba(11,42,111,.75);
  font-size:.95rem;
  line-height:1.6;
  flex-grow:1;
}

/* Read Button */
.cmc-news-read{
  align-self:flex-start;
  padding:10px 16px;
  border-radius:999px;
  background:linear-gradient(135deg,#1f4e79,#163c61);
  color:#ffffff;
  text-decoration:none;
  font-weight:800;
  box-shadow:0 10px 24px rgba(31,78,121,.25);
  transition: transform .2s ease, filter .2s ease;
}

.cmc-news-read:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
}


/* 4) Section rhythm like homepage */
.cmc-news-section{
  padding: 80px 0;
  background:
    linear-gradient(to bottom, rgba(11,42,111,.02), rgba(11,42,111,.04));
}


/* 5) Pagination polish */
.cmc-news-pagination{
  margin-top:50px;
  text-align:center;
}

.cmc-news-pagination .page-numbers{
  display:inline-block;
  margin:0 6px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(11,42,111,.12);
  color:#0b2a6f;
  text-decoration:none;
  font-weight:700;
  transition: all .2s ease;
}

.cmc-news-pagination .page-numbers.current,
.cmc-news-pagination .page-numbers:hover{
  background:#1f4e79;
  color:#ffffff;
}

/* Make header transparent ONLY on News page */
.cmc-news-page .cmc-header{
  position: absolute !important;
  top: 0 !important;
  left: 0;
  right: 0;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 2000 !important;
}

/* Hero */
.cmc-news-hero{
  position: relative;
  padding: 220px 0 140px; /* extra top so it flows under header */
  color: #ffffff;
  text-align: center;
  overflow: hidden;
}

/* Background image */
.cmc-news-hero__bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.65));  z-index:0;
}

/* Hero content above background */
.cmc-news-hero .cmc-content{
  position: relative;
  z-index: 2;
}

.cmc-news-hero h1{
  font-size: clamp(2.5rem, 3.5vw, 3.4rem);
  font-weight: 800;
  letter-spacing: .06em;
}

.cmc-news-hero p{
  font-size: 1.1rem;
  opacity: .9;
  margin-top: 14px;
}

/* Fade into white section */
.cmc-news-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:160px;
  background:linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
  z-index:1;
}
/* =========================================================
   STRATEGIC PLAN — page-only class (added via inline script)
========================================================= */
html.cmc-page--strategic body .cmc-header{
  position: absolute !important;
  top: var(--cmc-header-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  z-index: 2200 !important;
}

/* Keep the hero flush to the very top (no white band) */
html.cmc-page--strategic body .l-main{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* =========================================================
   Strategic hero styling
========================================================= */
.cmc-strategic-hero{
  position: relative;
  padding: 190px 0 120px;
  background-size: cover;
  background-position: center;
  color: #fff;
  overflow: hidden;
}

.cmc-strategic-hero__overlay{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(900px 500px at 18% 22%, rgba(255,255,255,.12), rgba(255,255,255,0) 55%),
    linear-gradient(to bottom, rgba(0,0,0,.45), rgba(0,0,0,.72));
}

.cmc-strategic-hero__inner{
  position: relative;
  z-index: 2;
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

.cmc-strategic-kicker{
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: .90;
  font-weight: 750;
}

.cmc-strategic-title{
  margin: 12px 0 14px;
  font-size: clamp(2.3rem, 3.6vw, 3.7rem);
  font-weight: 900;
  letter-spacing: -.01em;
}

.cmc-strategic-year{
  opacity: .92;
  font-weight: 750;
}

.cmc-strategic-subtitle{
  margin: 0 auto 18px;
  max-width: 70ch;
  font-size: 1.12rem;
  opacity: .93;
  line-height: 1.65;
}

.cmc-strategic-hero__meta{
  margin: 22px auto 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  text-align: left;
}

.cmc-hero-chip{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  padding: 14px 16px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.cmc-hero-chip strong{
  display: block;
  font-size: .92rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .92;
  margin-bottom: 6px;
}

.cmc-hero-chip span{
  display: block;
  line-height: 1.55;
  opacity: .95;
}

.cmc-strategic-cta{
  margin-top: 22px;
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

.cmc-strategic-hero__fade{
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 140px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
  pointer-events: none;
}

.cmc-strategic-scrollhint{
  margin: 26px auto 0;
  width: 26px;
  height: 42px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.45);
  position: relative;
  opacity: .8;
}
.cmc-strategic-scrollhint::after{
  content:"";
  position:absolute;
  left: 50%;
  top: 9px;
  transform: translateX(-50%);
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  animation: cmcScrollDot 1.35s ease-in-out infinite;
}
@keyframes cmcScrollDot{
  0%{ transform:translate(-50%, 0); opacity:.9; }
  70%{ transform:translate(-50%, 16px); opacity:.25; }
  100%{ transform:translate(-50%, 0); opacity:.9; }
}

/* Executive summary callouts */
.cmc-strategic-callouts{
  margin-top: 34px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  text-align: left;
}

.cmc-callout{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  border-radius: 22px;
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  padding: 22px;
}
.cmc-callout h3{ margin-top: 0; }

/* Direction cards */
.cmc-strategic-soft{
  background: linear-gradient(to bottom, rgba(11,42,111,.02), rgba(11,42,111,.04));
}
.cmc-strategic-direction{
  margin-top: 34px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  text-align: left;
}
.cmc-direction-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  border-radius: 22px;
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  padding: 22px;
}
.cmc-direction-card--wide{
  grid-column: 1 / -1;
}
.cmc-values-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin: 12px 0 10px;
}
.cmc-values-grid span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(31,78,121,.08);
  border: 1px solid rgba(31,78,121,.12);
  font-weight: 800;
}

/* Outcomes */
.cmc-strategic-outcomes{
  margin-top: 34px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
  text-align: left;
}
.cmc-outcome{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  border-radius: 22px;
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  padding: 18px;
}
.cmc-outcome h4{ margin: 0 0 8px; }

.cmc-strategic-download{
  margin-top: 44px;
  padding: 70px 18px;
  border-radius: 26px;
  background: var(--cmc-denim, #1f4e79);
  color: #fff;
  text-align: center;
}
.cmc-strategic-download h2{
  margin: 0;
  color: #fff;
}

/* Responsive */
@media (max-width: 980px){
  .cmc-strategic-hero{ padding: 170px 0 110px; }
  .cmc-strategic-hero__meta{ grid-template-columns: 1fr; }
  .cmc-strategic-callouts{ grid-template-columns: 1fr; }
  .cmc-strategic-direction{ grid-template-columns: 1fr; }
  .cmc-values-grid{ grid-template-columns: 1fr 1fr; }
  .cmc-strategic-outcomes{ grid-template-columns: 1fr; }
}
/* =========================================================
   STRATEGIC PLAN — PREMIUM DECORATION PACK
   Paste at VERY BOTTOM of style.css
========================================================= */

/* Page-only: hero behind header (Strategic page only) */
html.cmc-page--strategic body .cmc-header{
  position:absolute !important;
  top: var(--cmc-header-top, 0px) !important;
  left:0 !important; right:0 !important;
  background: transparent !important;
  box-shadow:none !important;
  border:none !important;
  z-index: 2200 !important;
}
html.cmc-page--strategic body .l-main{ padding-top:0 !important; margin-top:0 !important; }

/* Hero polish */
html.cmc-page--strategic .cmc-strategic-hero{
  position:relative;
  padding: 200px 0 130px;
  background-size:cover;
  background-position:center;
  overflow:hidden;
  color:#fff;
}
html.cmc-page--strategic .cmc-strategic-hero__overlay{
  position:absolute; inset:0;
  background:
    radial-gradient(900px 520px at 18% 22%, rgba(255,255,255,.14), rgba(255,255,255,0) 55%),
    linear-gradient(to bottom, rgba(0,0,0,.46), rgba(0,0,0,.74));
}
html.cmc-page--strategic .cmc-strategic-hero__inner{ position:relative; z-index:2; max-width:980px; margin:0 auto; text-align:center; }
html.cmc-page--strategic .cmc-strategic-hero__fade{
  position:absolute; left:0; right:0; bottom:-1px;
  height:160px;
  background:linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
  pointer-events:none;
}
.cmc-strategic-hero__topmeta{
  display:flex; justify-content:center; align-items:center; gap:10px;
  flex-wrap:wrap;
  margin-bottom: 14px;
  opacity:.95;
}
.cmc-hero-pill{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 8px 12px;
  border-radius:999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: .82rem;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.cmc-hero-mini{ font-weight: 750; font-size: .95rem; color: rgba(255,255,255,.92); }
.cmc-hero-dot{ width:6px; height:6px; border-radius:999px; background: rgba(255,255,255,.65); }

html.cmc-page--strategic .cmc-strategic-title{
  margin: 10px 0 14px;
  font-size: clamp(2.4rem, 3.7vw, 3.85rem);
  font-weight: 950;
  letter-spacing: -.015em;
}
html.cmc-page--strategic .cmc-strategic-subtitle{
  margin: 0 auto 18px;
  max-width: 74ch;
  opacity: .93;
  line-height: 1.7;
  font-size: 1.15rem;
}
html.cmc-page--strategic .cmc-strategic-hero__meta{
  margin: 24px auto 0;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  text-align:left;
}
.cmc-hero-chip{
  border-radius: 18px;
  padding: 14px 16px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.cmc-hero-chip strong{
  display:block;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:.86rem;
  opacity:.92;
  margin-bottom:6px;
}

/* Sticky section nav */
.cmc-strategic-nav{
  position: sticky;
  top: 0;
  z-index: 2100;
  background: rgba(255,255,255,.68);
  border-bottom: 1px solid rgba(11,42,111,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.admin-bar .cmc-strategic-nav{ top: 32px; }
@media (max-width: 782px){ .admin-bar .cmc-strategic-nav{ top: 46px; } }

.cmc-strategic-nav__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 12px 0;
}
.cmc-nav-badge{
  display:inline-flex;
  padding: 8px 12px;
  border-radius:999px;
  background: rgba(31,78,121,.08);
  border: 1px solid rgba(31,78,121,.12);
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .78rem;
  color: rgba(11,42,111,.90);
}
.cmc-strategic-nav__links{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content:flex-end;
}
.cmc-strategic-nav__link{
  text-decoration:none;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(11,42,111,.10);
  background: rgba(255,255,255,.70);
  font-weight: 850;
  color: rgba(11,42,111,.92);
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
  box-shadow: 0 10px 22px rgba(0,0,0,.05);
}
.cmc-strategic-nav__link:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
}

/* Callouts */
.cmc-strategic-callouts{
  margin-top: 34px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  text-align:left;
}
.cmc-callout{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  border-radius: 22px;
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  padding: 22px;
}
.cmc-callout h3{ margin-top:0; }
.cmc-callout ul, .cmc-callout ol{ margin: 12px 0 0; padding-left: 20px; }
.cmc-callout li{ margin: 8px 0; line-height: 1.55; }

/* Direction */
.cmc-strategic-soft{
  background: linear-gradient(to bottom, rgba(11,42,111,.02), rgba(11,42,111,.05));
}
.cmc-strategic-direction{
  margin-top: 34px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  text-align:left;
}
.cmc-direction-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  border-radius: 22px;
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  padding: 22px;
}
.cmc-direction-card--wide{ grid-column: 1 / -1; }
.cmc-values-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin: 12px 0 10px;
}
.cmc-values-grid span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(31,78,121,.08);
  border: 1px solid rgba(31,78,121,.12);
  font-weight: 900;
}

/* Accordion */
.cmc-accordion{ margin-top: 34px; }
.cmc-acc{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  border-radius: 22px;
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  overflow:hidden;
  margin: 0 0 14px;
}
.cmc-acc summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 18px 18px;
  font-weight: 950;
  color: rgba(11,42,111,.95);
}
.cmc-acc summary::-webkit-details-marker{ display:none; }
.cmc-acc__num{
  width: 44px; height: 44px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius: 14px;
  background: rgba(31,78,121,.08);
  border: 1px solid rgba(31,78,121,.12);
  font-weight: 950;
}
.cmc-acc__title{ flex:1 1 auto; }
.cmc-acc__chev{
  width: 10px; height: 10px;
  border-right: 3px solid rgba(11,42,111,.65);
  border-bottom: 3px solid rgba(11,42,111,.65);
  transform: rotate(45deg);
  transition: transform .18s ease;
}
.cmc-acc[open] .cmc-acc__chev{ transform: rotate(-135deg); }

.cmc-acc__body{
  padding: 0 18px 18px;
  color: rgba(11,42,111,.86);
}
.cmc-acc__body p{ margin-top: 0; line-height: 1.7; }

/* KPI bars */
.cmc-kpi-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 12px;
}
.cmc-kpi{
  border-radius: 18px;
  border: 1px solid rgba(11,42,111,.08);
  background: rgba(11,42,111,.02);
  padding: 14px;
}
.cmc-kpi__top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-weight: 900;
  margin-bottom: 10px;
}
.cmc-kpi__top span{
  font-weight: 900;
  opacity:.65;
  text-transform: uppercase;
  letter-spacing: .10em;
  font-size: .78rem;
}
.cmc-kpi__bar{
  height: 10px;
  border-radius: 999px;
  background: rgba(11,42,111,.10);
  overflow:hidden;
}
.cmc-kpi__bar i{
  display:block;
  height:100%;
  border-radius:999px;
  background: linear-gradient(90deg, rgba(31,78,121,.70), rgba(47,111,216,.92));
}
.cmc-kpi__foot{
  display:flex;
  justify-content:space-between;
  margin-top: 10px;
  font-weight: 850;
  opacity:.8;
  font-size: .92rem;
}

/* Quote card */
.cmc-quote-card{
  margin-top: 18px;
  border-radius: 22px;
  padding: 22px;
  background:
    radial-gradient(900px 380px at 15% 20%, rgba(31,78,121,.10), transparent 55%),
    rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  text-align:left;
}
.cmc-quote-card p{
  margin: 0;
  font-size: 1.08rem;
  line-height: 1.75;
  color: rgba(11,42,111,.92);
}
.cmc-quote-card span{
  display:block;
  margin-top: 12px;
  font-weight: 900;
  opacity: .70;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .84rem;
}

/* Outcomes */
.cmc-strategic-outcomes{
  margin-top: 34px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
  text-align:left;
}
.cmc-outcome{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  border-radius: 22px;
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  padding: 18px;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.cmc-outcome:hover{
  transform: translateY(-6px);
  box-shadow: 0 34px 78px rgba(0,0,0,.14);
  filter: brightness(1.01);
}
.cmc-outcome h4{ margin:0 0 8px; }

/* Timeline */
.cmc-strategic-timeline{
  padding: 86px 0;
  background: linear-gradient(to bottom, rgba(11,42,111,.02), #ffffff);
}
.cmc-timeline{
  margin-top: 34px;
  position: relative;
  display: grid;
  gap: 14px;
}
.cmc-tl-item{
  display:grid;
  grid-template-columns: 110px 1fr;
  gap: 14px;
  align-items:stretch;
}
.cmc-tl-year{
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 22px;
  background: rgba(31,78,121,.08);
  border: 1px solid rgba(31,78,121,.12);
  font-weight: 950;
  font-size: 1.05rem;
  color: rgba(11,42,111,.92);
}
.cmc-tl-card{
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  padding: 18px;
}
.cmc-tl-card h3{ margin: 0 0 8px; }
.cmc-tl-card p{ margin:0; opacity:.88; line-height:1.65; }

/* Download */
.cmc-download-strip{
  margin-top: 16px;
  display:flex;
  justify-content:center;
  opacity:.9;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .82rem;
}

/* Responsive */
@media (max-width: 980px){
  html.cmc-page--strategic .cmc-strategic-hero{ padding: 175px 0 120px; }
  html.cmc-page--strategic .cmc-strategic-hero__meta{ grid-template-columns:1fr; }
  .cmc-strategic-callouts{ grid-template-columns:1fr; }
  .cmc-strategic-direction{ grid-template-columns:1fr; }
  .cmc-values-grid{ grid-template-columns:1fr 1fr; }
  .cmc-kpi-grid{ grid-template-columns:1fr; }
  .cmc-strategic-outcomes{ grid-template-columns:1fr; }
  .cmc-tl-item{ grid-template-columns: 1fr; }
  .cmc-tl-year{ justify-content:flex-start; padding: 14px 18px; }
}



/* Scope everything to News page wrapper to avoid global impact */
.cmc-news-page { background: transparent; }

/* Header overlay on News page only */
.cmc-news-page .cmc-header{
  position: absolute !important;
  top: var(--cmc-news-header-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  z-index: 2100 !important;
}

/* Respect WP admin bar */
.cmc-news-page { --cmc-news-header-top: 0px; }
html body.admin-bar .cmc-news-page { --cmc-news-header-top: 32px; }
@media (max-width: 782px){
  html body.admin-bar .cmc-news-page { --cmc-news-header-top: 46px; }
}

/* Hero */
.cmc-news-hero{
  position: relative;
  padding: 230px 0 140px; /* extra top so it flows under header */
  color: #ffffff;
  text-align: left;
  overflow: hidden;
  isolation: isolate;
}

/* Background image + overlays */
.cmc-news-hero__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 420px at 18% 12%, rgba(255,255,255,.12), rgba(255,255,255,0) 58%),
    linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,.64)),
    url('https://cmc.adventist.org/wp-content/uploads/2026/02/Untitled-design-2-1-scaled.png') center/cover no-repeat;
  z-index:-2;
}

.cmc-news-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(1200px 600px at 50% -10%, rgba(31,78,121,.22), transparent 70%);
  z-index:-1;
  pointer-events:none;
}

/* Hero content */
.cmc-news-hero__inner{
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 28px;
  align-items: end;
}

@media (max-width: 980px){
  .cmc-news-hero{ padding: 200px 0 120px; }
  .cmc-news-hero__inner{ grid-template-columns: 1fr; }
}

.cmc-news-breadcrumb{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.86);
  margin-bottom: 14px;
}
.cmc-news-breadcrumb a{
  color: rgba(255,255,255,.92);
  text-decoration:none;
  border-bottom: 1px solid rgba(255,255,255,.28);
}
.cmc-news-breadcrumb a:hover{ border-bottom-color: rgba(255,255,255,.55); }

.cmc-news-hero h1{
  margin:0;
  font-size: clamp(2.2rem, 3.4vw, 3.4rem);
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
  line-height: 1.08;
  text-shadow: 0 18px 48px rgba(0,0,0,.38);
}
.cmc-news-hero p{
  margin: 14px 0 0;
  max-width: 60ch;
  font-size: 1.08rem;
  line-height: 1.65;
  color: rgba(255,255,255,.90);
  text-shadow: 0 14px 40px rgba(0,0,0,.28);
}

/* Stats strip */
.cmc-news-stats{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  justify-content: flex-end;
}
@media (max-width:980px){
  .cmc-news-stats{ justify-content: flex-start; margin-top: 18px; }
}
.cmc-news-stat{
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 18px 44px rgba(0,0,0,.18);
  font-weight: 850;
  letter-spacing: .04em;
}
.cmc-news-stat span{
  display:inline-block;
  margin-right: 6px;
  font-weight: 950;
}

/* Hero fades into white */
.cmc-news-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:170px;
  background:linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
  pointer-events:none;
}

/* Sections */
.cmc-news-section{
  padding: 70px 0;
  background: #ffffff;
}
.cmc-news-section--wash{
  background: linear-gradient(to bottom, rgba(11,42,111,.02), rgba(11,42,111,.04));
}
.cmc-news-section + .cmc-news-section{
  border-top: 1px solid rgba(11,42,111,.07);
}

/* Subhead */
.cmc-news-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom: 14px;
}
.cmc-news-kicker__bar{
  width: 54px;
  height: 6px;
  border-radius: 999px;
  background: rgba(47,111,216,.55);
}
.cmc-news-h2{
  margin:0;
  font-size: clamp(1.55rem, 2.2vw, 2.2rem);
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--cmc-ink, #0b2a6f);
}
.cmc-news-subtext{
  margin: 10px 0 0;
  max-width: 78ch;
  color: rgba(11,42,111,.76);
  line-height: 1.7;
}

/* Department filter */
.cmc-news-filters{
  margin-top: 22px;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cmc-news-pill{
  appearance:none;
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.10);
  color: rgba(255,255,255,.92);
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .78rem;
  text-decoration:none;
  transition: transform .18s ease, filter .18s ease, background .18s ease;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.cmc-news-pill:hover{ transform: translateY(-1px); filter: brightness(1.03); }
.cmc-news-pill.is-active{
  background: rgba(255,255,255,.92);
  color: var(--cmc-denim, #1f4e79);
  border-color: rgba(255,255,255,.55);
}

/* Top Stories editorial layout */
.cmc-topstories{
  display:grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 22px;
  margin-top: 28px;
}
@media (max-width: 980px){
  .cmc-topstories{ grid-template-columns: 1fr; }
}
.cmc-topstories__side{
  display:grid;
  gap: 22px;
}

/* Card base */
.cmc-news-card{
  background:#ffffff;
  border-radius:22px;
  border:1px solid rgba(11,42,111,.08);
  box-shadow:0 18px 46px rgba(0,0,0,.08);
  overflow:hidden;
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  display:flex;
  flex-direction:column;
}
.cmc-news-card:hover{
  transform: translateY(-6px);
  box-shadow:0 34px 78px rgba(0,0,0,.14);
  filter: brightness(1.01);
}

.cmc-news-card__media{
  width:100%;
  aspect-ratio: 16 / 9;
  overflow:hidden;
  position:relative;
}
.cmc-news-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition: transform .35s ease;
}
.cmc-news-card:hover .cmc-news-card__media img{ transform: scale(1.04); }

/* Category badge on image */
.cmc-news-badge{
  position:absolute;
  left: 14px;
  top: 14px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(0,0,0,.38);
  border: 1px solid rgba(255,255,255,.22);
  color: #fff;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: .72rem;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Body */
.cmc-news-card__body{
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.cmc-news-meta{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:rgba(11,42,111,.55);
}
.cmc-news-title{
  margin:0;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.35;
  color:#0b2a6f;
}
.cmc-news-title a{
  color: inherit;
  text-decoration:none;
}
.cmc-news-title a:hover{ text-decoration: underline; }
.cmc-news-excerpt{
  color:rgba(11,42,111,.75);
  font-size:.98rem;
  line-height:1.65;
  flex-grow:1;
}

/* Read button */
.cmc-news-read{
  align-self:flex-start;
  padding:10px 16px;
  border-radius:999px;
  background: linear-gradient(135deg, #1f4e79, #163c61);
  color:#ffffff;
  text-decoration:none;
  font-weight:900;
  box-shadow: 0 10px 24px rgba(31,78,121,.25);
  transition: transform .2s ease, filter .2s ease;
}
.cmc-news-read:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
}

/* Featured (large) */
.cmc-news-card--featured .cmc-news-card__media{
  aspect-ratio: 16 / 8.6;
}
.cmc-news-card--featured .cmc-news-title{
  font-size: 1.55rem;
}

/* Grid */
.cmc-news-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 26px;
}
@media (max-width:1100px){
  .cmc-news-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width:680px){
  .cmc-news-grid{ grid-template-columns: 1fr; }
}

/* Mission quote */
.cmc-news-quote{
  border-radius: 26px;
  padding: 34px 26px;
  background:
    radial-gradient(900px 420px at 15% 15%, rgba(31,78,121,.14), transparent 60%),
    linear-gradient(to bottom, rgba(11,42,111,.03), rgba(11,42,111,.05));
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 24px 60px rgba(0,0,0,.08);
}
.cmc-news-quote blockquote{
  margin:0;
  font-size: clamp(1.1rem, 2vw, 1.6rem);
  line-height: 1.55;
  color: rgba(11,42,111,.88);
  font-weight: 700;
}
.cmc-news-quote cite{
  display:block;
  margin-top: 14px;
  color: rgba(11,42,111,.62);
  font-style: normal;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: .78rem;
}

/* Newsletter glass card */
.cmc-news-newsletter{
  border-radius: 26px;
  padding: 34px 26px;
  background:
    radial-gradient(900px 420px at 20% 15%, rgba(31,78,121,.10), rgba(255,255,255,0) 60%),
    rgba(255,255,255,.86);
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 24px 60px rgba(0,0,0,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.cmc-news-newsletter h3{
  margin:0;
  font-size: 1.35rem;
  font-weight: 950;
  color: var(--cmc-ink, #0b2a6f);
}
.cmc-news-newsletter p{
  margin: 10px 0 0;
  color: rgba(11,42,111,.72);
  line-height: 1.7;
}
.cmc-news-newsletter__form{
  display:flex;
  gap: 10px;
  margin-top: 16px;
  flex-wrap: wrap;
}
.cmc-news-newsletter__input{
  flex: 1 1 240px;
  min-width: 220px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(11,42,111,.16);
  outline: none;
}
.cmc-news-newsletter__btn{
  flex: 0 0 auto;
  padding: 12px 16px;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  color:#fff;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: linear-gradient(135deg, #1f4e79, #163c61);
  box-shadow: 0 10px 24px rgba(31,78,121,.25);
}

/* Pagination */
.cmc-news-pagination{
  margin-top:50px;
  text-align:center;
}
.cmc-news-pagination .page-numbers{
  display:inline-block;
  margin:0 6px 10px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(11,42,111,.12);
  color:#0b2a6f;
  text-decoration:none;
  font-weight:800;
  transition: all .2s ease;
}
.cmc-news-pagination .page-numbers.current,
.cmc-news-pagination .page-numbers:hover{
  background:#1f4e79;
  color:#ffffff;
}

/* Subtle reveal animation (activated by JS) */
.cmc-reveal{
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .45s ease, transform .45s ease;
}
.cmc-reveal.is-inview{
  opacity: 1;
  transform: translateY(0);
}
/* =========================================================
   MEASURE WHAT MATTERS — KPI BOARD (Premium)
   Paste at VERY BOTTOM of style.css
========================================================= */

.cmc-kpi-board{
  margin-top: 34px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
}

@media (max-width: 1200px){
  .cmc-kpi-board{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 720px){
  .cmc-kpi-board{ grid-template-columns: 1fr; }
}

.cmc-kpi-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  border-radius: 22px;
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  padding: 18px;
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.cmc-kpi-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 34px 78px rgba(0,0,0,.14);
  filter: brightness(1.01);
}

.cmc-kpi-card__head{
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.cmc-kpi-card__icon{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: rgba(31,78,121,.08);
  border: 1px solid rgba(31,78,121,.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.cmc-kpi-card__icon svg{
  width: 22px;
  height: 22px;
  fill: rgba(11,42,111,.86);
}

.cmc-kpi-card__titles h3{
  margin: 0;
  font-size: 1.05rem;
  font-weight: 950;
  color: rgba(11,42,111,.95);
}
.cmc-kpi-card__titles p{
  margin: 6px 0 0;
  opacity: .82;
  line-height: 1.45;
  color: rgba(11,42,111,.88);
  font-size: .95rem;
}

.cmc-kpi-card__bar{
  margin-top: 14px;
  height: 12px;
  border-radius: 999px;
  background: rgba(11,42,111,.10);
  overflow: hidden;
  position: relative;
}

.cmc-kpi-card__fill{
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(31,78,121,.70), rgba(47,111,216,.95));
  transition: width 1.2s ease;
}

/* Animate when visible */
.cmc-kpi-card__bar.is-in .cmc-kpi-card__fill{
  width: var(--cmc-kpi, 0%);
}

.cmc-kpi-card__meta{
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: baseline;
}

.cmc-kpi-label{
  display: block;
  font-size: .78rem;
  letter-spacing: .10em;
  text-transform: uppercase;
  opacity: .65;
  font-weight: 900;
}
.cmc-kpi-value{
  display: block;
  margin-top: 6px;
  font-weight: 950;
  color: rgba(11,42,111,.95);
}

.cmc-kpi-card__meta-right{
  text-align: right;
}

.cmc-kpi-card__foot{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(11,42,111,.08);
  font-size: .92rem;
  line-height: 1.55;
  opacity: .82;
}

.cmc-kpi-note{
  margin-top: 18px;
  border-radius: 18px;
  padding: 14px 16px;
  background: rgba(31,78,121,.06);
  border: 1px solid rgba(31,78,121,.10);
  color: rgba(11,42,111,.88);
}
.cmc-kpi-note code{
  font-weight: 900;
}
/* =========================================================
   NEWS HERO IMAGE AS HEADER BACKGROUND
========================================================= */

/* Make header absolute */
.cmc-news-page .cmc-header{
  position:absolute !important;
  top:0 !important;
  left:0;
  right:0;
  background:transparent !important;
  box-shadow:none !important;
  z-index:3000 !important;
}

/* Shared background wrapper */
.cmc-news-page{
  background:
    url('https://cmc.adventist.org/wp-content/uploads/2026/02/Untitled-design-2-1-scaled.png')
    top center / cover no-repeat;
}

/* Darken top portion for readability */
.cmc-news-page::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:520px;
  background:
    linear-gradient(to bottom,
      rgba(0,0,0,.55),
      rgba(0,0,0,.60),
      rgba(0,0,0,.40),
      rgba(0,0,0,0)
    );
  pointer-events:none;
  z-index:1;
}

/* Make hero sit on top */
.cmc-news-hero{
  position:relative;
  padding:230px 0 140px;
  color:#ffffff;
  z-index:2;
}

/* Remove old background layer completely */
.cmc-news-hero__bg{
  display:none !important;
}
/* =========================================================
   STRATEGIC PLAN: Hero image extends into HEADER (page-only)
========================================================= */

/* Put header ON TOP of the hero image */
html.cmc-page--strategic body .cmc-header{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;

  /* SAME IMAGE as hero */
  background-image: var(--cmc-strategic-hero-url) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;

  border: none !important;
  box-shadow: none !important;
  z-index: 2200 !important;
}

/* Add a dark overlay to the HEADER area for legibility */
html.cmc-page--strategic body .cmc-header::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,.58), rgba(0,0,0,.25));
  pointer-events: none;
  z-index: 0;
}

/* Ensure header contents sit above overlay */
html.cmc-page--strategic body .cmc-header > *{
  position: relative;
  z-index: 1;
}

/* Remove any white gap above/around main wrapper on this page */
html.cmc-page--strategic body .l-main{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Make hero start at very top (flush) */
html.cmc-page--strategic .cmc-strategic-hero{
  margin-top: 0 !important;
  padding-top: 200px; /* gives space for header overlay */
  background-image: var(--cmc-strategic-hero-url);
}

/* Optional: if your header has a “sticky” state class, keep it on image too */
html.cmc-page--strategic body .cmc-header.is-sticky,
html.cmc-page--strategic body .cmc-header.is-fixed{
  background-image: var(--cmc-strategic-hero-url) !important;
}

/* If your header previously forced a solid background on scroll, neutralize it here */
html.cmc-page--strategic body .cmc-header.is-sticky,
html.cmc-page--strategic body .cmc-header.is-fixed{
  box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
}

/* Mobile tuning */
@media (max-width: 980px){
  html.cmc-page--strategic .cmc-strategic-hero{
    padding-top: 175px;
  }
  html.cmc-page--strategic body .cmc-header::before{
    background: linear-gradient(to bottom, rgba(0,0,0,.62), rgba(0,0,0,.30));
  }
}

/* =========================================================
   NEWS PAGE — CINEMATIC HERO (Header + Hero share same image)
   Requirements:
   - Hero image extends to header and is the header background
   - Subtle parallax (desktop only)
   - Animated glow behind the title
   - Menu text glow on hero only
   - Hero slightly taller (cinematic)
   Scope: ONLY inside .cmc-news-page
========================================================= */

.cmc-news-page{
  position: relative;
  /* Shared background for header + hero */
  background:
    url('https://cmc.adventist.org/wp-content/uploads/2026/02/Untitled-design-2-1-scaled.png')
    top center / cover no-repeat;
}

/* Parallax: fixed background on desktop (fallback to scroll on mobile/tablet) */
@media (min-width: 1025px){
  .cmc-news-page{
    background-attachment: fixed;
  }
}
@media (max-width: 1024px){
  .cmc-news-page{
    background-attachment: scroll;
    background-position: top center;
  }
}

/* Make header overlay + transparent on News page only */
.cmc-news-page .cmc-header{
  position: absolute !important;
  top: var(--cmc-news-header-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  z-index: 3000 !important;
}

/* WP admin bar offset */
.cmc-news-page{ --cmc-news-header-top: 0px; }
body.admin-bar .cmc-news-page{ --cmc-news-header-top: 32px; }
@media (max-width: 782px){
  body.admin-bar .cmc-news-page{ --cmc-news-header-top: 46px; }
}

/* Dark overlay for readability (covers header+hero area) */
.cmc-news-page::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height: 720px; /* cinematic */
  background:
    radial-gradient(900px 460px at 18% 14%, rgba(255,255,255,.10), rgba(255,255,255,0) 62%),
    linear-gradient(to bottom,
      rgba(0,0,0,.68),
      rgba(0,0,0,.60),
      rgba(0,0,0,.40),
      rgba(0,0,0,0)
    );
  pointer-events:none;
  z-index: 1;
}

/* MENU TEXT GLOW (News hero only) */
.cmc-news-page .cmc-header .cmc-menu > li > a,
.cmc-news-page .cmc-header .cmc-brand__title,
.cmc-news-page .cmc-header .cmc-brand__subtitle{
  text-shadow:
    0 10px 28px rgba(0,0,0,.35),
    0 0 18px rgba(255,255,255,.10);
}

/* Slight underline glow on hover (News only) */
.cmc-news-page .cmc-header .cmc-menu > li > a::after{
  background: rgba(255,255,255,.95) !important;
  box-shadow: 0 0 18px rgba(255,255,255,.35);
}

/* HERO — cinematic height + transparent background */
.cmc-news-page .cmc-news-hero{
  position: relative;
  padding: 270px 0 170px !important; /* taller hero */
  background: transparent !important;
  color: #ffffff;
  z-index: 2; /* above overlays */
}

/* If your hero has an old bg layer, disable it here */
.cmc-news-page .cmc-news-hero__bg{
  display: none !important;
}

/* Ensure hero inner content sits above overlay */
.cmc-news-page .cmc-news-hero *{
  position: relative;
  z-index: 2;
}

/* Animated glow behind title */
@keyframes cmcNewsGlow{
  0%   { transform: translate(-50%, -50%) scale(1);   opacity: .55; }
  50%  { transform: translate(-50%, -50%) scale(1.08); opacity: .70; }
  100% { transform: translate(-50%, -50%) scale(1);   opacity: .55; }
}

.cmc-news-page .cmc-news-hero h1{
  position: relative;
  display: inline-block;
  text-shadow: 0 18px 52px rgba(0,0,0,.45);
}

/* The glow "halo" */
.cmc-news-page .cmc-news-hero h1::before{
  content:"";
  position:absolute;
  left: 50%;
  top: 55%;
  width: 130%;
  height: 1.15em;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle at center,
    rgba(255,255,255,.22) 0%,
    rgba(120,190,255,.16) 28%,
    rgba(31,78,121,.16) 52%,
    rgba(255,255,255,0) 72%
  );
  filter: blur(10px);
  z-index: -1;
  animation: cmcNewsGlow 6.5s ease-in-out infinite;
}

/* Smooth fade into the white content below (keeps premium transition) */
.cmc-news-page .cmc-news-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height: 190px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
  pointer-events:none;
  z-index: 2;
}

/* Mobile tuning: reduce height slightly */
@media (max-width: 680px){
  .cmc-news-page::before{ height: 640px; }
  .cmc-news-page .cmc-news-hero{
    padding: 230px 0 140px !important;
    text-align: left;
  }
}

/* Reduce motion if user prefers */
@media (prefers-reduced-motion: reduce){
  .cmc-news-page .cmc-news-hero h1::before{
    animation: none !important;
  }
  @media (min-width: 1025px){
    .cmc-news-page{ background-attachment: scroll; }
  }
}
/* =========================================================
   FRONT PAGE PREMIUM PACK
   - Emotional hero depth
   - KPI strip
   - Section numbering
   - Final CTA band
   - Vertical rhythm system
   - Subtle scroll reveal
========================================================= */

/* -------- Vertical rhythm system (home) -------- */
body.home{
  --cmc-rhythm-hero-bottom: 90px;
  --cmc-rhythm-section: 80px;
  --cmc-rhythm-grid: 24px;
}

/* Apply consistent spacing to major blocks */
body.home .cmc-actions3{ padding: calc(var(--cmc-rhythm-section) - 20px) 0 18px; }
body.home .cmc-block{ padding: var(--cmc-rhythm-section) 0; }
body.home .cmc-search-section{ padding: 60px 0 calc(var(--cmc-rhythm-section) + 30px); }
body.home .cmc-feature-grid{ gap: 18px; }
body.home .cmc-actions3-grid{ gap: 22px; }

/* -------- Hero emotional depth -------- */

body.home .cmc-hero__kicker{
  margin: 0 0 10px;
  color: rgba(255,255,255,.88);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 850;
  font-size: .85rem;
}

body.home .cmc-hero__title{
  margin-top: 0;
  letter-spacing: -.02em;
  text-shadow: 0 18px 44px rgba(0,0,0,.28);
}

body.home .cmc-hero__scripture{
  margin: 12px 0 14px;
  padding-left: 14px;
  border-left: 3px solid rgba(255,255,255,.55);
  color: rgba(255,255,255,.92);
  font-weight: 650;
  line-height: 1.55;
}
body.home .cmc-hero__scripture span{
  color: rgba(255,255,255,.82);
  font-weight: 750;
}

body.home .cmc-hero__text{
  line-height: 1.7;
  color: rgba(255,255,255,.92);
  text-shadow: 0 16px 40px rgba(0,0,0,.22);
}

/* Scroll cue */
body.home .cmc-scrollcue{
  margin-top: 26px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: rgba(255,255,255,.90);
  font-weight: 800;
  letter-spacing: .03em;
  opacity: .9;
  transition: transform .2s ease, opacity .2s ease;
}
body.home .cmc-scrollcue:hover{ transform: translateY(-1px); opacity: 1; }

body.home .cmc-scrollcue__dot{
  width: 18px;
  height: 28px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.55);
  position: relative;
}
body.home .cmc-scrollcue__dot::after{
  content:"";
  position:absolute;
  left:50%;
  top:6px;
  width:4px;
  height:4px;
  border-radius:999px;
  background: rgba(255,255,255,.85);
  transform: translateX(-50%);
  animation: cmcScrollDot 1.35s ease-in-out infinite;
}
@keyframes cmcScrollDot{
  0%{ transform: translate(-50%, 0); opacity: .9; }
  65%{ transform: translate(-50%, 10px); opacity: .35; }
  100%{ transform: translate(-50%, 0); opacity: .9; }
}

/* -------- Narrative section numbering (auto) -------- */
body.home{
  counter-reset: cmcSection;
}

/* number label on each major .cmc-block (Identity/Belief/Impact etc.) */
body.home .cmc-block .cmc-section-title{
  position: relative;
  padding-top: 20px;
}
body.home .cmc-block .cmc-section-title::before{
  counter-increment: cmcSection;
  content: "0" counter(cmcSection);
  position: absolute;
  top: -2px;
  left: 0;
  font-weight: 950;
  letter-spacing: .14em;
  font-size: .86rem;
  color: rgba(11,42,111,.50);
  text-transform: uppercase;
}

/* Keep section title centered if you want: align number with it */
body.home .cmc-block{
  text-align: center;
}
body.home .cmc-block .cmc-section-title::before{
  left: 50%;
  transform: translateX(-50%);
}

/* -------- KPI strip -------- */
body.home .cmc-kpis{
  padding: 22px 0 calc(var(--cmc-rhythm-section) - 10px);
}

body.home .cmc-kpis__card{
  border-radius: 26px;
  overflow: hidden;
  background:
    radial-gradient(1200px 520px at 20% 0%, rgba(31,78,121,.18), transparent 62%),
    linear-gradient(180deg, rgba(11,42,111,.08), rgba(255,255,255,.95));
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 26px 70px rgba(0,0,0,.10);
  padding: 26px 26px 18px;
}

body.home .cmc-kpis__kicker{
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 900;
  font-size: .85rem;
  color: rgba(11,42,111,.68);
}

body.home .cmc-kpis__title{
  margin: 10px 0 0;
  font-size: clamp(1.4rem, 2.2vw, 2rem);
  color: rgba(11,42,111,.95);
  letter-spacing: -.01em;
}

body.home .cmc-kpis__grid{
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

body.home .cmc-kpi{
  border-radius: 18px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(11,42,111,.10);
  padding: 16px 14px;
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
}

body.home .cmc-kpi__num{
  font-weight: 950;
  font-size: clamp(1.6rem, 2.4vw, 2.3rem);
  color: rgba(11,42,111,.98);
  line-height: 1.05;
}

body.home .cmc-kpi__label{
  margin-top: 6px;
  font-weight: 850;
  letter-spacing: .02em;
  color: rgba(11,42,111,.74);
}

body.home .cmc-kpis__foot{
  margin-top: 14px;
  padding-top: 14px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  border-top: 1px solid rgba(11,42,111,.10);
  flex-wrap: wrap;
}

body.home .cmc-kpis__link{
  color: rgba(11,42,111,.90);
  font-weight: 900;
  text-decoration: none;
  border-bottom: 1px dashed rgba(11,42,111,.28);
}
body.home .cmc-kpis__link:hover{
  border-bottom-style: solid;
}

body.home .cmc-kpis__dot{
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(11,42,111,.35);
}

@media (max-width: 980px){
  body.home .cmc-kpis__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* -------- Final CTA band -------- */
body.home .cmc-final-cta{
  padding: calc(var(--cmc-rhythm-section) - 10px) 0 calc(var(--cmc-rhythm-section) + 10px);
  background:
    radial-gradient(1200px 520px at 50% 0%, rgba(31,78,121,.08), transparent 62%),
    linear-gradient(180deg, rgba(11,42,111,.02), rgba(11,42,111,.06));
}

body.home .cmc-final-cta__card{
  border-radius: 28px;
  padding: 26px 26px;
  background:
    radial-gradient(900px 420px at 20% 0%, rgba(47,111,216,.20), transparent 60%),
    linear-gradient(135deg, rgba(31,78,121,.92), rgba(11,42,111,.92));
  color: #fff;
  box-shadow: 0 30px 80px rgba(0,0,0,.16);
  border: 1px solid rgba(255,255,255,.12);
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  align-items: center;
}

body.home .cmc-final-cta__kicker{
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 950;
  font-size: .85rem;
  color: rgba(255,255,255,.88);
}

body.home .cmc-final-cta__title{
  margin: 10px 0 8px;
  font-size: clamp(1.5rem, 2.4vw, 2.15rem);
  letter-spacing: -.01em;
}

body.home .cmc-final-cta__text{
  margin: 0;
  line-height: 1.65;
  color: rgba(255,255,255,.92);
}

body.home .cmc-final-cta__actions{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.home .cmc-final-cta__btn{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 950;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
  transition: transform .18s ease, filter .18s ease, background .18s ease;
}
body.home .cmc-final-cta__btn:hover{
  transform: translateY(-2px);
  filter: brightness(1.03);
  background: rgba(255,255,255,.14);
}

body.home .cmc-final-cta__btn--primary{
  background: #ffffff;
  color: rgba(11,42,111,.96);
  border-color: rgba(255,255,255,.55);
}
body.home .cmc-final-cta__btn--primary:hover{
  filter: brightness(1.02);
}

@media (max-width: 980px){
  body.home .cmc-final-cta__card{
    grid-template-columns: 1fr;
  }
}

/* -------- Subtle scroll reveal -------- */
.cmc-reveal{
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .55s ease, transform .55s ease;
  will-change: opacity, transform;
}
.cmc-reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce){
  .cmc-reveal{ opacity: 1 !important; transform: none !important; transition: none !important; }
}
/* =========================================================
   FRONT PAGE: Parallax + Latest News strip
   Paste at VERY BOTTOM of style.css
========================================================= */

/* ---------- SAFE parallax background layer (home topstage) ---------- */
/* We move ONLY the image layer via ::after so overlays stay crisp */
body.home .cmc-topstage{
  position: relative;
  overflow: hidden;

  /* Remove the image from background-image; keep your overlay gradient */
  background-image: linear-gradient(to bottom, rgba(7,20,45,.55), rgba(7,20,45,.55)) !important;
  background-size: cover;
  background-position: center;
}

/* Image layer */
body.home .cmc-topstage::after{
  content:"";
  position:absolute;
  inset:-40px 0; /* gives room to move without showing edges */
  z-index:0;
  pointer-events:none;

  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/02/Jesus-christ-listening-to-apostle-reading-scriptures-scaled.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  transform: translate3d(0, var(--cmc-parallax-y, 0px), 0);
  will-change: transform;
}

/* Ensure your existing overlay glow stays above the image */
body.home .cmc-topstage::before{
  z-index: 1 !important;
}
body.home .cmc-topstage > *{
  position: relative;
  z-index: 2 !important;
}

/* Disable parallax for reduced motion */
@media (prefers-reduced-motion: reduce){
  body.home .cmc-topstage::after{
    transform: none !important;
    will-change: auto !important;
  }
}

/* ---------- Latest News (3-card strip) ---------- */
body.home .cmc-latest-news{
  padding: 22px 0 70px;
  background:
    radial-gradient(1200px 520px at 50% 0%, rgba(31,78,121,.06), transparent 62%),
    linear-gradient(180deg, rgba(11,42,111,.02), rgba(255,255,255,1));
}

body.home .cmc-latest-news__head{
  text-align: center;
  margin-bottom: 18px;
}
body.home .cmc-latest-news__title{
  margin: 12px 0 6px;
  font-size: clamp(1.6rem, 2.6vw, 2.1rem);
  letter-spacing: -.01em;
}
body.home .cmc-latest-news__subtitle{
  margin: 0 auto;
  max-width: 68ch;
  color: rgba(11,42,111,.78);
  line-height: 1.65;
}

body.home .cmc-news-grid{
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

@media (max-width: 1100px){
  body.home .cmc-news-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px){
  body.home .cmc-news-grid{ grid-template-columns: 1fr; }
}

body.home .cmc-news-card{
  border-radius: 22px;
  overflow: hidden;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 18px 46px rgba(0,0,0,.08);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
body.home .cmc-news-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 34px 78px rgba(0,0,0,.12);
  filter: brightness(1.01);
}

body.home .cmc-news-card__media{
  display:block;
  width:100%;
  aspect-ratio: 16/10;
  background: rgba(31,78,121,.08);
}
body.home .cmc-news-card__media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
body.home .cmc-news-card__placeholder{
  width:100%;
  height:100%;
  background:
    radial-gradient(600px 220px at 50% 0%, rgba(31,78,121,.18), transparent 70%),
    linear-gradient(180deg, rgba(31,78,121,.12), rgba(31,78,121,.04));
}

body.home .cmc-news-card__body{
  padding: 16px 16px 18px;
}

body.home .cmc-news-card__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap: 8px;
  font-size: .85rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(11,42,111,.55);
  margin-bottom: 10px;
}
body.home .cmc-news-card__dot{
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(11,42,111,.35);
}
body.home .cmc-news-card__cat{
  color: rgba(11,42,111,.70);
  text-decoration: none;
  border-bottom: 1px dashed rgba(11,42,111,.25);
}
body.home .cmc-news-card__cat:hover{ border-bottom-style: solid; }

body.home .cmc-news-card__title{
  margin: 0 0 10px;
  font-size: 1.12rem;
  letter-spacing: -.01em;
}
body.home .cmc-news-card__title a{
  color: var(--cmc-ink, #0b2a6f);
  text-decoration: none;
}
body.home .cmc-news-card__title a:hover{
  text-decoration: underline;
}

body.home .cmc-news-card__excerpt{
  margin: 0 0 14px;
  color: rgba(11,42,111,.78);
  line-height: 1.6;
}

body.home .cmc-news-card__link{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  color: rgba(11,42,111,.92);
  font-weight: 950;
  text-decoration: none;
  border-bottom: 1px solid rgba(11,42,111,.18);
}
body.home .cmc-news-card__link:hover{
  border-bottom-color: rgba(11,42,111,.40);
}

body.home .cmc-latest-news__foot{
  margin-top: 18px;
  display:flex;
  justify-content:center;
}
body.home .cmc-latest-news__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 18px;
  border-radius: 999px;
  background: var(--cmc-denim, #1f4e79);
  color: #fff;
  font-weight: 950;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(31,78,121,.22);
  transition: transform .18s ease, filter .18s ease;
}
body.home .cmc-latest-news__btn:hover{
  transform: translateY(-2px);
  filter: brightness(1.03);
}/* =========================================================
   MOBILE HEADER: brand + drawer icon same line (and aligned)
   Paste at VERY BOTTOM of style.css
========================================================= */

@media (max-width: 1024px){

  /* Keep header content in ONE row */
  html body .cmc-header__inner{
    display: flex !important;
    align-items: flex-start !important; /* aligns toggle with title line */
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
  }

  /* Brand can take the row width, but not push toggle down */
  html body .cmc-brand{
    flex: 1 1 auto !important;
    min-width: 0 !important; /* critical: allows text to wrap inside without breaking row */
  }

  /* Keep title/subtitle wrapping inside brand area */
  html body .cmc-brand__title,
  html body .cmc-brand__subtitle{
    display: block;
  }

  /* Drawer icon stays on the same line and aligns with title */
  html body .cmc-nav-toggle{
    flex: 0 0 auto !important;
    margin-left: auto !important;
    align-self: flex-start !important;
    margin-top: 4px !important; /* optical alignment with title */
  }
}/* =========================================================
   FINAL MOBILE HEADER FIX (LAST WINS)
   - Brand + hamburger same row
   - Drawer always opens on click (CSS side)
   - Neutralize earlier rules that push tools under title
========================================================= */

@media (max-width: 1024px){

  /* 1) Keep header in one row */
  html body .cmc-header__inner{
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
  }

  /* 2) Brand takes remaining width, can wrap INSIDE itself */
  html body .cmc-brand{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  /* allow title/subtitle to wrap naturally without pushing hamburger down */
  html body .cmc-brand__title,
  html body .cmc-brand__subtitle{
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  /* 3) FORCE the hamburger container to stay inline (undo width:100% + margin-top rules) */
  html body .cmc-mobile-tools{
    flex: 0 0 auto !important;
    width: auto !important;
    margin-top: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  /* 4) Hamburger button: on same line + clickable above everything */
  html body .cmc-nav-toggle{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    margin-top: 4px !important; /* optical align with first title line */
    z-index: 5000 !important;
    pointer-events: auto !important;
  }

  /* 5) IMPORTANT: Keep the right wrapper from affecting header layout,
        but DO NOT hide it (nav lives inside it and must open) */
  html body .cmc-header__right{
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  /* 6) Drawer: force consistent off-canvas behavior */
  html body #cmc-primary-nav.cmc-nav{
    position: fixed !important;
    top: 0 !important;
    right: -110% !important;

    width: min(360px, 92vw) !important;
    height: 100vh !important;

    padding: 84px 18px 18px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;

    background: var(--cmc-denim, #1f4e79) !important;
    transition: right .28s ease !important;

    z-index: 4200 !important;

    /* ensure it's not disabled by earlier rules */
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  html body #cmc-primary-nav.cmc-nav.is-open{
    right: 0 !important;
  }

  /* 7) Backdrop always shows when open */
  html body .cmc-nav-backdrop{
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.45) !important;
    display: none !important;
    z-index: 4100 !important;
  }
  html.cmc-nav-open body .cmc-nav-backdrop,
  html body .cmc-nav-backdrop.is-open{
    display: block !important;
  }
}/* =========================================================
   FORCE TITLE + DRAWER ICON SAME LINE (FINAL FIX)
========================================================= */

@media (max-width: 1024px){

  /* Header container: one row, no wrapping */
  html body .cmc-header__inner{
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
  }

  /* Brand area: allowed to wrap internally but not break row */
  html body .cmc-brand{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  /* Ensure text wraps inside brand, not pushing icon down */
  html body .cmc-brand__title,
  html body .cmc-brand__subtitle{
    white-space: normal !important;
    display: block !important;
  }

  /* CRITICAL: remove previous rule that made tools full width */
  html body .cmc-mobile-tools{
    width: auto !important;
    margin-top: 0 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: flex-start !important;
  }

  /* Drawer icon alignment */
  html body .cmc-nav-toggle{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 4px !important; /* fine tune optical alignment */
  }
}/* =========================================================
   MOBILE DRAWER: FORCE OPEN/CLOSE BEHAVIOR (FINAL)
   Paste at VERY BOTTOM of style.css
========================================================= */
@media (max-width: 1024px){

  html body #cmc-primary-nav.cmc-nav{
    position: fixed !important;
    top: 0 !important;
    right: -110% !important;
    width: min(360px, 92vw) !important;
    height: 100vh !important;

    padding: 84px 18px 18px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;

    background: var(--cmc-denim, #1f4e79) !important;

    z-index: 9999 !important;
    transition: right .28s ease !important;

    /* make sure no other rule disables it */
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  /* OPEN state (either class works) */
  html body #cmc-primary-nav.cmc-nav.is-open,
  html.cmc-nav-open body #cmc-primary-nav.cmc-nav{
    right: 0 !important;
  }

  /* Backdrop */
  html body .cmc-nav-backdrop{
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.45) !important;
    display: none !important;
    z-index: 9998 !important;
  }
  html body .cmc-nav-backdrop.is-open,
  html.cmc-nav-open body .cmc-nav-backdrop{
    display: block !important;
  }
}/* =========================================================
   MOBILE SUBMENUS + DRAWER: make it actually work
   Paste at VERY BOTTOM of style.css
========================================================= */

@media (max-width: 1024px){

  /* Ensure the mega menu list uses accordion behavior */
  html body .cmc-mobile-mega .cmc-menu--primary > li > ul{
    display: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    margin-top: 8px;
    padding-left: 10px;
    border-left: 2px solid rgba(255,255,255,.18);
  }

  html body .cmc-mobile-mega .cmc-menu--primary li.is-subopen > ul{
    display: block !important;
  }

  /* Subtoggle button */
  html body .cmc-mobile-mega .cmc-menu--primary li{
    position: relative;
  }

  html body .cmc-subtoggle{
    position: absolute;
    right: 6px;
    top: 8px;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  html body .cmc-subtoggle__chev{
    width: 10px;
    height: 10px;
    border-right: 2px solid rgba(255,255,255,.92);
    border-bottom: 2px solid rgba(255,255,255,.92);
    transform: rotate(45deg);
    transition: transform .18s ease;
  }

  html body li.is-subopen > .cmc-subtoggle .cmc-subtoggle__chev{
    transform: rotate(-135deg);
  }

  /* Make room for the toggle so text doesn't overlap it */
  html body .cmc-mobile-mega .cmc-menu--primary > li > a{
    padding-right: 54px !important;
  }

  /* Drawer must display when open (belt + suspenders) */
  html body #cmc-primary-nav.cmc-nav{
    pointer-events: auto !important;
  }
}

/* =========================================================
   GLOBAL DEFAULT: Transparent header over hero (ALL pages)
   + Fix desktop dropdowns (CSS hover + focus)
   ========================================================= */

/* Always overlay header on hero */
html body .cmc-header{
  position: absolute !important;
  top: var(--cmc-header-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;

  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  z-index: 2000 !important;
}

/* Kill any JS “scrolled” styling */
html body .cmc-header.is-scrolled{
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body .cmc-header.is-scrolled::after{ content:none !important; }

/* Respect WP admin bar */
html body.admin-bar .cmc-header{ --cmc-header-top: 32px; }
@media (max-width: 782px){
  html body.admin-bar .cmc-header{ --cmc-header-top: 46px; }
}

/* Ensure hero starts from the very top under the header */
html body .l-main{ padding-top: 0 !important; margin-top: 0 !important; }

/* Push hero content down so it never collides with header */
html body .cmc-hero,
html body .cmc-topstage{
  padding-top: clamp(140px, 14vw, 190px) !important;
}

/* =========================================================
   FIX: Desktop dropdowns not showing
   (Your CSS previously disabled hover-open unless JS adds .cmc-open)
   ========================================================= */
@media (min-width: 1025px){

  /* Re-enable hover + keyboard focus dropdowns */
  html body .cmc-menu li:hover > ul,
  html body .cmc-menu li:focus-within > ul{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }

  /* Keep JS-based open working too */
  html body .cmc-menu li.cmc-open > ul{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }
}
/* =========================================================
   STRATEGIC PLAN — Premium styling for sp-* classes
   (Paste at VERY BOTTOM of style.css)
========================================================= */

/* Scope to this template/page if you can:
   If WP adds a body class like .page-template-page-strategic-plan,
   replace "body" below with that body class for safety.
*/
body .sp-wrap{
  width: 100%;
  max-width: var(--cmc-container, 1320px);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--cmc-gutter, 22px);
  padding-right: var(--cmc-gutter, 22px);
  box-sizing: border-box;
}
body .sp-wrap--flush{ max-width: 100%; padding-left: 0; padding-right: 0; }

/* HERO */
body .sp-hero{
  position: relative;
  background-image: var(--sp-hero-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  overflow: hidden;
  /* push content below your transparent header */
  padding: clamp(160px, 14vw, 220px) 0 clamp(70px, 7vw, 110px);
}
body .sp-hero__overlay{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(1200px 600px at 18% 15%, rgba(255,255,255,.10), rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.72));
  pointer-events: none;
}
body .sp-hero__panel{
  position: relative;
  z-index: 2;
}
body .sp-hero__grid{
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  gap: clamp(18px, 3vw, 44px);
  align-items: start;
}
@media (max-width: 980px){
  body .sp-hero__grid{ grid-template-columns: 1fr; }
}

/* Hero typography */
body .sp-title{
  margin: 14px 0 12px;
  font-size: clamp(2.1rem, 3.8vw, 3.2rem);
  line-height: 1.06;
  letter-spacing: -.02em;
  font-weight: 900;
  text-shadow: 0 18px 40px rgba(0,0,0,.30);
}
body .sp-subtitle{
  margin: 0 0 18px;
  max-width: 62ch;
  font-size: clamp(1.05rem, 1.35vw, 1.25rem);
  line-height: 1.6;
  color: rgba(255,255,255,.92);
}

/* Badge/meta */
body .sp-badge{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  font-weight: 850;
  letter-spacing: .02em;
}
body .sp-badge__dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
}
body .sp-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
}
body .sp-meta__muted{ color: rgba(255,255,255,.86); }

/* HERO buttons */
body .sp-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 14px;
}
body .sp-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 12px 18px;
  text-decoration: none;
  font-weight: 900;
  letter-spacing: .02em;
  transition: transform .18s ease, filter .18s ease;
}
body .sp-btn:hover{ transform: translateY(-2px); filter: brightness(1.03); }
body .sp-btn--primary{
  background: #fff;
  color: var(--cmc-denim, #1f4e79);
  box-shadow: 0 18px 40px rgba(0,0,0,.22);
}
body .sp-btn--ghost{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.24);
  color: #fff;
}

/* HERO tools row */
body .sp-tools{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
body .sp-tool{
  appearance: none;
  border: 1px solid rgba(255,255,255,.20);
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 800;
  cursor: pointer;
}

/* SECTION BASE (official rhythm) */
body .sp-section{
  padding: clamp(44px, 6vw, 74px) 0;
  background: #fff;
}
body .sp-section--alt{
  background:
    radial-gradient(1200px 520px at 50% 0%, rgba(31,78,121,.10), transparent 65%),
    linear-gradient(to bottom, rgba(11,42,111,.03), #ffffff 70%);
}
body .sp-h2{
  margin: 0 0 14px;
  font-size: clamp(1.5rem, 2vw, 2.1rem);
  font-weight: 950;
  letter-spacing: -.01em;
  color: var(--cmc-ink, #0b2a6f);
}
body .sp-lead{
  margin: 0;
  max-width: 80ch;
  line-height: 1.75;
  color: rgba(11,42,111,.82);
}

/* KPI STRIP */
body .sp-kpis{
  margin-top: -34px;
  position: relative;
  z-index: 3;
}
body .sp-kpis__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 1100px){
  body .sp-kpis__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px){
  body .sp-kpis__grid{ grid-template-columns: 1fr; }
}
body .sp-kpi{
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  padding: 16px 16px 18px;
}
body .sp-kpi__label{
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .78rem;
  color: rgba(11,42,111,.55);
}
body .sp-kpi__value{
  margin-top: 8px;
  font-weight: 950;
  font-size: 1.8rem;
  color: var(--cmc-ink, #0b2a6f);
}

/* ACCORDION (Pillars/Objectives) */
body .sp-accordion{
  border-radius: 18px;
  border: 1px solid rgba(11,42,111,.10);
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 44px rgba(0,0,0,.08);
  overflow: hidden;
}
body .sp-accordion__summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 16px;
  cursor: pointer;
  background: rgba(31,78,121,.04);
}
body .sp-accordion__title{
  margin: 0;
  font-weight: 950;
  color: var(--cmc-ink, #0b2a6f);
}
body .sp-accordion__chev{
  width: 10px;
  height: 10px;
  border-right: 3px solid rgba(11,42,111,.55);
  border-bottom: 3px solid rgba(11,42,111,.55);
  transform: rotate(45deg);
  transition: transform .18s ease;
}
body details[open] .sp-accordion__chev{
  transform: rotate(-135deg);
}
body .sp-accordion__body{
  padding: 16px 16px 18px;
  color: rgba(11,42,111,.82);
  line-height: 1.75;
}

/* TIMELINE (clean separators) */
body .sp-timeline{
  border-radius: 18px;
  border: 1px solid rgba(11,42,111,.10);
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 44px rgba(0,0,0,.08);
  padding: 18px;
}
body .sp-timeline__row{
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 16px;
  padding: 14px 0;
  border-top: 1px solid rgba(11,42,111,.08);
}
body .sp-timeline__row:first-child{ border-top: 0; }
@media (max-width: 680px){
  body .sp-timeline__row{ grid-template-columns: 1fr; }
}

/* PRINT (makes “print summary mode” actually useful) */
@media print{
  .cmc-header, .cmc-footer, .l-sabbath{ display:none !important; }
  .sp-hero{ padding: 40px 0 20px !important; color: #000 !important; }
  .sp-hero__overlay{ display:none !important; }
  .sp-btn, .sp-tool{ display:none !important; }
}

/* =========================================================
   FINAL OVERRIDES (keep at VERY bottom)
   Goal: Header ALWAYS transparent on ALL pages.
========================================================= */
html body .cmc-header{
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
html body .cmc-header::before,
html body .cmc-header::after{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  content: none !important;
}

/* Any JS-added scrolled state must NOT paint a background */
html body .cmc-header.is-scrolled{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
html body .cmc-header.is-scrolled::after{
  content: none !important;
}

/* Ensure overlay behavior everywhere (header sits on hero/background) */
html body .cmc-header{
  position: absolute !important;
  top: var(--cmc-header-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 2000 !important;
}

/* Respect WP admin bar */
html body{ --cmc-header-top: 0px; }
html body.admin-bar{ --cmc-header-top: 32px; }
@media (max-width: 782px){
  html body.admin-bar{ --cmc-header-top: 46px; }
}
/* =========================================================
   STRATEGIC PLAN HERO FIX
   - Reduce gap under transparent header
   - Align hero text to the right
========================================================= */

/* Reduce space between header and hero text */
.cmc-strategic-plan .sp-hero{
  padding-top: clamp(110px, 9vw, 140px) !important;
}

/* Make hero grid push content to the right */
.cmc-strategic-plan .sp-hero__grid{
  justify-content: end !important;
}

/* Align hero content to right */
.cmc-strategic-plan .sp-hero__panel{
  text-align: right !important;
  margin-left: auto !important;
}

/* Keep subtitle readable when right aligned */
.cmc-strategic-plan .sp-subtitle{
  margin-left: auto !important;
}

/* Align buttons to right */
.cmc-strategic-plan .sp-actions{
  justify-content: flex-end !important;
}

/* Align badge + meta to right */
.cmc-strategic-plan .sp-meta{
  justify-content: flex-end !important;
}


/* =========================================================
   GLOBAL HERO TUNING (ALL PAGES)
   - Reduce gap between transparent header and hero text
   - Align hero text/content to the right (as requested)
   Place at VERY BOTTOM so it wins over earlier conflicting rules.
========================================================= */

/* 1) Reduce hero top padding globally (header overlay) */
html body .cmc-hero{
  padding-top: clamp(96px, 8vw, 132px) !important;   /* was ~160–220px in places */
  margin-top: 0 !important;
}

/* 2) If some templates use .cmc-topstage as hero wrapper, reduce its top padding too */
html body .cmc-topstage{
  padding-top: clamp(96px, 8vw, 132px) !important;
  margin-top: 0 !important;
}

/* 3) Right-align hero text and nudge content to the right */
html body .cmc-hero__content,
html body .cmc-topstage__content{
  text-align: right !important;
  margin-left: auto !important;
}

/* 4) Keep inner paragraphs readable when right-aligned */
html body .cmc-hero__content p,
html body .cmc-hero__content .cmc-hero__subtitle,
html body .cmc-topstage__content p{
  margin-left: auto !important;
}

/* 5) If your hero has buttons/actions, align them right */
html body .cmc-hero__actions,
html body .cmc-actions,
html body .cmc-topstage .cmc-actions{
  justify-content: flex-end !important;
}

/* 6) Mobile: slightly increase top padding to avoid collision with header rows */
@media (max-width: 980px){
  html body .cmc-hero,
  html body .cmc-topstage{
    padding-top: 118px !important;
  }
}



/* =========================================================
   GLOBAL FRONT-PAGE DESIGN MODE (All Pages)
   Goal: make every page behave like the front-page:
   - transparent header over hero
   - hero background reaches top (no white strip)
   - consistent section rhythm + containers
   ========================================================= */

html body .cmc-header{
  position: absolute !important;
  top: var(--cmc-header-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;

  background: transparent !important;
  box-shadow: none !important;
  border: none !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  z-index: 2000 !important;
}

/* Respect WP admin bar everywhere */
html body{ --cmc-header-top: 0px; }
html body.admin-bar{ --cmc-header-top: 32px; }
@media (max-width: 782px){
  html body.admin-bar{ --cmc-header-top: 46px; }
}

/* Kill any JS/parent scroll styling that may add a “header background” */
html body .cmc-header.is-scrolled,
html body .cmc-header.is-scrolled::before,
html body .cmc-header.is-scrolled::after{
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  content: none !important;
}

/* Ensure main never pushes down creating a white strip */
html body .l-main{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* If the parent theme uses a header wrapper that adds background/space, neutralize */
html body .l-header,
html body .l-header__inner{
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Topstage: shared background zone (front-page feel) */
html body .cmc-topstage{
  position: relative;
  margin-top: 0 !important;
  padding-top: 0 !important;
  overflow: hidden;
}

/* Gentle hero-to-white fade for ANY page using topstage */
html body .cmc-topstage::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:140px;
  pointer-events:none;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
}

/* Hero spacing: enough room for header + comfortable title */
html body .cmc-hero{
  padding-top: clamp(140px, 10vw, 190px) !important;
}

/* Rhythm helpers (safe defaults if template uses them) */
.cmc-section{
  padding: 70px 0;
  position: relative;
}
.cmc-section--tight{ padding: 44px 0; }
.cmc-section--flush-top{ padding-top: 10px; }
.cmc-section--lined + .cmc-section--lined{
  border-top: 1px solid rgba(11,42,111,.07);
}
.cmc-section--wash{
  background: linear-gradient(to bottom, rgba(11,42,111,.02), rgba(11,42,111,.05));
}
.cmc-section--deep{
  background: var(--cmc-denim, #1f4e79);
  color: #ffffff;
}

/* Scroll reveal (CSS only; JS in templates adds .is-visible) */
@media (prefers-reduced-motion: reduce){
  .cmc-reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
}
.cmc-reveal{
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .55s ease, transform .55s ease;
  will-change: opacity, transform;
}
.cmc-reveal.is-visible{
  opacity: 1;
  transform: none;
}

/* Page fade-in (subtle, global) */
@media (prefers-reduced-motion: no-preference){
  body{
    animation: cmc-fade-in .22s ease-out both;
  }
  @keyframes cmc-fade-in{
    from{ opacity: 0; }
    to{ opacity: 1; }
  }
}

/* =========================================================
   GET INVOLVED — Premium layout (no inline styles)
   Scope: Page template markup (.cmc-page--get-involved) + WP body class (page-get-involved)
   ========================================================= */
/* Container utility (in case parent doesn't define one consistently) */
.cmc-wrap{
  width: 100%;
  max-width: var(--cmc-container, 1180px);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--cmc-gutter, 18px);
  padding-right: var(--cmc-gutter, 18px);
  box-sizing: border-box;
}

.cmc-page--get-involved{
  --cmc-gi-section: clamp(56px, 6vw, 92px);
  --cmc-gi-card: 24px;
  --cmc-gi-ink: rgba(11,42,111,.96);
  --cmc-gi-muted: rgba(11,42,111,.74);
}

/* TOPSTAGE background like Home */
.cmc-page--get-involved .cmc-gi-topstage{
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.cmc-page--get-involved .cmc-gi-topstage__bg{
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateZ(0);
  z-index: -2;
}
.cmc-page--get-involved .cmc-topstage__overlay{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(1000px 520px at 18% 12%, rgba(255,255,255,.16), rgba(255,255,255,0) 58%),
    linear-gradient(to bottom, rgba(0,0,0,.30), rgba(0,0,0,.62));
  z-index: -1;
}

/* Hero padding: breathe under overlay header */
body.page-get-involved .cmc-hero{
  padding-top: clamp(165px, 16vw, 230px) !important;
  padding-bottom: clamp(74px, 7vw, 120px) !important;
  margin-top: 0 !important;
}

/* Hero kicker + aside */
.cmc-page--get-involved .cmc-gi-kicker{
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 950;
  font-size: .84rem;
  opacity: .95;
  color: rgba(255,255,255,.92);
}
.cmc-page--get-involved .cmc-gi-hero-subline{
  margin: 14px 0 0;
  color: rgba(255,255,255,.92);
  line-height: 1.7;
  max-width: 70ch;
}
.cmc-page--get-involved .cmc-gi-aside{
  border-radius: 26px;
  background:
    radial-gradient(680px 420px at 22% 8%, rgba(255,255,255,.18), rgba(255,255,255,0) 58%),
    rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  padding: 22px;
  box-shadow: 0 28px 70px rgba(0,0,0,.18);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
@media (prefers-reduced-motion: reduce){
  .cmc-page--get-involved .cmc-gi-aside{
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
.cmc-page--get-involved .cmc-gi-aside__kicker{
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .84rem;
  opacity: .92;
}
.cmc-page--get-involved .cmc-gi-aside__title{
  margin-top: 10px;
  font-size: 1.14rem;
  font-weight: 950;
  line-height: 1.25;
}
.cmc-page--get-involved .cmc-gi-aside__actions{
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cmc-page--get-involved .cmc-gi-aside__note{
  margin-top: 12px;
  color: rgba(255,255,255,.92);
  line-height: 1.7;
}

/* Pathway cards */
.cmc-page--get-involved .cmc-gi-pathways{
  padding: 0 0 var(--cmc-gi-section);
}
.cmc-page--get-involved .cmc-gi-pathways__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 1100px){
  .cmc-page--get-involved .cmc-gi-pathways__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .cmc-page--get-involved .cmc-gi-pathways__grid{ grid-template-columns: 1fr; }
}
.cmc-page--get-involved .cmc-gi-pathway{
  display: block;
  border-radius: 22px;
  padding: 18px 18px 16px;
  text-decoration: none;
  color: #ffffff;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 16px 46px rgba(0,0,0,.14);
  transition: transform .22s ease, background .22s ease;
}
.cmc-page--get-involved .cmc-gi-pathway:hover{
  transform: translateY(-4px);
  background: rgba(255,255,255,.13);
}
.cmc-page--get-involved .cmc-gi-pathway__kicker{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--cmc-hover);
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(47,111,216,.20);
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .78rem;
  opacity: 1;
  text-shadow: none;
  -webkit-text-fill-color: #ffffff;
}
.cmc-page--get-involved .cmc-gi-pathway__title{
  margin-top: 10px;
  font-size: 1.05rem;
  font-weight: 950;
  color: #ffffff;
}
.cmc-page--get-involved .cmc-gi-pathway__text{
  margin-top: 8px;
  color: rgba(255,255,255,.96);
  line-height: 1.65;
}

/* How it works */
.cmc-page--get-involved .cmc-gi-steps{
  padding: clamp(20px, 3vw, 32px) 0 var(--cmc-gi-section);
}
.cmc-page--get-involved .cmc-gi-steps__wrap{
  border-radius: 28px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
  padding: 40px 26px 26px;
  box-shadow: 0 24px 64px rgba(0,0,0,.16);
}
.cmc-page--get-involved .cmc-gi-steps__kicker{
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 950;
  font-size: .82rem;
  opacity: .92;
}
.cmc-page--get-involved .cmc-gi-steps__title{
  margin: 10px 0 0;
  font-size: clamp(1.35rem, 2.4vw, 1.9rem);
  line-height: 1.2;
  font-weight: 950;
}
.cmc-page--get-involved .cmc-gi-steps__grid{
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 980px){
  .cmc-page--get-involved .cmc-gi-steps__grid{ grid-template-columns: 1fr; }
}
.cmc-page--get-involved .cmc-gi-step{
  border-radius: 22px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  padding: 16px;
}
.cmc-page--get-involved .cmc-gi-step__num{
  min-width: 48px;
  height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--cmc-hover);
  color: #ffffff !important;
  font-weight: 1000;
  box-shadow: 0 12px 24px rgba(47,111,216,.20);
  text-shadow: none;
  -webkit-text-fill-color: #ffffff;
}

.cmc-page--get-involved .cmc-btn--hero{
  color: #ffffff !important;
}

.cmc-page--get-involved .cmc-gi-step__num,
.cmc-page--get-involved .cmc-gi-step__num *{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.cmc-page--get-involved .cmc-gi-pathway__kicker,
.cmc-page--get-involved .cmc-gi-pathway__kicker *{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.cmc-page--get-involved .cmc-gi-step__heading{
  margin-top: 12px;
  font-weight: 950;
  font-size: 1.05rem;
}
.cmc-page--get-involved .cmc-gi-step__text{
  margin-top: 8px;
  color: rgba(255,255,255,.92);
  line-height: 1.65;
}

/* Opportunities section (white background, tight + orderly) */
.cmc-page--get-involved .cmc-gi-opps{
  background: #ffffff;
  padding: var(--cmc-gi-section) 0;
}
.cmc-page--get-involved .cmc-gi-opps__head{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.cmc-page--get-involved .cmc-gi-opps__kickerline{
  margin: 0 0 10px;
}
.cmc-page--get-involved .cmc-gi-opps__title{
  margin: 0;
  color: var(--cmc-gi-ink);
  font-size: clamp(1.4rem, 2.4vw, 2rem);
  font-weight: 950;
  letter-spacing: -.01em;
}
.cmc-page--get-involved .cmc-gi-opps__text{
  margin: 10px 0 0;
  max-width: 80ch;
  color: rgba(11,42,111,.80);
  line-height: 1.7;
}
.cmc-page--get-involved .cmc-gi-opps__grid{
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
@media (max-width: 980px){
  .cmc-page--get-involved .cmc-gi-opps__grid{ grid-template-columns: 1fr; }
}
.cmc-page--get-involved .cmc-gi-opp{
  border-radius: 22px;
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 18px 46px rgba(0,0,0,.08);
  background: #fff;
  overflow: hidden;
}
.cmc-page--get-involved .cmc-gi-opp--wide{ grid-column: 1 / -1; }
.cmc-page--get-involved .cmc-gi-opp__body{
  padding: 20px;
  display: grid;
  gap: 10px;
}
.cmc-page--get-involved .cmc-gi-opp__meta{
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .10em;
  color: rgba(11,42,111,.55);
  font-weight: 900;
}
.cmc-page--get-involved .cmc-gi-opp__title{
  margin: 0;
  font-weight: 950;
  color: rgba(11,42,111,.96);
  font-size: 1.05rem;
  line-height: 1.35;
}
.cmc-page--get-involved .cmc-gi-opp__excerpt{
  margin: 0;
  color: rgba(11,42,111,.78);
  line-height: 1.65;
}
.cmc-page--get-involved .cmc-gi-opp__cta{
  justify-self: start;
  text-decoration: none;
  font-weight: 900;
  color: rgba(11,42,111,.95);
}
.cmc-page--get-involved .cmc-gi-opp__cta:hover{ text-decoration: underline; }

/* Action cards: keep the "3 ways" band tight under opportunities */
.cmc-page--get-involved .cmc-actions3{
  margin-top: 0 !important;
  padding: var(--cmc-gi-section) 0;
  background:
    radial-gradient(1200px 520px at 18% 0%, rgba(31,78,121,.08), rgba(255,255,255,0) 55%),
    linear-gradient(to bottom, rgba(11,42,111,.02), rgba(11,42,111,.04));
}
.cmc-page--get-involved .cmc-actions3-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
@media (max-width: 980px){
  .cmc-page--get-involved .cmc-actions3-grid{ grid-template-columns: 1fr; }
}
.cmc-page--get-involved .cmc-action-card{
  position: relative;
  border-radius: 26px;
  overflow: hidden;
  min-height: 300px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 26px 70px rgba(0,0,0,.12);
  border: 1px solid rgba(11,42,111,.10);
  transform: translateZ(0);
}
.cmc-page--get-involved .cmc-action-card__media{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cmc-page--get-involved .cmc-action-card__overlay{
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.12), rgba(0,0,0,.68));
}
.cmc-page--get-involved .cmc-action-card__content{
  position: relative;
  padding: 22px;
  display: grid;
  gap: 10px;
  align-content: end;
  height: 100%;
  color: #ffffff;
}
.cmc-page--get-involved .cmc-action-card__title{
  margin: 0;
  font-weight: 950;
  font-size: 1.35rem;
}
.cmc-page--get-involved .cmc-action-card__text{
  margin: 0;
  color: rgba(255,255,255,.92);
  line-height: 1.65;
}

/* Help section + real form */
.cmc-page--get-involved .cmc-search-section{
  padding: var(--cmc-gi-section) 0;
}
.cmc-page--get-involved .cmc-gi-help__text{
  margin: 0 auto 14px;
  max-width: 70ch;
  color: rgba(255,255,255,.92);
  line-height: 1.7;
  text-align: center;
}
.cmc-page--get-involved .cmc-gi-help__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-top: 14px;
}

.cmc-page--get-involved .cmc-gi-form{
  margin-top: 16px;
  text-align: left;
}
.cmc-page--get-involved .cmc-gi-form__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
@media (max-width: 720px){
  .cmc-page--get-involved .cmc-gi-form__grid{ grid-template-columns: 1fr; }
}
.cmc-page--get-involved .cmc-gi-field--full{ grid-column: 1 / -1; }
.cmc-page--get-involved .cmc-gi-label{
  display: block;
  font-weight: 900;
  font-size: .86rem;
  letter-spacing: .02em;
  margin: 0 0 6px;
  color: rgba(255,255,255,.92);
}
.cmc-page--get-involved .cmc-gi-input{
  width: 100%;
  border-radius: 14px;
  padding: 12px 12px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.10);
  color: #fff;
  outline: none;
  box-shadow: 0 14px 36px rgba(0,0,0,.14);
  box-sizing: border-box;
}
.cmc-page--get-involved .cmc-gi-input::placeholder{ color: rgba(255,255,255,.70); }
.cmc-page--get-involved .cmc-gi-input:focus{
  border-color: rgba(255,255,255,.42);
}
.cmc-page--get-involved .cmc-gi-textarea{ resize: vertical; }
.cmc-page--get-involved .cmc-gi-form__actions{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}
.cmc-page--get-involved .cmc-gi-form__hint{
  margin: 12px 0 0;
  text-align: center;
  color: rgba(255,255,255,.86);
  line-height: 1.6;
  font-size: .92rem;
}
.cmc-page--get-involved .cmc-gi-form__notice{
  border-radius: 16px;
  padding: 12px 14px;
  margin-top: 14px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.10);
  color: rgba(255,255,255,.96);
  text-align: center;
  font-weight: 850;
}
.cmc-page--get-involved .cmc-gi-form__notice--success{
  border-color: rgba(120,190,255,.40);
}
.cmc-page--get-involved .cmc-gi-form__notice--error{
  border-color: rgba(255,120,120,.45);
}
.cmc-page--get-involved .cmc-gi-field-error{
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.5;
  color: #ffe1e1;
}
.cmc-page--get-involved .cmc-gi-input[aria-invalid="true"]{
  border-color: rgba(255,120,120,.7) !important;
  box-shadow: 0 0 0 3px rgba(255,120,120,.15);
}
.cmc-page--get-involved .cmc-acc-panel[hidden]{
  display: none !important;
}

/* Keep FAQ + More Info tidy (kills messy gaps) */
.cmc-page--get-involved .cmc-block{
  padding: var(--cmc-gi-section) 0;
}
.cmc-page--get-involved .cmc-block + .cmc-block{
  padding-top: 0;
}


/* =========================================================
   GET INVOLVED – v2 Enhancements (scoped)
   - Less cluttered hero
   - Intentional spacing between hero and action cards
   - Opportunities filter bar + chips
   - Featured stories section
   - Intake “what happens next” + trust + quick contacts
   - Accessibility: focus styles
   ========================================================= */

.cmc-page--get-involved .cmc-hero__grid{
  gap: clamp(14px, 2.8vw, 28px);
}

.cmc-page--get-involved .cmc-gi-aside__bullets{
  margin: 12px 0 0;
  padding-left: 18px;
  color: rgba(255,255,255,.82);
  line-height: 1.55;
  font-size: 14px;
}
.cmc-page--get-involved .cmc-gi-aside__bullets li{ margin: 6px 0; }

.cmc-page--get-involved .cmc-gi-actions3{
  padding-top: clamp(18px, 2.4vw, 34px);
}

/* Opportunities filter UI */
.cmc-page--get-involved .cmc-gi-opps__filters{
  margin-top: 16px;
  margin-bottom: 12px;
}
.cmc-page--get-involved .cmc-gi-filterbar{
  display: grid;
  grid-template-columns: auto 1fr auto auto auto;
  gap: 10px;
  align-items: center;
  padding: 12px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 12px 26px rgba(0,0,0,.06);
}
.cmc-page--get-involved .cmc-gi-filterbar__label{
  font-weight: 850;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(10,16,24,.72);
}
.cmc-page--get-involved .cmc-gi-filterbar__input,
.cmc-page--get-involved .cmc-gi-filterbar__select{
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,1);
  padding: 10px 12px;
  font-weight: 650;
  color: rgba(10,16,24,.92);
}
.cmc-page--get-involved .cmc-gi-filterbar__btn{
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 900;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(10,16,24,.92);
  color: rgba(255,255,255,.96);
  cursor: pointer;
}
.cmc-page--get-involved .cmc-gi-filterbar__reset{
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: rgba(10,16,24,.78);
}

@media (max-width: 900px){
  .cmc-page--get-involved .cmc-gi-filterbar{
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .cmc-page--get-involved .cmc-gi-filterbar__btn{
    justify-self: start;
  }
}

.cmc-page--get-involved .cmc-gi-chips{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.cmc-page--get-involved .cmc-gi-chip{
  appearance: none;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.86);
  color: rgba(10,16,24,.82);
  font-weight: 850;
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 999px;
  cursor: pointer;
}
.cmc-page--get-involved .cmc-gi-chip.is-active{
  background: rgba(255,210,92,.70);
  color: rgba(10,16,24,.95);
  border-color: rgba(255,210,92,.70);
}

/* Featured stories */
.cmc-page--get-involved .cmc-gi-stories{
  padding: clamp(28px, 3.6vw, 48px) 0;
}
.cmc-page--get-involved .cmc-gi-stories__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 14px;
  margin-bottom: 14px;
}
.cmc-page--get-involved .cmc-gi-stories__title{
  margin: 6px 0 6px;
  font-weight: 950;
  letter-spacing: -0.02em;
  font-size: clamp(20px, 2.2vw, 28px);
}
.cmc-page--get-involved .cmc-gi-stories__text{
  margin: 0;
  color: rgba(10,16,24,.68);
  max-width: 70ch;
}
.cmc-page--get-involved .cmc-gi-stories__grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr .8fr;
  gap: 14px;
}
@media (max-width: 980px){
  .cmc-page--get-involved .cmc-gi-stories__grid{ grid-template-columns: 1fr; }
}
.cmc-page--get-involved .cmc-gi-story{
  border-radius: 22px;
  overflow: hidden;
  background: rgba(255,255,255,1);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 14px 30px rgba(0,0,0,.07);
  display:flex;
  flex-direction:column;
  min-height: 230px;
}
.cmc-page--get-involved .cmc-gi-story__media{
  height: 170px;
  overflow: hidden;
}
.cmc-page--get-involved .cmc-gi-story__image{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cmc-page--get-involved .cmc-gi-story--featured .cmc-gi-story__media{ height: 220px; }
.cmc-page--get-involved .cmc-gi-story__body{
  padding: 14px 14px 16px;
}
.cmc-page--get-involved .cmc-gi-story__meta{
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(10,16,24,.55);
}
.cmc-page--get-involved .cmc-gi-story__title{
  margin: 8px 0 8px;
  font-weight: 950;
  letter-spacing: -0.01em;
  font-size: 16px;
  line-height: 1.22;
}
.cmc-page--get-involved .cmc-gi-story__excerpt{
  margin: 0 0 10px;
  color: rgba(10,16,24,.70);
  line-height: 1.65;
  font-size: 14px;
}
.cmc-page--get-involved .cmc-gi-story__cta{
  font-weight: 900;
  text-decoration: none;
  color: rgba(10,16,24,.92);
}
.cmc-page--get-involved .cmc-gi-story__cta:hover{ text-decoration: underline; text-underline-offset: 3px; }

/* Intake enhancements */
.cmc-page--get-involved .cmc-gi-intake .cmc-search-card{
  position: relative;
  display: grid;
  gap: 14px;
  max-width: 980px;
  padding: 44px 34px 34px !important;
  padding-top: 64px !important;
  background:
    radial-gradient(520px 220px at 12% 0%, rgba(59,130,246,.08), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.98)) !important;
  border-color: rgba(14,34,66,.10) !important;
  box-shadow: 0 24px 58px rgba(2,28,56,.12) !important;
}
.cmc-page--get-involved .cmc-gi-intake .cmc-search-card::before{
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  right: 28px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--cmc-hover), rgba(59,130,246,.18));
}
.cmc-page--get-involved .cmc-gi-intake__head{
  display: grid;
  gap: 10px;
  margin-bottom: 2px;
  text-align: center;
}
.cmc-page--get-involved .cmc-gi-intake__eyebrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--cmc-hover);
  color: #ffffff;
  font-size: .78rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
  box-shadow: 0 12px 26px rgba(47,111,216,.16);
}
.cmc-page--get-involved .cmc-gi-intake .cmc-search-title{
  margin: 0 auto !important;
  max-width: 14ch;
  color: rgba(10,16,24,.96) !important;
  font-size: clamp(2rem, 3.2vw, 2.7rem);
  line-height: 1.05;
  letter-spacing: -.02em;
}
.cmc-page--get-involved .cmc-gi-next{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0 8px;
}
.cmc-page--get-involved .cmc-gi-intake__next{
  display: grid;
  gap: 14px;
  margin-top: 4px;
  padding-top: 14px;
  border-top: 1px solid rgba(14,34,66,.08);
}
@media (max-width: 900px){
  .cmc-page--get-involved .cmc-gi-next{ grid-template-columns: 1fr; }
}
.cmc-page--get-involved .cmc-gi-next__item{
  display:flex;
  gap: 10px;
  padding: 14px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(14,34,66,.08);
  box-shadow: 0 12px 28px rgba(2,28,56,.06);
}
.cmc-page--get-involved .cmc-gi-next__num{
  width: 34px; height: 34px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  font-weight: 950;
  background: var(--cmc-hover);
  color: #ffffff;
  flex: 0 0 auto;
}
.cmc-page--get-involved .cmc-gi-next__title{
  font-weight: 950;
  margin: 0;
  color: rgba(10,16,24,.94);
}
.cmc-page--get-involved .cmc-gi-next__text{
  font-size: 13px;
  color: rgba(10,16,24,.72);
}

.cmc-page--get-involved .cmc-gi-trust{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 2px;
  justify-content: center;
}
.cmc-page--get-involved .cmc-gi-trust__item{
  font-weight: 850;
  font-size: 13px;
  color: rgba(10,16,24,.82);
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(47,111,216,.06);
  border: 1px solid rgba(47,111,216,.10);
}

.cmc-page--get-involved .cmc-gi-contactquick{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 4px;
  justify-content: center;
}
.cmc-page--get-involved .cmc-gi-contactquick__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: 900;
  text-decoration:none;
  border: 1px solid rgba(0,0,0,.10);
  background: var(--cmc-hover);
  color: rgba(255,255,255,.96);
  box-shadow: 0 12px 26px rgba(47,111,216,.16);
}
.cmc-page--get-involved .cmc-gi-contactquick__btn--ghost{
  background: rgba(255,255,255,.96);
  color: rgba(10,16,24,.92);
  border-color: rgba(14,34,66,.10);
}

/* Focus styles */
.cmc-page--get-involved a:focus-visible,
.cmc-page--get-involved button:focus-visible,
.cmc-page--get-involved input:focus-visible,
.cmc-page--get-involved select:focus-visible,
.cmc-page--get-involved summary:focus-visible{
  outline: 3px solid rgba(255,210,92,.9);
  outline-offset: 3px;
}

/* =========================================================
   GET INVOLVED – VISUAL/AESTHETICS PACK (v3)
   Appended automatically
   ========================================================= */

/* Get Involved — Visual polish pack (v3)
   - calmer hero, better rhythm
   - pathway cards as a numbered flow (01/02/03)
   - sticky opportunity filters + featured card + badges
   - clean CTA band finish
   Scope: .cmc-gi-topstage and .cmc-gi-* blocks
   ========================================================= */

.cmc-gi-topstage .cmc-hero__text{
  max-width: 62ch;
}

.cmc-gi-hero-micro{
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255,255,255,.78);
}

/* Add intentional breathing room between hero and pathways cards */
.cmc-gi-pathways{
  padding-top: 18px;
  margin-top: 14px;
}

/* Pathways: make it feel like a designed flow */
.cmc-gi-pathways__grid{
  gap: clamp(12px, 2vw, 18px);
}

.cmc-gi-pathway{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.cmc-gi-pathway:hover{
  transform: translateY(-2px);
}

.cmc-gi-pathway__kicker{
  font-weight: 950;
  letter-spacing: .08em;
  font-size: 12px;
  opacity: .9;
}

.cmc-gi-pathway__kicker::before{
  content: "STEP ";
  font-weight: 900;
  opacity: .65;
}

/* Primary pathway is slightly more prominent */
.cmc-gi-pathway--primary{
  border-color: rgba(255,210,92,.55);
  box-shadow: 0 18px 46px rgba(0,0,0,.18);
}

.cmc-gi-pathway--primary .cmc-gi-pathway__title{
  font-weight: 950;
}

/* Opportunities header meta row */
.cmc-gi-opps__metaRow{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: rgba(10,16,24,.72);
}

.cmc-gi-opps__count{
  display:flex;
  align-items:baseline;
  gap: 8px;
  font-weight: 900;
}

.cmc-gi-opps__countNum{
  font-size: 18px;
  letter-spacing: -0.02em;
}

.cmc-gi-opps__countLabel{
  font-size: 13px;
  opacity: .85;
}

.cmc-gi-opps__countNote{
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(10,16,24,.06);
  border: 1px solid rgba(0,0,0,.08);
}

.cmc-gi-opps__hint{
  font-size: 12px;
  opacity: .75;
}

/* Sticky filters: keeps the section feeling like a hub */
.cmc-gi-opps__filtersSticky{
  position: sticky;
  top: 78px; /* below header */
  z-index: 50;
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  padding: 10px;
  margin-top: 12px;
  margin-bottom: 18px;
}

/* Featured opportunity */
.cmc-gi-opp--featured{
  grid-column: 1 / -1;
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  min-height: 260px;
}

@media (max-width: 980px){
  .cmc-gi-opp--featured{ grid-template-columns: 1fr; }
}

.cmc-gi-opp__media{
  display:block;
  text-decoration:none;
  position: relative;
  min-height: 240px;
  overflow: hidden;
}

.cmc-gi-opp__img{
  position:absolute;
  inset:0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cmc-gi-opp--featured .cmc-gi-opp__media{
  border-radius: 18px;
  overflow:hidden;
}

.cmc-gi-opp--featured .cmc-gi-opp__media::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.12) 35%, rgba(0,0,0,.00) 70%);
  pointer-events:none;
}

.cmc-gi-opp__badges{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.cmc-gi-badge{
  display:inline-flex;
  align-items:center;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .02em;
  background: rgba(10,16,24,.06);
  border: 1px solid rgba(0,0,0,.08);
  color: rgba(10,16,24,.85);
}

.cmc-gi-badge--primary{
  background: rgba(255,210,92,.80);
  border-color: rgba(255,210,92,.85);
  color: rgba(10,16,24,.95);
}

.cmc-gi-badge--soft{
  background: rgba(255,255,255,.90);
}

.cmc-gi-opp__actions{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 12px;
}

.cmc-gi-opp__cta--ghost{
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(10,16,24,.04);
  text-decoration:none;
}

/* CTA band finish */
.cmc-gi-ctaBand{
  padding: clamp(44px, 6vw, 78px) 0;
  background: linear-gradient(180deg, rgba(7,25,54,1) 0%, rgba(4,15,33,1) 100%);
  color: rgba(255,255,255,.94);
}

.cmc-gi-ctaBand__inner{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 16px;
  flex-wrap:wrap;
  border-radius: 22px;
  padding: clamp(18px, 2.4vw, 26px);
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.18);
}

.cmc-gi-ctaBand__kicker{
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: 12px;
  opacity: .85;
}

.cmc-gi-ctaBand__title{
  margin: 8px 0 8px;
  font-weight: 950;
  letter-spacing: -0.02em;
  font-size: clamp(20px, 2.2vw, 28px);
}

.cmc-gi-ctaBand__text{
  margin: 0;
  max-width: 60ch;
  color: rgba(255,255,255,.78);
  line-height: 1.65;
}

.cmc-gi-ctaBand__actions{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
  align-items:center;
}

/* Better focus visibility for premium feel + accessibility */
.cmc-gi-opps :focus-visible,
.cmc-gi-pathways :focus-visible,
.cmc-gi-ctaBand :focus-visible{
  outline: 3px solid rgba(255,210,92,.85);
  outline-offset: 2px;
}
/* =========================================================
   CMC News – Premium Safe (no inline @ rules required)
   Append to your child theme style.css
   ========================================================= */

.cmc-news{
  --cn-max: 1120px;
  --cn-pad: clamp(16px, 2vw, 24px);
  --cn-r: 18px;
  --cn-r2: 26px;
  --cn-ink: rgba(12,20,30,1);
  --cn-muted: rgba(12,20,30,.70);
  --cn-line: rgba(0,0,0,.08);
  --cn-surface: #fff;
  --cn-alt: linear-gradient(180deg, rgba(250,250,252,1), rgba(245,247,252,1));
  --cn-denim: rgba(7, 25, 54, 1);
  --cn-denim2: rgba(4, 15, 33, 1);
  --cn-gold: rgba(255, 210, 92, 1);
  color: var(--cn-ink);
}

.cmc-news__wrap{ width:min(var(--cn-max), calc(100% - (var(--cn-pad)*2))); margin-inline:auto; }
.cmc-news__section{ padding: clamp(44px, 5vw, 92px) 0; }
.cmc-news__section--alt{ background: var(--cn-alt); }

.cmc-news__kicker{ font-weight:900; text-transform:uppercase; letter-spacing:.12em; font-size:12px; opacity:.9; }
.cmc-news__h1{ margin:10px 0; font-weight:950; letter-spacing:-.02em; font-size: clamp(34px, 4.2vw, 56px); line-height:1.03; }
.cmc-news__lead{ margin:0; max-width:60ch; line-height:1.65; font-size: clamp(15px, 1.7vw, 18px); color: rgba(255,255,255,.78); }
.cmc-news__h2{ margin:0; font-weight:950; letter-spacing:-.015em; font-size: clamp(22px, 2.2vw, 30px); line-height:1.2; }
.cmc-news__sub{ margin:10px 0 0; color: var(--cn-muted); line-height:1.7; font-size:15px; }

.cmc-news__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.cmc-news__head--row{ align-items:center; }

.cmc-news__btn{
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; padding:12px 16px; font-weight:900; text-decoration:none;
  border:1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.10);
  color: rgba(255,255,255,.96);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.cmc-news__btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.30); }
.cmc-news__btn--primary{ background: rgba(255,210,92,.92); border-color: rgba(255,210,92,.92); color: rgba(16,22,30,.98); }
.cmc-news__btn--primary:hover{ background: rgba(255,210,92,1); border-color: rgba(255,210,92,1); }

.cmc-news__hero{ position:relative; min-height: clamp(520px, 62vh, 720px); background-size:cover; background-position:center; overflow:hidden; z-index:3; }
.cmc-news__hero-scrim{ position:absolute; inset:0; z-index:1; background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.38) 45%, rgba(0,0,0,.72)); }
.cmc-news__hero-inner{ position:relative; z-index:2; padding: clamp(120px, 12vh, 170px) 0 clamp(82px, 10vh, 128px); }
.cmc-news__hero-grid{ display:grid; grid-template-columns: 1fr; gap: clamp(16px, 2.2vw, 26px); }
.cmc-news__hero-copy{
  color: rgba(255,255,255,.96);
  display:flex;
  flex-direction:column;
  gap:18px;
  max-width: 760px;
}
.cmc-news__hero .cmc-news__h1{
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}
.cmc-news__hero-cta{ display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.cmc-news__microtrust{ margin-top:14px; font-size:12px; color: rgba(255,255,255,.70); }
.cmc-news__hero-wave{
  display:none;
}
.cmc-news__hero-wave svg{
  display:none;
}

.cmc-news__hero + .cmc-news__section{
  position: relative;
  z-index: 1;
  margin-top:0;
  padding-top: clamp(44px, 5vw, 92px);
  background: #f7faff !important;
  background-image: none !important;
  border-top: 0 !important;
  border-top-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.cmc-news__hero + .cmc-news__section::before,
.cmc-news__hero + .cmc-news__section::after{
  content: none !important;
}

body.cmc-site .cmc-news__hero + .cmc-news__section::before,
body.cmc-site .cmc-news__hero + .cmc-news__section::after{
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

@media (max-width: 900px){
  .cmc-news__hero + .cmc-news__section{
    margin-top: 0;
    padding-top: clamp(44px, 5vw, 92px);
  }
  .cmc-news__hero-inner{ padding-bottom: clamp(68px, 9vh, 96px); }
}

.cmc-news__topics{ margin-top:22px; display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.cmc-news__topic{
  display:flex; gap:12px; align-items:center;
  border-radius: var(--cn-r);
  background: var(--cn-surface);
  border:1px solid var(--cn-line);
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
  padding: 14px 14px;
  text-decoration:none;
  color: var(--cn-ink);
  transition: transform .2s ease, box-shadow .2s ease;
}
.cmc-news__topic:hover{ transform: translateY(-2px); box-shadow: 0 18px 34px rgba(0,0,0,.10); }
.cmc-news__topic-ic{
  width:40px; height:40px; border-radius: 999px;
  background: rgba(10,16,24,.06);
  display:grid; place-items:center;
}
.cmc-news__topic-t strong{ display:block; font-weight:950; font-size:14px; }
.cmc-news__topic-t em{ display:block; font-style:normal; color: rgba(12,20,30,.60); font-size:12px; margin-top:2px; }

.cmc-news__topgrid{ margin-top:22px; display:grid; grid-template-columns: 1.2fr .8fr; gap: 16px; }
.cmc-news__feature, .cmc-news__mini, .cmc-news__card{
  border-radius: var(--cn-r2);
  background: var(--cn-surface);
  border:1px solid var(--cn-line);
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
  overflow:hidden;
}
.cmc-news__cardlink{ display:block; color: inherit; text-decoration:none; }
.cmc-news__thumb{ width:100%; aspect-ratio: 16/9; background-size:cover; background-position:center; }
.cmc-news__mini-thumb{ width:100%; aspect-ratio: 16/10; background-size:cover; background-position:center; }
.cmc-news__thumb,
.cmc-news__mini-thumb{ overflow:hidden; background: rgba(9,16,26,.08); }
.cmc-news__thumb-img,
.cmc-news__mini-thumb-img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.cmc-news__cardbody{ padding: 14px 14px 16px; }
.cmc-news__h3{ margin: 8px 0 8px; font-weight:950; font-size: 18px; letter-spacing:-.01em; line-height:1.25; }
.cmc-news__h4{ margin: 8px 0 6px; font-weight:950; font-size: 15px; letter-spacing:-.01em; line-height:1.25; }
.cmc-news__excerpt{ margin:0; color: var(--cn-muted); line-height:1.7; font-size: 14px; }
.cmc-news__meta{ margin-top: 10px; font-size:12px; color: rgba(12,20,30,.62); display:flex; gap:8px; align-items:center; flex-wrap:wrap; }

.cmc-news__side{ display:grid; gap: 12px; }
.cmc-news__mini{ display:grid; grid-template-columns: 1fr; }
.cmc-news__mini-body{ padding: 12px 12px 14px; }

.cmc-news__badges{ display:flex; gap:8px; flex-wrap:wrap; }
.cmc-news__badge{
  display:inline-flex; align-items:center; gap:8px;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 900;
  background: rgba(10,16,24,.06);
  color: rgba(10,16,24,.84);
}
.cmc-news__badge--gold{ background: rgba(255,210,92,.55); color: rgba(10,16,24,.92); }

.cmc-news__quote{
  border-radius: var(--cn-r2);
  padding: 14px 14px;
  background: linear-gradient(180deg, rgba(255,210,92,.20), rgba(255,255,255,1));
  border:1px solid var(--cn-line);
}
.cmc-news__quote p{ margin:0; font-weight:900; letter-spacing:-.01em; line-height:1.5; }
.cmc-news__quote span{ display:block; margin-top:8px; font-size:12px; color: rgba(12,20,30,.65); }

.cmc-news__grid{ margin-top:22px; display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.cmc-news__filterbar{
  margin-top: 16px;
  border-radius: var(--cn-r2);
  border: 1px solid var(--cn-line);
  background: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  padding: 14px;
  display:grid;
  grid-template-columns: minmax(240px, 1.4fr) minmax(180px, .8fr) auto;
  gap: 10px;
  align-items:end;
}
.cmc-news__filter-field{ display:flex; flex-direction:column; gap:6px; }
.cmc-news__filter-label{
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(12,20,30,.72);
}
.cmc-news__filter-input,
.cmc-news__filter-select{
  width:100%;
  min-height: 44px;
  border-radius: 12px;
  border: 1px solid var(--cn-line);
  background: #fff;
  color: var(--cn-ink);
  padding: 10px 12px;
}
.cmc-news__filter-input::placeholder{ color: rgba(12,20,30,.56); }
.cmc-news__filter-actions{ display:flex; gap:8px; align-items:stretch; }
.cmc-news__filterbar .cmc-news__btn{
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}
.cmc-news__btn--neutral{
  background: #fff;
  border-color: var(--cn-line);
  color: var(--cn-ink);
}
.cmc-news__btn--neutral:hover{
  transform: translateY(-1px);
  background: rgba(8,20,42,.04);
  border-color: rgba(8,20,42,.22);
}
.cmc-news__result{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; color: rgba(12,20,30,.70); font-size: 13px; }
.cmc-news__pill{ display:inline-flex; padding: 6px 10px; border-radius: 999px; background: rgba(10,16,24,.06); font-weight: 900; font-size: 11px; color: rgba(10,16,24,.84); }
.cmc-news__btn:focus-visible,
.cmc-news__topic:focus-visible,
.cmc-news__cardlink:focus-visible,
.cmc-news__filter-input:focus-visible,
.cmc-news__filter-select:focus-visible{
  outline: 3px solid rgba(255,210,92,.95);
  outline-offset: 3px;
}

.cmc-news__pagination{ margin-top: 22px; }
.cmc-news__pagination ul{ list-style:none; padding:0; margin:0; display:flex; gap:8px; flex-wrap:wrap; }
.cmc-news__pagination li a, .cmc-news__pagination li span{
  display:inline-flex; min-width: 38px; height: 38px; align-items:center; justify-content:center;
  border-radius: 12px; text-decoration:none;
  border:1px solid var(--cn-line);
  background: #fff;
  color: rgba(10,16,24,.88);
  font-weight: 900;
}
.cmc-news__pagination li span.current{ background: rgba(255,210,92,.55); border-color: rgba(255,210,92,.55); }

.cmc-news__empty{
  margin-top: 18px;
  border-radius: var(--cn-r2);
  padding: 16px 16px;
  border:1px dashed var(--cn-line);
  color: rgba(12,20,30,.70);
  background: rgba(255,255,255,.8);
}

.cmc-news__band{
  padding: clamp(46px, 5vw, 80px) 0;
  background: linear-gradient(180deg, var(--cn-denim), var(--cn-denim2));
  color: rgba(255,255,255,.94);
}
.cmc-news__band-inner{
  display:flex; justify-content:space-between; gap: 16px; flex-wrap:wrap; align-items:center;
  border-radius: var(--cn-r2);
  padding: 18px 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.14);
}
.cmc-news__band-title{ margin:0; font-weight:950; letter-spacing:-.015em; font-size: 22px; }
.cmc-news__band-sub{ margin:10px 0 0; color: rgba(255,255,255,.72); line-height:1.6; }
.cmc-news__band-cta{ display:flex; gap:10px; flex-wrap:wrap; }

@media (max-width: 980px){
  .cmc-news__topics{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .cmc-news__topgrid{ grid-template-columns: 1fr; }
  .cmc-news__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .cmc-news__filterbar{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .cmc-news__filter-actions{
    grid-column: 1 / -1;
    justify-content:flex-start;
  }
}
@media (max-width: 560px){
  .cmc-news__topics{ grid-template-columns: 1fr; }
  .cmc-news__grid{ grid-template-columns: 1fr; }
  .cmc-news__btn{ width: 100%; }
  .cmc-news__filterbar{ grid-template-columns: 1fr; }
  .cmc-news__filter-actions{
    grid-column: auto;
    flex-direction:column;
    align-items:stretch;
  }
}
/* =========================================================
   EVENTS PAGE — PREMIUM LAYOUT (Feb 2026)
   Scope: .cmc-page--events only
   ========================================================= */

.cmc-page--events{ background: transparent; }

/* Header overlay on Events page only (hero should be the header background) */
body.page-events .cmc-header,
body.page-template-page-events .cmc-header,
.cmc-page--events .cmc-header{
  position: absolute !important;
  top: var(--cmc-events-header-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  z-index: 2100 !important;
}

/* Respect WP admin bar */
.cmc-page--events{ --cmc-events-header-top: 0px; }
html body.admin-bar .cmc-page--events{ --cmc-events-header-top: 32px; }
@media (max-width: 782px){
  html body.admin-bar .cmc-page--events{ --cmc-events-header-top: 46px; }
}

/* Hero */
.cmc-page--events .cmc-events-hero{
  position: relative;
  padding: 240px 0 110px; /* breathing room under transparent header */
  color: #fff;
  overflow: hidden;
  isolation: isolate;
}
@media (max-width: 980px){
  .cmc-page--events .cmc-events-hero{ padding: 200px 0 96px; }
}
@media (max-width: 560px){
  .cmc-page--events .cmc-events-hero{ padding: 180px 0 86px; }
}
.cmc-page--events .cmc-events-hero__bg{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(900px 420px at 18% 12%, rgba(255,255,255,.12), rgba(255,255,255,0) 58%),
    linear-gradient(to bottom, rgba(0,0,0,.18), rgba(0,0,0,.66)),
    var(--cmc-events-hero) center/cover no-repeat;
}

/* Subtle "shelf" fade into the first white block */
.cmc-page--events .cmc-events-hero::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height: 78px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
  z-index:-1;
  pointer-events:none;
}

.cmc-page--events .cmc-events-hero__inner{
  position: relative;
  z-index: 1;
  display: grid;
  gap: 16px;
}

.cmc-page--events .cmc-events-hero__kicker{
  margin: 0;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
  font-size: .82rem;
  opacity: .92;
}

.cmc-page--events .cmc-events-hero__titleRow{
  display:flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}
.cmc-page--events .cmc-events-hero__title{
  margin: 0;
  font-weight: 1000;
  letter-spacing: -.03em;
  font-size: clamp(2.1rem, 4.3vw, 3.4rem);
  line-height: 1.05;
  text-shadow: 0 18px 44px rgba(0,0,0,.32);
}
.cmc-page--events .cmc-events-hero__lead{
  margin: 0;
  max-width: 70ch;
  color: rgba(255,255,255,.92);
  line-height: 1.75;
  font-size: clamp(1.02rem, 1.6vw, 1.14rem);
}

.cmc-page--events .cmc-events-hero__cta{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

/* Filter bar (glass) */
.cmc-page--events .cmc-events-filters{
  margin-top: 18px;
}
.cmc-page--events .cmc-events-filters__bar{
  display:grid;
  grid-template-columns: 1.2fr .75fr .75fr auto;
  gap: 10px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
}
@media (max-width: 980px){
  .cmc-page--events .cmc-events-filters__bar{
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 560px){
  .cmc-page--events .cmc-events-filters__bar{
    grid-template-columns: 1fr;
  }
}
.cmc-page--events .cmc-events-filters__input,
.cmc-page--events .cmc-events-filters__select{
  width: 100%;
  min-width: 0;
  border-radius: 14px;
  padding: 12px 12px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.12);
  color: #fff;
  outline: none;
  box-sizing: border-box;
}
.cmc-page--events .cmc-events-filters__input::placeholder{ color: rgba(255,255,255,.75); }
.cmc-page--events .cmc-events-filters__select option{ color:#0b2a6f; }
.cmc-page--events .cmc-events-filters__submit{
  border-radius: 14px;
  padding: 12px 16px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.92);
  color: rgba(11,42,111,.95);
  font-weight: 950;
  cursor: pointer;
  white-space: nowrap;
}
.cmc-page--events .cmc-events-filters__submit:hover{ filter: brightness(1.02); transform: translateY(-1px); }
.cmc-page--events .cmc-events-filters__meta{
  margin-top: 10px;
  display:flex;
  gap: 12px;
  align-items:center;
  flex-wrap: wrap;
  color: rgba(255,255,255,.88);
}
.cmc-page--events .cmc-events-filters__clear{
  color: rgba(255,255,255,.95);
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Featured card inside hero */
.cmc-page--events .cmc-events-featured{
  margin-top: 16px;
  display:grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 14px;
  text-decoration: none;
  color: #fff;
  border-radius: 26px;
  overflow: hidden;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 22px 60px rgba(0,0,0,.24);
}
@media (max-width: 980px){
  .cmc-page--events .cmc-events-featured{ grid-template-columns: 1fr; }
}
.cmc-page--events .cmc-events-featured__media{
  min-height: 180px;
  background: rgba(0,0,0,.18);
  background-size: cover;
  background-position: center;
}
.cmc-page--events .cmc-events-featured__body{
  padding: 18px 18px 20px;
  display:grid;
  gap: 10px;
}
.cmc-page--events .cmc-events-featured__meta{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  color: rgba(255,255,255,.88);
  font-weight: 850;
  letter-spacing: .02em;
}
.cmc-page--events .cmc-events-badge{
  display:inline-flex;
  align-items:center;
  border-radius: 999px;
  padding: 6px 10px;
  background: rgba(255,255,255,.92);
  color: rgba(11,42,111,.95);
  font-size: .72rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.cmc-page--events .cmc-events-dot{
  width: 5px; height: 5px;
  border-radius: 50%;
  background: rgba(255,255,255,.70);
  display:inline-block;
}
.cmc-page--events .cmc-events-featured__title{
  margin: 0;
  font-size: 1.45rem;
  font-weight: 1000;
  letter-spacing: -.02em;
}
.cmc-page--events .cmc-events-featured__text{
  margin: 0;
  color: rgba(255,255,255,.90);
  line-height: 1.7;
}
.cmc-page--events .cmc-events-featured__link{
  font-weight: 950;
  letter-spacing: .02em;
}

/* Heads */
.cmc-page--events .cmc-events-head{
  display:grid;
  gap: 8px;
  margin-bottom: 18px;
}
.cmc-page--events .cmc-events-head .cmc-section-title{
  margin: 0;
}
.cmc-page--events .cmc-events-head .cmc-section-text{
  margin: 0;
  color: rgba(11,42,111,.78);
  max-width: 75ch;
}

/* Topics row */
.cmc-page--events .cmc-events-topics{ padding-top: var(--cmc-section-y-tight); }
.cmc-page--events .cmc-events-topics__row{
  display:grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 980px){
  .cmc-page--events .cmc-events-topics__row{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .cmc-page--events .cmc-events-topics__row{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.cmc-page--events .cmc-topic{
  display:flex;
  gap: 10px;
  align-items:center;
  padding: 12px 12px;
  border-radius: 18px;
  text-decoration: none;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 16px 40px rgba(0,0,0,.08);
  color: rgba(11,42,111,.92);
  font-weight: 900;
}
.cmc-page--events .cmc-topic:hover{ transform: translateY(-1px); }
.cmc-page--events .cmc-topic__icon{
  width: 34px; height: 34px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(31,78,121,.10);
  border: 1px solid rgba(31,78,121,.12);
  color: rgba(11,42,111,.95);
  font-weight: 1000;
}

/* Upcoming grid */
.cmc-page--events .cmc-events-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
@media (max-width: 980px){
  .cmc-page--events .cmc-events-grid{ grid-template-columns: 1fr; }
}

.cmc-page--events .cmc-eventcard{
  border-radius: 26px;
  overflow: hidden;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 22px 60px rgba(0,0,0,.10);
  display:grid;
  grid-template-rows: 180px 1fr;
}
.cmc-page--events .cmc-eventcard__media{
  display:block;
  background: rgba(31,78,121,.10);
  background-size: cover;
  background-position: center;
}
.cmc-page--events .cmc-eventcard__body{
  padding: 16px 16px 18px;
  display:grid;
  gap: 10px;
}
.cmc-page--events .cmc-eventcard__meta{
  margin: 0;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  font-weight: 850;
  color: rgba(11,42,111,.70);
}
.cmc-page--events .cmc-eventcard__title{
  margin: 0;
  font-size: 1.18rem;
  font-weight: 1000;
  letter-spacing: -.02em;
}
.cmc-page--events .cmc-eventcard__title a{
  text-decoration: none;
  color: rgba(11,42,111,.96);
}
.cmc-page--events .cmc-eventcard__title a:hover{ text-decoration: underline; }
.cmc-page--events .cmc-eventcard__excerpt{
  margin: 0;
  color: rgba(11,42,111,.80);
  line-height: 1.7;
}
.cmc-page--events .cmc-eventcard__actions{ margin: 0; }
.cmc-page--events .cmc-eventcard__more{
  font-weight: 950;
  color: rgba(11,42,111,.92);
  text-decoration: none;
}
.cmc-page--events .cmc-eventcard__more:hover{ text-decoration: underline; }

/* Empty state */
.cmc-page--events .cmc-emptycard{
  border-radius: 26px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 22px 60px rgba(0,0,0,.08);
  padding: clamp(18px, 3vw, 32px);
  text-align: center;
}
.cmc-page--events .cmc-emptycard__title{ margin: 0 0 10px; font-weight: 1000; }
.cmc-page--events .cmc-emptycard__text{ margin: 0 0 16px; color: rgba(11,42,111,.78); }

/* Popular */
.cmc-page--events .cmc-events-popular__grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 980px){
  .cmc-page--events .cmc-events-popular__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .cmc-page--events .cmc-events-popular__grid{ grid-template-columns: 1fr; }
}
.cmc-page--events .cmc-popcard{
  border-radius: 24px;
  overflow:hidden;
  text-decoration:none;
  color: rgba(11,42,111,.96);
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 22px 60px rgba(0,0,0,.10);
  display:grid;
  grid-template-rows: 160px 1fr;
}
.cmc-page--events .cmc-popcard__media{
  display:block;
  background: rgba(31,78,121,.10);
  background-size: cover;
  background-position:center;
}
.cmc-page--events .cmc-popcard__body{
  padding: 14px 14px 16px;
  display:grid;
  gap: 8px;
}
.cmc-page--events .cmc-popcard__kicker{
  font-size: .72rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 950;
  color: rgba(31,78,121,.80);
}
.cmc-page--events .cmc-popcard__title{
  font-weight: 1000;
  letter-spacing: -.02em;
}
.cmc-page--events .cmc-popcard__more{
  font-weight: 950;
  color: rgba(11,42,111,.88);
}

/* Submit card + form */
.cmc-page--events .cmc-events-submit__card{
  border-radius: 28px;
  background:
    radial-gradient(900px 380px at 20% 10%, rgba(31,78,121,.08), transparent 62%),
    linear-gradient(180deg, rgba(11,42,111,.02), rgba(11,42,111,.03));
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 22px 60px rgba(0,0,0,.10);
  padding: clamp(18px, 3vw, 34px);
  display:grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 18px;
}
@media (max-width: 980px){
  .cmc-page--events .cmc-events-submit__card{ grid-template-columns: 1fr; }
}
.cmc-page--events .cmc-events-submit__list{
  margin: 12px 0 0;
  padding-left: 18px;
  color: rgba(11,42,111,.82);
  line-height: 1.7;
}

.cmc-page--events .cmc-events-form__grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 10px;
}
@media (max-width: 560px){
  .cmc-page--events .cmc-events-form__grid{ grid-template-columns: 1fr; }
}
.cmc-page--events .cmc-events-form__field--full{ grid-column: 1 / -1; }
.cmc-page--events .cmc-events-form__label{
  display:block;
  font-weight: 950;
  font-size: .84rem;
  letter-spacing: .04em;
  margin: 0 0 6px;
  color: rgba(11,42,111,.85);
  text-transform: uppercase;
}
.cmc-page--events .cmc-events-form__input{
  width:100%;
  border-radius: 14px;
  padding: 12px 12px;
  border: 1px solid rgba(11,42,111,.14);
  background: rgba(255,255,255,.96);
  color: rgba(11,42,111,.95);
  outline:none;
  box-sizing:border-box;
}
.cmc-page--events .cmc-events-form__textarea{ resize: vertical; }
.cmc-page--events .cmc-events-form__submit{
  margin-top: 12px;
}
.cmc-page--events .cmc-events-form__note{
  margin: 10px 0 0;
  color: rgba(11,42,111,.70);
  font-size: .92rem;
  line-height: 1.6;
}


/* =========================================================
   CMC EVENTS — INLINE DETAILS (2026-02-22)
   - 'View details' expands in-place (no navigation)
   - Works with <details> (no heavy JS)
========================================================= */

.cmc-page--events details.cmc-eventdetails{
  margin-top: 10px;
  border-radius: 18px;
  border: 1px solid rgba(11,42,111,10);
  background: rgba(11,42,111,02);
  overflow: hidden;
}
.cmc-page--events details.cmc-eventdetails > summary{
  list-style: none;
}
.cmc-page--events details.cmc-eventdetails > summary::-webkit-details-marker{ display:none; }

.cmc-page--events .cmc-eventdetails__summary{
  cursor: pointer;
  user-select: none;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  font-weight: 950;
  color: rgba(11,42,111,92);
  background: rgba(255,255,255,72);
}
.cmc-page--events .cmc-eventdetails__summary:hover{
  background: rgba(255,255,255,86);
}
.cmc-page--events .cmc-eventdetails__chev{
  width: 10px;
  height: 10px;
  border-right: 3px solid rgba(11,42,111,55);
  border-bottom: 3px solid rgba(11,42,111,55);
  transform: rotate(45deg);
  transition: transform .18s ease;
}
.cmc-page--events details.cmc-eventdetails[open] .cmc-eventdetails__chev{
  transform: rotate(-135deg);
}

.cmc-page--events .cmc-eventdetails__body{
  padding: 14px 14px 16px;
  color: rgba(11,42,111,84);
  line-height: 1.75;
}
.cmc-page--events .cmc-eventdetails__body p{ margin: 0 0 10px; }
.cmc-page--events .cmc-eventdetails__body p:last-child{ margin-bottom: 0; }

.cmc-page--events .cmc-eventdetails__actions{
  margin-top: 12px;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Ensure updated markup (div media + non-link next card) still looks right */
.cmc-page--events .cmc-eventcard__media{ display:block; }
.cmc-page--events .cmc-events-next{ color: inherit; text-decoration: none; }
/* =========================================================
   CMC EVENTS — VISUAL POLISH (Hero spacing + visible CTAs)
   - More breathing room below hero
   - "View details" + CTAs look like real buttons
   - Subtle premium section background (front-page-like)
========================================================= */

/* 1) Premium page background (subtle denim glow) */
.cmc-page--events{
  background:
    radial-gradient(1200px 520px at 50% 0%, rgba(31,78,121,.10), transparent 60%),
    linear-gradient(180deg, rgba(11,42,111,.04), rgba(255,255,255,0) 280px);
}

/* 2) Space between hero and first section (your request) */
.cmc-page--events .cmc-events-hero{
  margin-bottom: clamp(18px, 3.2vw, 54px);
}

/* If your first section is Topics, make it breathe more than "tight" */
.cmc-page--events .cmc-events-topics{
  padding-top: clamp(26px, 3.6vw, 64px) !important; /* overrides var(--cmc-section-y-tight) */
  position: relative;
}

/* Soft divider fade so the transition feels intentional */
.cmc-page--events .cmc-events-topics::before{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(11,42,111,.14), transparent);
  opacity: .9;
}

/* 3) Make event card action link a real button (visible) */
.cmc-page--events .cmc-eventcard__actions{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.cmc-page--events a.cmc-eventcard__more,
.cmc-page--events .cmc-eventcard__more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: var(--cmc-hover);
  color: #fff !important;
  font-weight: 950;
  text-decoration: none !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.14);
  border: 1px solid rgba(255,255,255,.22);
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.cmc-page--events a.cmc-eventcard__more:hover{
  transform: translateY(-2px);
  filter: brightness(1.03);
  box-shadow: 0 18px 34px rgba(0,0,0,.18);
}

/* 4) Make the <details> summary look like an obvious dropdown control */
.cmc-page--events details.cmc-eventdetails{
  border: 1px solid rgba(11,42,111,.14) !important;
  background: rgba(255,255,255,.75) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.08);
}

.cmc-page--events .cmc-eventdetails__summary{
  border-bottom: 1px solid rgba(11,42,111,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.72)) !important;
}

.cmc-page--events details.cmc-eventdetails[open] .cmc-eventdetails__summary{
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.78)) !important;
}

/* Make the chevron a bit more visible */
.cmc-page--events .cmc-eventdetails__chev{
  border-right-width: 3px !important;
  border-bottom-width: 3px !important;
  border-right-color: rgba(11,42,111,.62) !important;
  border-bottom-color: rgba(11,42,111,.62) !important;
}

/* 5) Focus states (accessibility + “premium” feel) */
.cmc-page--events a.cmc-eventcard__more:focus,
.cmc-page--events .cmc-eventdetails__summary:focus{
  outline: 3px solid rgba(47,111,216,.35);
  outline-offset: 3px;
  border-radius: 999px;
}

/* Optional: tighten the gap above the grid on large screens (feels less “floaty”) */
.cmc-page--events .cmc-events-head{
  margin-bottom: 14px !important;
}/* =====================================================
   EVENTS PAGE – STRONG CTA + FILTER VISIBILITY
   Matches the main CMC blue button style
===================================================== */

:root{
  --cmc-primary: #2f6fd8;
  --cmc-primary-hover:#1f5fc8;
}

/* -----------------------------------------------------
   HERO BUTTONS
----------------------------------------------------- */

.cmc-events-hero .cmc-btn,
.cmc-events-hero .cmc-btn--ghost,
.cmc-events-hero .cmc-btn--primary{
  background: var(--cmc-primary) !important;
  color:#fff !important;
  border:none !important;
  font-weight:800;
  padding:12px 18px;
  border-radius:999px;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}

.cmc-events-hero .cmc-btn:hover{
  background: var(--cmc-primary-hover) !important;
  transform:translateY(-1px);
}

/* -----------------------------------------------------
   ACTION BUTTONS INSIDE EVENTS
----------------------------------------------------- */

.cmc-eventcard__cta,
.cmc-eventcard__more,
.cmc-eventdetails__actions a,
.cmc-events-form__submit{
  background: var(--cmc-primary) !important;
  color:#fff !important;
  padding:10px 16px;
  border-radius:999px;
  font-weight:800;
  border:none;
  text-decoration:none !important;
  box-shadow:0 10px 24px rgba(0,0,0,.15);
  transition:all .2s ease;
}

.cmc-eventcard__cta:hover,
.cmc-eventcard__more:hover,
.cmc-eventdetails__actions a:hover,
.cmc-events-form__submit:hover{
  background: var(--cmc-primary-hover) !important;
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}

/* -----------------------------------------------------
   FILTER SEARCH FIELD (MORE VISIBLE)
----------------------------------------------------- */

.cmc-events-filters__input,
.cmc-events-filters__select{
  border:2px solid rgba(0,0,0,.15) !important;
  border-radius:12px;
  padding:12px 14px;
  font-size:15px;
  background:#fff;
  transition:all .18s ease;
}

/* when typing / focusing */

.cmc-events-filters__input:focus,
.cmc-events-filters__select:focus{
  border-color:var(--cmc-primary);
  box-shadow:0 0 0 3px rgba(47,111,216,.15);
  outline:none;
}

/* -----------------------------------------------------
   FILTER BUTTON
----------------------------------------------------- */

.cmc-events-filters__submit{
  background:var(--cmc-primary) !important;
  color:#fff !important;
  border:none;
  border-radius:999px;
  padding:12px 18px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}

.cmc-events-filters__submit:hover{
  background:var(--cmc-primary-hover) !important;
}

/* -----------------------------------------------------
   QUICK FILTER CHIPS (Today / Week / Month)
----------------------------------------------------- */

.cmc-chip{
  background:#fff;
  border:1px solid rgba(0,0,0,.2);
  border-radius:999px;
  padding:8px 14px;
  font-weight:700;
}

/* active chip */

.cmc-chip.is-active{
  background:var(--cmc-primary) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 8px 22px rgba(0,0,0,.16);
}

/* hover */

.cmc-chip:hover{
  background:var(--cmc-primary);
  color:#fff;
  border:none;
}

/* -----------------------------------------------------
   FORM BUTTON (SEND REQUEST)
----------------------------------------------------- */

.cmc-events-form__submit{
  margin-top:10px;
  font-size:16px;
}

/* -----------------------------------------------------
   BETTER HERO → SECTION SPACE
----------------------------------------------------- */

.cmc-events-hero{
  margin-bottom:60px;
}/* =========================================
   EVENTS FILTER — TEXT VISIBILITY FIX
   ========================================= */

/* input text color */
.cmc-events-filters__input,
.cmc-events-filters__select{
  color:#111 !important;
  background:#fff !important;
}

/* placeholder text */
.cmc-events-filters__input::placeholder{
  color:#666 !important;
  opacity:1;
}

/* select dropdown text */
.cmc-events-filters__select option{
  color:#111;
}

/* when typing / focused */
.cmc-events-filters__input:focus,
.cmc-events-filters__select:focus{
  color:#111 !important;
}

/* prevent theme from forcing white text */
.cmc-events-filters input,
.cmc-events-filters select{
  color:#111 !important;
}/* =========================================================
   SINGLE EVENT + REGISTER PAGE – PREMIUM CARDS + BACKGROUNDS
   Scoped via body/html classes added by the templates.
========================================================= */

:root{
  --cmc-primary: #2f6fd8;
  --cmc-primary-hover:#1f5fc8;
}

/* Shared */
.cmc-single-event,
.cmc-event-register{
  background:
    radial-gradient(1200px 520px at 50% 0%, rgba(31,78,121,.10), transparent 60%),
    linear-gradient(180deg, rgba(11,42,111,.04), rgba(255,255,255,0) 320px);
}

.cmc-single-event .cmc-btn--primary,
.cmc-event-register .cmc-btn--primary{
  background: var(--cmc-primary) !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px;
  font-weight:900;
  padding:12px 18px;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.cmc-single-event .cmc-btn--primary:hover,
.cmc-event-register .cmc-btn--primary:hover{
  background: var(--cmc-primary-hover) !important;
  transform: translateY(-1px);
}

/* Hero */
.cmc-event-hero,
.cmc-reg-hero{
  position: relative;
  overflow: hidden;
}
.cmc-event-hero{ --bg: var(--cmc-event-hero); }
.cmc-reg-hero{ --bg: var(--cmc-reg-hero); }

.cmc-event-hero__bg,
.cmc-reg-hero__bg{
  position:absolute; inset:0;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  transform: scale(1.03);
}
.cmc-event-hero__bg::before,
.cmc-reg-hero__bg::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(900px 420px at 18% 25%, rgba(0,0,0,.55), transparent 58%),
    radial-gradient(820px 360px at 78% 30%, rgba(0,0,0,.35), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.55));
}
.cmc-event-hero__inner,
.cmc-reg-hero__inner{
  position:relative;
  padding: clamp(84px, 9vw, 140px) 0 clamp(28px, 4vw, 56px);
  color:#fff;
}
.cmc-event-hero__kicker,
.cmc-reg-hero__kicker{
  opacity:.9;
  font-weight:700;
  letter-spacing:.2px;
}
.cmc-event-hero__titleRow{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:flex-end;
  justify-content:space-between;
}
.cmc-event-hero__title,
.cmc-reg-hero__title{
  font-size: clamp(34px, 4.6vw, 56px);
  line-height:1.04;
  margin: 10px 0 0;
}
.cmc-event-hero__cta,
.cmc-reg-hero__cta{
  display:flex; gap:10px; flex-wrap:wrap;
}
.cmc-event-hero__meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 14px;
}
.cmc-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  font-weight:800;
}
.cmc-metaitem{
  padding:6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.18);
}
.cmc-event-hero__lead{
  margin-top: 14px;
  max-width: 72ch;
  font-size: 1.05rem;
  opacity: .95;
}

/* Layout */
.cmc-event-layout{
  display:grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
@media (min-width: 980px){
  .cmc-event-layout{
    grid-template-columns: minmax(0, 1.6fr) minmax(0, .9fr);
    gap: 18px;
    align-items:start;
  }
}

.cmc-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 22px;
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  padding: 18px;
}
.cmc-h2{ margin: 0 0 10px; font-size: 1.35rem; }
.cmc-h3{ margin: 0 0 10px; font-size: 1.1rem; }
.cmc-muted{ color: rgba(0,0,0,.72); }

.cmc-prose :is(h2,h3){ margin-top: 18px; }
.cmc-divider{
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(0,0,0,.10), transparent);
  margin: 14px 0;
}
.cmc-glance{ margin:0; padding-left: 18px; }
.cmc-btn--block{ display:flex; justify-content:center; width:100%; margin-top:10px; }

/* Key/Value rows */
.cmc-kv{ display:grid; gap:10px; margin-top: 10px; }
.cmc-kv__row{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.06);
}
.cmc-kv__k{ font-weight:800; color: rgba(0,0,0,.72); }
.cmc-kv__v{ font-weight:700; }

/* Action cards */
.cmc-actionGrid{
  display:grid;
  gap: 12px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-top: 12px;
}
@media (min-width: 720px){
  .cmc-actionGrid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.cmc-actionCard{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding: 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.90));
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  text-decoration:none;
  color: inherit;
  transition: transform .18s ease, box-shadow .18s ease;
}
.cmc-actionCard:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
}
.cmc-actionCard__title{ font-weight:900; }
.cmc-actionCard__text{ color: rgba(0,0,0,.72); }
.cmc-actionCard__cta{ color: var(--cmc-primary); font-weight:900; }

/* Register page form */
.cmc-reg-layout{
  display:grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
@media (min-width: 980px){
  .cmc-reg-layout{
    grid-template-columns: minmax(0, 1.5fr) minmax(0, .9fr);
  }
}
.cmc-reg-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0 14px;
}
.cmc-field--full{ grid-column: 1 / -1; }
.cmc-label{ display:block; font-weight:800; margin-bottom: 6px; }
.cmc-input{
  width:100%;
  padding: 12px 12px;
  border-radius: 14px;
  border: 2px solid rgba(0,0,0,.12);
  background:#fff;
  color:#111;
}
.cmc-input:focus{
  outline:none;
  border-color: var(--cmc-primary);
  box-shadow: 0 0 0 3px rgba(47,111,216,.15);
}
.cmc-textarea{ min-height: 120px; }

.cmc-steps{ margin: 0; padding-left: 18px; color: rgba(0,0,0,.78); }
/* =========================================================
   SINGLE EVENT + REGISTER PAGE – PREMIUM CARDS + BACKGROUNDS
   Scoped via body/html classes added by the templates.
========================================================= */

:root{
  --cmc-primary: #2f6fd8;
  --cmc-primary-hover:#1f5fc8;
}

/* Shared */
.cmc-single-event,
.cmc-event-register{
  background:
    radial-gradient(1200px 520px at 50% 0%, rgba(31,78,121,.10), transparent 60%),
    linear-gradient(180deg, rgba(11,42,111,.04), rgba(255,255,255,0) 320px);
}

.cmc-single-event .cmc-btn--primary,
.cmc-event-register .cmc-btn--primary{
  background: var(--cmc-primary) !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px;
  font-weight:900;
  padding:12px 18px;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.cmc-single-event .cmc-btn--primary:hover,
.cmc-event-register .cmc-btn--primary:hover{
  background: var(--cmc-primary-hover) !important;
  transform: translateY(-1px);
}

/* Hero */
.cmc-event-hero,
.cmc-reg-hero{
  position: relative;
  overflow: hidden;
}
.cmc-event-hero{ --bg: var(--cmc-event-hero); }
.cmc-reg-hero{ --bg: var(--cmc-reg-hero); }

.cmc-event-hero__bg,
.cmc-reg-hero__bg{
  position:absolute; inset:0;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  transform: scale(1.03);
}
.cmc-event-hero__bg::before,
.cmc-reg-hero__bg::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(900px 420px at 18% 25%, rgba(0,0,0,.55), transparent 58%),
    radial-gradient(820px 360px at 78% 30%, rgba(0,0,0,.35), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.55));
}
.cmc-event-hero__inner,
.cmc-reg-hero__inner{
  position:relative;
  padding: clamp(84px, 9vw, 140px) 0 clamp(28px, 4vw, 56px);
  color:#fff;
}
.cmc-event-hero__kicker,
.cmc-reg-hero__kicker{
  opacity:.9;
  font-weight:700;
  letter-spacing:.2px;
}
.cmc-event-hero__titleRow{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:flex-end;
  justify-content:space-between;
}
.cmc-event-hero__title,
.cmc-reg-hero__title{
  font-size: clamp(34px, 4.6vw, 56px);
  line-height:1.04;
  margin: 10px 0 0;
}
.cmc-event-hero__cta,
.cmc-reg-hero__cta{
  display:flex; gap:10px; flex-wrap:wrap;
}
.cmc-event-hero__meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 14px;
}
.cmc-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  font-weight:800;
}
.cmc-metaitem{
  padding:6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.18);
}
.cmc-event-hero__lead{
  margin-top: 14px;
  max-width: 72ch;
  font-size: 1.05rem;
  opacity: .95;
}

/* Layout */
.cmc-event-layout{
  display:grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
@media (min-width: 980px){
  .cmc-event-layout{
    grid-template-columns: minmax(0, 1.6fr) minmax(0, .9fr);
    gap: 18px;
    align-items:start;
  }
}

.cmc-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 22px;
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  padding: 18px;
}
.cmc-h2{ margin: 0 0 10px; font-size: 1.35rem; }
.cmc-h3{ margin: 0 0 10px; font-size: 1.1rem; }
.cmc-muted{ color: rgba(0,0,0,.72); }

.cmc-prose :is(h2,h3){ margin-top: 18px; }
.cmc-divider{
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(0,0,0,.10), transparent);
  margin: 14px 0;
}
.cmc-glance{ margin:0; padding-left: 18px; }
.cmc-btn--block{ display:flex; justify-content:center; width:100%; margin-top:10px; }

/* Key/Value rows */
.cmc-kv{ display:grid; gap:10px; margin-top: 10px; }
.cmc-kv__row{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.06);
}
.cmc-kv__k{ font-weight:800; color: rgba(0,0,0,.72); }
.cmc-kv__v{ font-weight:700; }

/* Action cards */
.cmc-actionGrid{
  display:grid;
  gap: 12px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-top: 12px;
}
@media (min-width: 720px){
  .cmc-actionGrid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.cmc-actionCard{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding: 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.90));
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  text-decoration:none;
  color: inherit;
  transition: transform .18s ease, box-shadow .18s ease;
}
.cmc-actionCard:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
}
.cmc-actionCard__title{ font-weight:900; }
.cmc-actionCard__text{ color: rgba(0,0,0,.72); }
.cmc-actionCard__cta{ color: var(--cmc-primary); font-weight:900; }

/* Register page form */
.cmc-reg-layout{
  display:grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
@media (min-width: 980px){
  .cmc-reg-layout{
    grid-template-columns: minmax(0, 1.5fr) minmax(0, .9fr);
  }
}
.cmc-reg-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0 14px;
}
.cmc-field--full{ grid-column: 1 / -1; }
.cmc-label{ display:block; font-weight:800; margin-bottom: 6px; }
.cmc-input{
  width:100%;
  padding: 12px 12px;
  border-radius: 14px;
  border: 2px solid rgba(0,0,0,.12);
  background:#fff;
  color:#111;
}
.cmc-input:focus{
  outline:none;
  border-color: var(--cmc-primary);
  box-shadow: 0 0 0 3px rgba(47,111,216,.15);
}
.cmc-textarea{ min-height: 120px; }

.cmc-steps{ margin: 0; padding-left: 18px; color: rgba(0,0,0,.78); }


/* --------- At a glance (nicer build) --------- */
.cmc-single-event .cmc-glanceGrid{
  display:grid;
  gap:10px;
  margin-top: 10px;
}
.cmc-single-event .cmc-glanceItem{
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
}
.cmc-single-event .cmc-glanceItem__k{
  display:block;
  font-weight:900;
  color: rgba(0,0,0,.62);
  font-size: .88rem;
  margin-bottom: 4px;
}
.cmc-single-event .cmc-glanceItem__v{
  display:block;
  font-weight:850;
}

/* --------- Smaller aside buttons --------- */
.cmc-single-event .cmc-btn--sm{
  padding: 9px 12px !important;
  font-size: .92rem;
  box-shadow: 0 10px 22px rgba(0,0,0,.14);
}
.cmc-single-event .cmc-card--aside .cmc-btn--sm{
  width: auto !important;
  display: inline-flex !important;
  justify-content: center;
}
/* =========================================================
   SINGLE EVENT + REGISTER PAGE – PREMIUM CARDS + BACKGROUNDS
   Scoped via body/html classes added by the templates.
========================================================= */

:root{
  --cmc-primary: #2f6fd8;
  --cmc-primary-hover:#1f5fc8;
}

/* Shared */
.cmc-single-event,
.cmc-event-register{
  background:
    radial-gradient(1200px 520px at 50% 0%, rgba(31,78,121,.10), transparent 60%),
    linear-gradient(180deg, rgba(11,42,111,.04), rgba(255,255,255,0) 320px);
}

.cmc-single-event .cmc-btn--primary,
.cmc-event-register .cmc-btn--primary{
  background: var(--cmc-primary) !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px;
  font-weight:900;
  padding:12px 18px;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.cmc-single-event .cmc-btn--primary:hover,
.cmc-event-register .cmc-btn--primary:hover{
  background: var(--cmc-primary-hover) !important;
  transform: translateY(-1px);
}

/* Hero */
.cmc-event-hero,
.cmc-reg-hero{
  position: relative;
  overflow: hidden;
}
.cmc-event-hero{ --bg: var(--cmc-event-hero); }
.cmc-reg-hero{ --bg: var(--cmc-reg-hero); }

.cmc-event-hero__bg,
.cmc-reg-hero__bg{
  position:absolute; inset:0;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  transform: scale(1.03);
}
.cmc-event-hero__bg::before,
.cmc-reg-hero__bg::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(900px 420px at 18% 25%, rgba(0,0,0,.55), transparent 58%),
    radial-gradient(820px 360px at 78% 30%, rgba(0,0,0,.35), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.55));
}
.cmc-event-hero__inner,
.cmc-reg-hero__inner{
  position:relative;
  padding: clamp(84px, 9vw, 140px) 0 clamp(28px, 4vw, 56px);
  color:#fff;
}
.cmc-event-hero__kicker,
.cmc-reg-hero__kicker{
  opacity:.9;
  font-weight:700;
  letter-spacing:.2px;
}
.cmc-event-hero__titleRow{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:flex-end;
  justify-content:space-between;
}
.cmc-event-hero__title,
.cmc-reg-hero__title{
  font-size: clamp(34px, 4.6vw, 56px);
  line-height:1.04;
  margin: 10px 0 0;
}
.cmc-event-hero__cta,
.cmc-reg-hero__cta{
  display:flex; gap:10px; flex-wrap:wrap;
}
.cmc-event-hero__meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 14px;
}
.cmc-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  font-weight:800;
}
.cmc-metaitem{
  padding:6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.18);
}
.cmc-event-hero__lead{
  margin-top: 14px;
  max-width: 72ch;
  font-size: 1.05rem;
  opacity: .95;
}

/* Layout */
.cmc-event-layout{
  display:grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
@media (min-width: 980px){
  .cmc-event-layout{
    grid-template-columns: minmax(0, 1.6fr) minmax(0, .9fr);
    gap: 18px;
    align-items:start;
  }
}

.cmc-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 22px;
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  padding: 18px;
}
.cmc-h2{ margin: 0 0 10px; font-size: 1.35rem; }
.cmc-h3{ margin: 0 0 10px; font-size: 1.1rem; }
.cmc-muted{ color: rgba(0,0,0,.72); }

.cmc-prose :is(h2,h3){ margin-top: 18px; }
.cmc-divider{
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(0,0,0,.10), transparent);
  margin: 14px 0;
}
.cmc-glance{ margin:0; padding-left: 18px; }
.cmc-btn--block{ display:flex; justify-content:center; width:100%; margin-top:10px; }

/* Key/Value rows */
.cmc-kv{ display:grid; gap:10px; margin-top: 10px; }
.cmc-kv__row{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.06);
}
.cmc-kv__k{ font-weight:800; color: rgba(0,0,0,.72); }
.cmc-kv__v{ font-weight:700; }

/* Action cards */
.cmc-actionGrid{
  display:grid;
  gap: 12px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-top: 12px;
}
@media (min-width: 720px){
  .cmc-actionGrid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.cmc-actionCard{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding: 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.90));
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  text-decoration:none;
  color: inherit;
  transition: transform .18s ease, box-shadow .18s ease;
}
.cmc-actionCard:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
}
.cmc-actionCard__title{ font-weight:900; }
.cmc-actionCard__text{ color: rgba(0,0,0,.72); }
.cmc-actionCard__cta{ color: var(--cmc-primary); font-weight:900; }

/* Register page form */
.cmc-reg-layout{
  display:grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
@media (min-width: 980px){
  .cmc-reg-layout{
    grid-template-columns: minmax(0, 1.5fr) minmax(0, .9fr);
  }
}
.cmc-reg-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0 14px;
}
.cmc-field--full{ grid-column: 1 / -1; }
.cmc-label{ display:block; font-weight:800; margin-bottom: 6px; }
.cmc-input{
  width:100%;
  padding: 12px 12px;
  border-radius: 14px;
  border: 2px solid rgba(0,0,0,.12);
  background:#fff;
  color:#111;
}
.cmc-input:focus{
  outline:none;
  border-color: var(--cmc-primary);
  box-shadow: 0 0 0 3px rgba(47,111,216,.15);
}
.cmc-textarea{ min-height: 120px; }

.cmc-steps{ margin: 0; padding-left: 18px; color: rgba(0,0,0,.78); }


/* --------- At a glance (nicer build) --------- */
.cmc-single-event .cmc-glanceGrid{
  display:grid;
  gap:10px;
  margin-top: 10px;
}
.cmc-single-event .cmc-glanceItem{
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
}
.cmc-single-event .cmc-glanceItem__k{
  display:block;
  font-weight:900;
  color: rgba(0,0,0,.62);
  font-size: .88rem;
  margin-bottom: 4px;
}
.cmc-single-event .cmc-glanceItem__v{
  display:block;
  font-weight:850;
}

/* --------- Smaller aside buttons --------- */
.cmc-single-event .cmc-btn--sm{
  padding: 9px 12px !important;
  font-size: .92rem;
  box-shadow: 0 10px 22px rgba(0,0,0,.14);
}
.cmc-single-event .cmc-card--aside .cmc-btn--sm{
  width: auto !important;
  display: inline-flex !important;
  justify-content: center;
}


/* =========================================================
   SINGLE EVENT – Extras: Sticky Register, Share Card, Other Events
========================================================= */

.cmc-single-event .cmc-extrasGrid{
  display:grid;
  gap: 16px;
  grid-template-columns: minmax(0,1fr);
}
@media (min-width: 980px){
  .cmc-single-event .cmc-extrasGrid{
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    align-items: start;
  }
}

/* Sticky register mini-bar */
.cmc-single-event .cmc-stickyReg{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 14px;
  z-index: 50;
  pointer-events: none;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .18s ease, transform .18s ease;
}
.cmc-single-event .cmc-stickyReg.is-visible{
  opacity: 1;
  transform: translateY(0);
}
.cmc-single-event .cmc-stickyReg__inner{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
  pointer-events: auto;
  backdrop-filter: blur(10px);
}
.cmc-single-event .cmc-stickyReg__title{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}
.cmc-single-event .cmc-stickyReg__label{
  font-weight: 950;
  color: rgba(0,0,0,.65);
}
.cmc-single-event .cmc-stickyReg__event{
  font-weight: 950;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: min(52vw, 520px);
}
.cmc-single-event .cmc-stickyReg__actions{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  justify-content: flex-end;
}

/* Share buttons */
.cmc-single-event .cmc-shareRow{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 12px;
}
.cmc-single-event .cmc-shareBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 950;
  text-decoration:none;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.02);
  color: #111;
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.cmc-single-event .cmc-shareBtn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(0,0,0,.14);
}
.cmc-single-event .cmc-shareBtn--wa{
  background: linear-gradient(180deg, rgba(47,111,216,1), rgba(31,95,200,1));
  color: #fff;
  border: none;
}
.cmc-single-event .cmc-shareBtn--fb{
  background: linear-gradient(180deg, rgba(47,111,216,1), rgba(31,95,200,1));
  color: #fff;
  border: none;
}
.cmc-single-event .cmc-shareBtn--copy{
  background: #fff;
}

/* Share URL field */
.cmc-single-event .cmc-shareUrl{
  margin-top: 12px;
}
.cmc-single-event .cmc-shareUrl__input{
  width:100%;
  padding: 12px 12px;
  border-radius: 14px;
  border: 2px solid rgba(0,0,0,.12);
  background:#fff;
  color:#111;
}
.cmc-single-event .cmc-shareToast{
  margin-top: 10px;
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(47,111,216,.12);
  border: 1px solid rgba(47,111,216,.22);
  font-weight: 900;
}
.cmc-single-event .cmc-shareToast.is-show{
  animation: cmcToastPop .18s ease;
}
@keyframes cmcToastPop{
  from{ transform: translateY(6px); opacity: .2; }
  to{ transform: translateY(0); opacity: 1; }
}

/* Other events */
.cmc-single-event .cmc-otherEvents__head{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.cmc-single-event .cmc-link{
  color: var(--cmc-primary);
  font-weight: 950;
  text-decoration:none;
}
.cmc-single-event .cmc-link:hover{ text-decoration: underline; }

.cmc-single-event .cmc-otherGrid{
  margin-top: 12px;
  display:grid;
  gap: 12px;
}
.cmc-single-event .cmc-miniEvent{
  display:grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
  border-radius: 18px;
  text-decoration:none;
  color: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.92));
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease;
}
.cmc-single-event .cmc-miniEvent:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
}
.cmc-single-event .cmc-miniEvent__media{
  border-radius: 14px;
  background: rgba(0,0,0,.06);
  background-size: cover;
  background-position: center;
  min-height: 86px;
}
.cmc-single-event .cmc-miniEvent__meta{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: rgba(0,0,0,.72);
  font-weight: 800;
  font-size: .92rem;
}
.cmc-single-event .cmc-miniEvent__title{
  margin-top: 6px;
  font-weight: 950;
}
.cmc-single-event .cmc-miniEvent__text{
  margin-top: 6px;
  color: rgba(0,0,0,.72);
}

/* Keep sticky bar from covering content bottom */
.cmc-single-event .cmc-event-extras{
  padding-bottom: 88px;
}
@media (max-width: 520px){
  .cmc-single-event .cmc-stickyReg__inner{
    flex-direction: column;
    align-items: stretch;
  }
  .cmc-single-event .cmc-stickyReg__actions{
    justify-content: flex-start;
  }
  .cmc-single-event .cmc-stickyReg__event{
    max-width: 100%;
  }
}
/* =========================================================
   SINGLE EVENT + REGISTER PAGE – PREMIUM CARDS + BACKGROUNDS
   Scoped via body/html classes added by the templates.
========================================================= */

:root{
  --cmc-primary: #2f6fd8;
  --cmc-primary-hover:#1f5fc8;
}

/* Shared */
.cmc-single-event,
.cmc-event-register{
  background:
    radial-gradient(1200px 520px at 50% 0%, rgba(31,78,121,.10), transparent 60%),
    linear-gradient(180deg, rgba(11,42,111,.04), rgba(255,255,255,0) 320px);
}

.cmc-single-event .cmc-btn--primary,
.cmc-event-register .cmc-btn--primary{
  background: var(--cmc-primary) !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px;
  font-weight:900;
  padding:12px 18px;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.cmc-single-event .cmc-btn--primary:hover,
.cmc-event-register .cmc-btn--primary:hover{
  background: var(--cmc-primary-hover) !important;
  transform: translateY(-1px);
}

/* Hero */
.cmc-event-hero,
.cmc-reg-hero{
  position: relative;
  overflow: hidden;
}
.cmc-event-hero{ --bg: var(--cmc-event-hero); }
.cmc-reg-hero{ --bg: var(--cmc-reg-hero); }

.cmc-event-hero__bg,
.cmc-reg-hero__bg{
  position:absolute; inset:0;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  transform: scale(1.03);
}
.cmc-event-hero__bg::before,
.cmc-reg-hero__bg::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(900px 420px at 18% 25%, rgba(0,0,0,.55), transparent 58%),
    radial-gradient(820px 360px at 78% 30%, rgba(0,0,0,.35), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.55));
}
.cmc-event-hero__inner,
.cmc-reg-hero__inner{
  position:relative;
  padding: clamp(84px, 9vw, 140px) 0 clamp(28px, 4vw, 56px);
  color:#fff;
}
.cmc-event-hero__kicker,
.cmc-reg-hero__kicker{
  opacity:.9;
  font-weight:700;
  letter-spacing:.2px;
}
.cmc-event-hero__titleRow{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:flex-end;
  justify-content:space-between;
}
.cmc-event-hero__title,
.cmc-reg-hero__title{
  font-size: clamp(34px, 4.6vw, 56px);
  line-height:1.04;
  margin: 10px 0 0;
}
.cmc-event-hero__cta,
.cmc-reg-hero__cta{
  display:flex; gap:10px; flex-wrap:wrap;
}
.cmc-event-hero__meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 14px;
}
.cmc-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  font-weight:800;
}
.cmc-metaitem{
  padding:6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.18);
}
.cmc-event-hero__lead{
  margin-top: 14px;
  max-width: 72ch;
  font-size: 1.05rem;
  opacity: .95;
}

/* Layout */
.cmc-event-layout{
  display:grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
@media (min-width: 980px){
  .cmc-event-layout{
    grid-template-columns: minmax(0, 1.6fr) minmax(0, .9fr);
    gap: 18px;
    align-items:start;
  }
}

.cmc-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 22px;
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  padding: 18px;
}
.cmc-h2{ margin: 0 0 10px; font-size: 1.35rem; }
.cmc-h3{ margin: 0 0 10px; font-size: 1.1rem; }
.cmc-muted{ color: rgba(0,0,0,.72); }

.cmc-prose :is(h2,h3){ margin-top: 18px; }
.cmc-divider{
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(0,0,0,.10), transparent);
  margin: 14px 0;
}
.cmc-glance{ margin:0; padding-left: 18px; }
.cmc-btn--block{ display:flex; justify-content:center; width:100%; margin-top:10px; }

/* Key/Value rows */
.cmc-kv{ display:grid; gap:10px; margin-top: 10px; }
.cmc-kv__row{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.06);
}
.cmc-kv__k{ font-weight:800; color: rgba(0,0,0,.72); }
.cmc-kv__v{ font-weight:700; }

/* Action cards */
.cmc-actionGrid{
  display:grid;
  gap: 12px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-top: 12px;
}
@media (min-width: 720px){
  .cmc-actionGrid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.cmc-actionCard{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding: 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.90));
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  text-decoration:none;
  color: inherit;
  transition: transform .18s ease, box-shadow .18s ease;
}
.cmc-actionCard:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
}
.cmc-actionCard__title{ font-weight:900; }
.cmc-actionCard__text{ color: rgba(0,0,0,.72); }
.cmc-actionCard__cta{ color: var(--cmc-primary); font-weight:900; }

/* Register page form */
.cmc-reg-layout{
  display:grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
@media (min-width: 980px){
  .cmc-reg-layout{
    grid-template-columns: minmax(0, 1.5fr) minmax(0, .9fr);
  }
}
.cmc-reg-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0 14px;
}
.cmc-field--full{ grid-column: 1 / -1; }
.cmc-label{ display:block; font-weight:800; margin-bottom: 6px; }
.cmc-input{
  width:100%;
  padding: 12px 12px;
  border-radius: 14px;
  border: 2px solid rgba(0,0,0,.12);
  background:#fff;
  color:#111;
}
.cmc-input:focus{
  outline:none;
  border-color: var(--cmc-primary);
  box-shadow: 0 0 0 3px rgba(47,111,216,.15);
}
.cmc-textarea{ min-height: 120px; }

.cmc-steps{ margin: 0; padding-left: 18px; color: rgba(0,0,0,.78); }


/* --------- At a glance (nicer build) --------- */
.cmc-single-event .cmc-glanceGrid{
  display:grid;
  gap:10px;
  margin-top: 10px;
}
.cmc-single-event .cmc-glanceItem{
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
}
.cmc-single-event .cmc-glanceItem__k{
  display:block;
  font-weight:900;
  color: rgba(0,0,0,.62);
  font-size: .88rem;
  margin-bottom: 4px;
}
.cmc-single-event .cmc-glanceItem__v{
  display:block;
  font-weight:850;
}

/* --------- Smaller aside buttons --------- */
.cmc-single-event .cmc-btn--sm{
  padding: 9px 12px !important;
  font-size: .92rem;
  box-shadow: 0 10px 22px rgba(0,0,0,.14);
}
.cmc-single-event .cmc-card--aside .cmc-btn--sm{
  width: auto !important;
  display: inline-flex !important;
  justify-content: center;
}


/* =========================================================
   SINGLE EVENT – Extras: Sticky Register, Share Card, Other Events
========================================================= */

.cmc-single-event .cmc-extrasGrid{
  display:grid;
  gap: 16px;
  grid-template-columns: minmax(0,1fr);
}
@media (min-width: 980px){
  .cmc-single-event .cmc-extrasGrid{
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    align-items: start;
  }
}

/* Share buttons */
.cmc-single-event .cmc-shareRow{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 12px;
}
.cmc-single-event .cmc-shareBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 950;
  text-decoration:none;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.02);
  color: #111;
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.cmc-single-event .cmc-shareBtn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(0,0,0,.14);
}
.cmc-single-event .cmc-shareBtn--wa{
  background: linear-gradient(180deg, rgba(47,111,216,1), rgba(31,95,200,1));
  color: #fff;
  border: none;
}
.cmc-single-event .cmc-shareBtn--fb{
  background: linear-gradient(180deg, rgba(47,111,216,1), rgba(31,95,200,1));
  color: #fff;
  border: none;
}
.cmc-single-event .cmc-shareBtn--copy{
  background: #fff;
}

/* Share URL field */
.cmc-single-event .cmc-shareUrl{
  margin-top: 12px;
}
.cmc-single-event .cmc-shareUrl__input{
  width:100%;
  padding: 12px 12px;
  border-radius: 14px;
  border: 2px solid rgba(0,0,0,.12);
  background:#fff;
  color:#111;
}
.cmc-single-event .cmc-shareToast{
  margin-top: 10px;
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(47,111,216,.12);
  border: 1px solid rgba(47,111,216,.22);
  font-weight: 900;
}
.cmc-single-event .cmc-shareToast.is-show{
  animation: cmcToastPop .18s ease;
}
@keyframes cmcToastPop{
  from{ transform: translateY(6px); opacity: .2; }
  to{ transform: translateY(0); opacity: 1; }
}

/* Other events */
.cmc-single-event .cmc-otherEvents__head{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.cmc-single-event .cmc-link{
  color: var(--cmc-primary);
  font-weight: 950;
  text-decoration:none;
}
.cmc-single-event .cmc-link:hover{ text-decoration: underline; }

.cmc-single-event .cmc-otherGrid{
  margin-top: 12px;
  display:grid;
  gap: 12px;
}
.cmc-single-event .cmc-miniEvent{
  display:grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
  border-radius: 18px;
  text-decoration:none;
  color: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.92));
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease;
}
.cmc-single-event .cmc-miniEvent:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
}
.cmc-single-event .cmc-miniEvent__media{
  border-radius: 14px;
  background: rgba(0,0,0,.06);
  background-size: cover;
  background-position: center;
  min-height: 86px;
}
.cmc-single-event .cmc-miniEvent__meta{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: rgba(0,0,0,.72);
  font-weight: 800;
  font-size: .92rem;
}
.cmc-single-event .cmc-miniEvent__title{
  margin-top: 6px;
  font-weight: 950;
}
.cmc-single-event .cmc-miniEvent__text{
  margin-top: 6px;
  color: rgba(0,0,0,.72);
}



/* =========================================================
   SINGLE EVENT – Requested spacing + aside buttons + share beauty
========================================================= */

/* Space between headings and the content below */
.cmc-single-event .cmc-cardNote{
  margin: 6px 0 14px;
}
.cmc-single-event .cmc-card--agenda .cmc-kv{
  margin-top: 12px;
}
.cmc-single-event .cmc-card--register .cmc-actionGrid{
  margin-top: 14px;
}

/* At a glance buttons: small + tight together */
.cmc-single-event .cmc-asideActions{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  align-items:center;
}
.cmc-single-event .cmc-asideActions .cmc-btn--sm{
  margin: 0 !important;
}
.cmc-single-event .cmc-card--aside .cmc-btn--sm{
  width: auto !important;
}

/* Share card: more premium + clearer hierarchy */
.cmc-single-event .cmc-shareCard{
  position: relative;
  overflow:hidden;
  background:
    radial-gradient(820px 280px at 12% 18%, rgba(47,111,216,.16), transparent 60%),
    radial-gradient(760px 260px at 85% 28%, rgba(47,111,216,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.90));
}
.cmc-single-event .cmc-shareCard::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, transparent, rgba(0,0,0,.04), transparent);
  opacity:.65;
  pointer-events:none;
}
.cmc-single-event .cmc-shareHead{
  position: relative;
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}
.cmc-single-event .cmc-shareLead{
  position: relative;
  margin: 0 0 12px;
  color: rgba(0,0,0,.74);
  font-weight: 750;
}
.cmc-single-event .cmc-pill--soft{
  background: rgba(47,111,216,.12);
  border: 1px solid rgba(47,111,216,.20);
  color: rgba(0,0,0,.78);
}

/* Share URL field block */
.cmc-single-event .cmc-shareUrl{
  position: relative;
  margin-top: 12px;
  padding: 10px;
  border-radius: 16px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 14px 34px rgba(0,0,0,.10);
}
.cmc-single-event .cmc-shareUrl__input{
  border-radius: 12px;
}
/* =========================================================
   SINGLE EVENT + REGISTER PAGE – PREMIUM CARDS + BACKGROUNDS
   Scoped via body/html classes added by the templates.
========================================================= */

:root{
  --cmc-primary: #2f6fd8;
  --cmc-primary-hover:#1f5fc8;
}

/* Shared */
.cmc-single-event,
.cmc-event-register{
  background:
    radial-gradient(1200px 520px at 50% 0%, rgba(31,78,121,.10), transparent 60%),
    linear-gradient(180deg, rgba(11,42,111,.04), rgba(255,255,255,0) 320px);
}

.cmc-single-event .cmc-btn--primary,
.cmc-event-register .cmc-btn--primary{
  background: var(--cmc-primary) !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px;
  font-weight:900;
  padding:12px 18px;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.cmc-single-event .cmc-btn--primary:hover,
.cmc-event-register .cmc-btn--primary:hover{
  background: var(--cmc-primary-hover) !important;
  transform: translateY(-1px);
}

/* Hero */
.cmc-event-hero,
.cmc-reg-hero{
  position: relative;
  overflow: hidden;
}
.cmc-event-hero{ --bg: var(--cmc-event-hero); }
.cmc-reg-hero{ --bg: var(--cmc-reg-hero); }

.cmc-event-hero__bg,
.cmc-reg-hero__bg{
  position:absolute; inset:0;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  transform: scale(1.03);
}
.cmc-event-hero__bg::before,
.cmc-reg-hero__bg::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(900px 420px at 18% 25%, rgba(0,0,0,.55), transparent 58%),
    radial-gradient(820px 360px at 78% 30%, rgba(0,0,0,.35), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.55));
}
.cmc-event-hero__inner,
.cmc-reg-hero__inner{
  position:relative;
  padding: clamp(84px, 9vw, 140px) 0 clamp(28px, 4vw, 56px);
  color:#fff;
}
.cmc-event-hero__kicker,
.cmc-reg-hero__kicker{
  opacity:.9;
  font-weight:700;
  letter-spacing:.2px;
}
.cmc-event-hero__titleRow{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:flex-end;
  justify-content:space-between;
}
.cmc-event-hero__title,
.cmc-reg-hero__title{
  font-size: clamp(34px, 4.6vw, 56px);
  line-height:1.04;
  margin: 10px 0 0;
}
.cmc-event-hero__cta,
.cmc-reg-hero__cta{
  display:flex; gap:10px; flex-wrap:wrap;
}
.cmc-event-hero__meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 14px;
}
.cmc-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  font-weight:800;
}
.cmc-metaitem{
  padding:6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.18);
}
.cmc-event-hero__lead{
  margin-top: 14px;
  max-width: 72ch;
  font-size: 1.05rem;
  opacity: .95;
}

/* Layout */
.cmc-event-layout{
  display:grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
@media (min-width: 980px){
  .cmc-event-layout{
    grid-template-columns: minmax(0, 1.6fr) minmax(0, .9fr);
    gap: 18px;
    align-items:start;
  }
}

.cmc-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 22px;
  box-shadow: 0 18px 46px rgba(0,0,0,.10);
  padding: 18px;
}
.cmc-h2{ margin: 0 0 10px; font-size: 1.35rem; }
.cmc-h3{ margin: 0 0 10px; font-size: 1.1rem; }
.cmc-muted{ color: rgba(0,0,0,.72); }

.cmc-prose :is(h2,h3){ margin-top: 18px; }
.cmc-divider{
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(0,0,0,.10), transparent);
  margin: 14px 0;
}
.cmc-glance{ margin:0; padding-left: 18px; }
.cmc-btn--block{ display:flex; justify-content:center; width:100%; margin-top:10px; }

/* Key/Value rows */
.cmc-kv{ display:grid; gap:10px; margin-top: 10px; }
.cmc-kv__row{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.06);
}
.cmc-kv__k{ font-weight:800; color: rgba(0,0,0,.72); }
.cmc-kv__v{ font-weight:700; }

/* Action cards */
.cmc-actionGrid{
  display:grid;
  gap: 12px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  margin-top: 12px;
}
@media (min-width: 720px){
  .cmc-actionGrid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.cmc-actionCard{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding: 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.90));
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  text-decoration:none;
  color: inherit;
  transition: transform .18s ease, box-shadow .18s ease;
}
.cmc-actionCard:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
}
.cmc-actionCard__title{ font-weight:900; }
.cmc-actionCard__text{ color: rgba(0,0,0,.72); }
.cmc-actionCard__cta{ color: var(--cmc-primary); font-weight:900; }

/* Register page form */
.cmc-reg-layout{
  display:grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
@media (min-width: 980px){
  .cmc-reg-layout{
    grid-template-columns: minmax(0, 1.5fr) minmax(0, .9fr);
  }
}
.cmc-reg-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0 14px;
}
.cmc-field--full{ grid-column: 1 / -1; }
.cmc-label{ display:block; font-weight:800; margin-bottom: 6px; }
.cmc-input{
  width:100%;
  padding: 12px 12px;
  border-radius: 14px;
  border: 2px solid rgba(0,0,0,.12);
  background:#fff;
  color:#111;
}
.cmc-input:focus{
  outline:none;
  border-color: var(--cmc-primary);
  box-shadow: 0 0 0 3px rgba(47,111,216,.15);
}
.cmc-textarea{ min-height: 120px; }

.cmc-steps{ margin: 0; padding-left: 18px; color: rgba(0,0,0,.78); }


/* --------- At a glance (nicer build) --------- */
.cmc-single-event .cmc-glanceGrid{
  display:grid;
  gap:10px;
  margin-top: 10px;
}
.cmc-single-event .cmc-glanceItem{
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
}
.cmc-single-event .cmc-glanceItem__k{
  display:block;
  font-weight:900;
  color: rgba(0,0,0,.62);
  font-size: .88rem;
  margin-bottom: 4px;
}
.cmc-single-event .cmc-glanceItem__v{
  display:block;
  font-weight:850;
}

/* --------- Smaller aside buttons --------- */
.cmc-single-event .cmc-btn--sm{
  padding: 9px 12px !important;
  font-size: .92rem;
  box-shadow: 0 10px 22px rgba(0,0,0,.14);
}
.cmc-single-event .cmc-card--aside .cmc-btn--sm{
  width: auto !important;
  display: inline-flex !important;
  justify-content: center;
}


/* =========================================================
   SINGLE EVENT – Extras: Sticky Register, Share Card, Other Events
========================================================= */

.cmc-single-event .cmc-extrasGrid{
  display:grid;
  gap: 16px;
  grid-template-columns: minmax(0,1fr);
}
@media (min-width: 980px){
  .cmc-single-event .cmc-extrasGrid{
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    align-items: start;
  }
}

/* Share buttons */
.cmc-single-event .cmc-shareRow{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 12px;
}
.cmc-single-event .cmc-shareBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 950;
  text-decoration:none;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.02);
  color: #111;
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.cmc-single-event .cmc-shareBtn:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(0,0,0,.14);
}
.cmc-single-event .cmc-shareBtn--wa{
  background: linear-gradient(180deg, rgba(47,111,216,1), rgba(31,95,200,1));
  color: #fff;
  border: none;
}
.cmc-single-event .cmc-shareBtn--fb{
  background: linear-gradient(180deg, rgba(47,111,216,1), rgba(31,95,200,1));
  color: #fff;
  border: none;
}
.cmc-single-event .cmc-shareBtn--copy{
  background: #fff;
}

/* Share URL field */
.cmc-single-event .cmc-shareUrl{
  margin-top: 12px;
}
.cmc-single-event .cmc-shareUrl__input{
  width:100%;
  padding: 12px 12px;
  border-radius: 14px;
  border: 2px solid rgba(0,0,0,.12);
  background:#fff;
  color:#111;
}
.cmc-single-event .cmc-shareToast{
  margin-top: 10px;
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(47,111,216,.12);
  border: 1px solid rgba(47,111,216,.22);
  font-weight: 900;
}
.cmc-single-event .cmc-shareToast.is-show{
  animation: cmcToastPop .18s ease;
}
@keyframes cmcToastPop{
  from{ transform: translateY(6px); opacity: .2; }
  to{ transform: translateY(0); opacity: 1; }
}

/* Other events */
.cmc-single-event .cmc-otherEvents__head{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.cmc-single-event .cmc-link{
  color: var(--cmc-primary);
  font-weight: 950;
  text-decoration:none;
}
.cmc-single-event .cmc-link:hover{ text-decoration: underline; }

.cmc-single-event .cmc-otherGrid{
  margin-top: 12px;
  display:grid;
  gap: 12px;
}
.cmc-single-event .cmc-miniEvent{
  display:grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
  border-radius: 18px;
  text-decoration:none;
  color: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.92));
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease;
}
.cmc-single-event .cmc-miniEvent:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(0,0,0,.12);
}
.cmc-single-event .cmc-miniEvent__media{
  border-radius: 14px;
  background: rgba(0,0,0,.06);
  background-size: cover;
  background-position: center;
  min-height: 86px;
}
.cmc-single-event .cmc-miniEvent__meta{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: rgba(0,0,0,.72);
  font-weight: 800;
  font-size: .92rem;
}
.cmc-single-event .cmc-miniEvent__title{
  margin-top: 6px;
  font-weight: 950;
}
.cmc-single-event .cmc-miniEvent__text{
  margin-top: 6px;
  color: rgba(0,0,0,.72);
}



/* =========================================================
   SINGLE EVENT – Requested spacing + aside buttons + share beauty
========================================================= */

/* Space between headings and the content below */
.cmc-single-event .cmc-cardNote{
  margin: 6px 0 14px;
}
.cmc-single-event .cmc-card--agenda .cmc-kv{
  margin-top: 12px;
}
.cmc-single-event .cmc-card--register .cmc-actionGrid{
  margin-top: 14px;
}

/* At a glance buttons: small + tight together */
.cmc-single-event .cmc-asideActions{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  align-items:center;
}
.cmc-single-event .cmc-asideActions .cmc-btn--sm{
  margin: 0 !important;
}
.cmc-single-event .cmc-card--aside .cmc-btn--sm{
  width: auto !important;
}

/* Share card: more premium + clearer hierarchy */
.cmc-single-event .cmc-shareCard{
  position: relative;
  overflow:hidden;
  background:
    radial-gradient(820px 280px at 12% 18%, rgba(47,111,216,.16), transparent 60%),
    radial-gradient(760px 260px at 85% 28%, rgba(47,111,216,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.90));
}
.cmc-single-event .cmc-shareCard::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, transparent, rgba(0,0,0,.04), transparent);
  opacity:.65;
  pointer-events:none;
}
.cmc-single-event .cmc-shareHead{
  position: relative;
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}
.cmc-single-event .cmc-shareLead{
  position: relative;
  margin: 0 0 12px;
  color: rgba(0,0,0,.74);
  font-weight: 750;
}
.cmc-single-event .cmc-pill--soft{
  background: rgba(47,111,216,.12);
  border: 1px solid rgba(47,111,216,.20);
  color: rgba(0,0,0,.78);
}

/* Share URL field block */
.cmc-single-event .cmc-shareUrl{
  position: relative;
  margin-top: 12px;
  padding: 10px;
  border-radius: 16px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 14px 34px rgba(0,0,0,.10);
}
.cmc-single-event .cmc-shareUrl__input{
  border-radius: 12px;
}


/* =========================================================
   SINGLE EVENT – 3-column Other Upcoming + Grey viewport background
   + Action cards background images
========================================================= */

/* Greyish viewport background */
.cmc-single-event{
  background:
    linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.03) 320px, rgba(0,0,0,.02)) !important;
}

/* Other upcoming events: 3 columns on desktop */
@media (min-width: 980px){
  .cmc-single-event .cmc-otherGrid{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }
  .cmc-single-event .cmc-miniEvent{
    grid-template-columns: 1fr;
    align-content: start;
  }
  .cmc-single-event .cmc-miniEvent__media{
    min-height: 130px;
  }
}

/* Action cards: add background images (subtle, themed) */
.cmc-single-event .cmc-actionCard{
  position: relative;
  overflow: hidden;
}
.cmc-single-event .cmc-actionCard::before{
  content:"";
  position:absolute;
  inset:0;
  background-position: center;
  background-size: cover;
  opacity: .16;
  filter: saturate(1.05) contrast(1.05);
  transform: scale(1.03);
  pointer-events:none;
}
.cmc-single-event .cmc-actionCard::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.92));
  pointer-events:none;
}
.cmc-single-event .cmc-actionCard > *{
  position: relative;
}

/* Pick images per card */
.cmc-single-event .cmc-actionCard--online::before{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/02/Register-Online-scaled.jpg');
}
.cmc-single-event .cmc-actionCard--form::before{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/02/Register-Form-scaled.jpg');
}
.cmc-single-event .cmc-actionCard--calendar::before{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/02/Add-to-Calendar-scaled.jpg');
}

/* =========================================================
   RESOURCES PAGE — POLISH PASS (v2)
   - Hero top blur so header + title are readable
   - “Resources Library” hero content in a premium glass card
   - Search card + inputs refined
   - “At a Glance” strip upgraded
   - Soft background textures
   Scope: body.page-resources
========================================================= */

body.page-resources{
  background:
    radial-gradient(1200px 520px at 18% 0%, rgba(31,78,121,.10), transparent 62%),
    radial-gradient(900px 480px at 92% 18%, rgba(212,175,55,.10), transparent 60%),
    linear-gradient(180deg, rgba(245,247,252,1), rgba(245,247,252,1));
}

/* Ensure header overlays hero cleanly */
body.page-resources .l-main{ padding-top: 0 !important; }

/* HERO */
body.page-resources .cmc-res-hero{
  position: relative;
  overflow: hidden;
  color: #fff;
  isolation: isolate;
}
body.page-resources .cmc-res-hero__bg{
  position: absolute;
  inset: 0;
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/02/resources_-scaled.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: scale(1.04);
  z-index: 0;
  will-change: transform;
}
/* Base dark overlay for contrast */
body.page-resources .cmc-res-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(1100px 560px at 18% 14%, rgba(255,255,255,.10), rgba(255,255,255,0) 56%),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.52));
}
/* Top “frost” (blur + dark tint) so header + title are always readable */
body.page-resources .cmc-res-hero__topBlur{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height: clamp(140px, 18vh, 220px);
  z-index: 2;
  background: linear-gradient(180deg, rgba(0,0,0,.38), rgba(0,0,0,0));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  pointer-events:none;
}
/* Inner spacing — respects admin bar and header overlay */
body.page-resources{
  --cmc-adminbar: 0px;
}
body.admin-bar.page-resources{ --cmc-adminbar: 32px; }
@media (max-width: 782px){
  body.admin-bar.page-resources{ --cmc-adminbar: 46px; }
}
body.page-resources .cmc-res-hero__inner{
  position: relative;
  z-index: 3;
  padding-top: calc(clamp(132px, 13vh, 186px) + var(--cmc-adminbar));
  padding-bottom: 80px;
  text-align: center;
}

/* Hero card */
body.page-resources .cmc-res-heroCard{
  max-width: 980px;
  margin: 0 auto;
  padding: clamp(18px, 2.4vw, 26px);
  border-radius: 28px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 26px 70px rgba(0,0,0,.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
body.page-resources .cmc-kicker-line{
  margin: 0 auto 14px;
  max-width: 190px;
  height: 3px;
  border-radius: 999px;
  background: rgba(255,255,255,.62);
}
body.page-resources .cmc-res-hero__title{
  margin: 0;
  font-size: clamp(2rem, 3vw, 3.1rem);
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}
body.page-resources .cmc-res-hero__text{
  margin: 14px auto 0;
  max-width: 78ch;
  color: rgba(255,255,255,.92);
  font-size: 1.06rem;
  line-height: 1.65;
}

/* Hero stats */
body.page-resources .cmc-res-hero__stats{
  margin: 22px auto 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
body.page-resources .cmc-res-stat{
  padding: 14px 14px 12px;
  border-radius: 18px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 18px 44px rgba(0,0,0,.18);
  text-align: left;
}
body.page-resources .cmc-res-stat__num{
  font-weight: 950;
  font-size: 1.12rem;
  letter-spacing: .02em;
}
body.page-resources .cmc-res-stat__label{
  margin-top: 6px;
  font-size: .82rem;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,.82);
}
@media (max-width: 980px){
  body.page-resources .cmc-res-hero__inner{ padding-bottom: 66px; }
  body.page-resources .cmc-res-hero__stats{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.page-resources .cmc-res-stat--wide{ grid-column: span 2; }
}

/* SEARCH CARD (decorated) */
body.page-resources .cmc-res-search{ margin-top: -46px; position: relative; z-index: 5; }
body.page-resources .cmc-res-sticky{ position: sticky; top: 14px; z-index: 20; }
body.page-resources .cmc-res-sticky.is-stuck .cmc-search-card{
  box-shadow: 0 34px 90px rgba(0,0,0,.18);
  border: 1px solid rgba(11,42,111,.10);
}
body.page-resources .cmc-search-card{
  border-radius: 26px;
  background:
    radial-gradient(1200px 520px at 20% 0%, rgba(31,78,121,.14), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.98));
  border: 1px solid rgba(11,42,111,.10);
}
body.page-resources .cmc-res-searchHead{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  margin-bottom: 10px;
}
body.page-resources .cmc-res-searchIcon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(31,78,121,.10);
  border: 1px solid rgba(31,78,121,.14);
  box-shadow: 0 12px 26px rgba(0,0,0,.06);
}
body.page-resources .cmc-res-searchSub{
  margin: 6px 0 0;
  color: rgba(11,42,111,.72);
  font-weight: 650;
}

/* Inputs: make them feel premium */
body.page-resources .cmc-search-bar{
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  border: 1px solid rgba(11,42,111,.12);
  box-shadow: 0 16px 38px rgba(0,0,0,.07);
}
body.page-resources .cmc-search-input{
  border-radius: 999px !important;
}
body.page-resources .cmc-search-btn{
  border-radius: 999px !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.10);
}

/* Make filter selects match the site’s “pill” language */
body.page-resources .cmc-res-select{
  appearance: none;
  border: 1px solid rgba(11,42,111,.14);
  background: rgba(255,255,255,.92);
  color: rgba(11,42,111,.92);
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 850;
  letter-spacing: .02em;
  outline: none;
  box-shadow: 0 12px 26px rgba(0,0,0,.06);
}

/* SECTION BACKDROP (used for All Resources) */
body.page-resources .cmc-res-sectionBg{
  position: relative;
}
body.page-resources .cmc-res-sectionBg::before{
  content:"";
  position:absolute;
  inset: -26px 0 -26px;
  z-index:0;
  background:
    radial-gradient(760px 340px at 12% 20%, rgba(31,78,121,.08), transparent 62%),
    radial-gradient(620px 320px at 92% 40%, rgba(212,175,55,.08), transparent 60%);
  pointer-events:none;
}
body.page-resources .cmc-res-sectionBg > .cmc-content{
  position: relative;
  z-index:1;
}

/* “At a Glance” strip upgrade */
body.page-resources .cmc-res-stats-strip{
  border-radius: 26px;
  padding: 18px;
  background:
    radial-gradient(1200px 520px at 20% 0%, rgba(31,78,121,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.98));
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 26px 70px rgba(0,0,0,.08);
}
body.page-resources .cmc-res-statcard{
  border-radius: 20px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 12px 26px rgba(0,0,0,.06);
}
body.page-resources .cmc-res-statcard__num{
  font-weight: 950;
}

/* Buttons inside Resources page: keep small + consistent */
body.page-resources .cmc-res-actions .cmc-res-btn,
body.page-resources .cmc-res-btn{
  border-radius: 999px;
}



/* =========================================================
   RESOURCES — Subtle card thumbnails by Category/Tag
   Uses data-cat (category slug) and data-tags (space-separated tag slugs)
   ========================================================= */

body.page-resources .cmc-res-card{
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

body.page-resources .cmc-res-card::before{
  content: "";
  position: absolute;
  inset: -18px;
  pointer-events: none;
  z-index: 0;

  /* default thumbnail */
  background-image: var(--cmc-res-thumb, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='140'%20viewBox='0%200%20220%20140'%3E%0A%3Cg%20fill='none'%20stroke='#0b2a6f'%20stroke-width='3'%20opacity='.12'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%0A%3Cpath%20d='M70%2024h80l20%2020v72H70z'/%3E%0A%3Cpath%20d='M150%2024v20h20'/%3E%0A%3Cpath%20d='M86%2070h68M86%2090h56'/%3E%0A%3C/g%3E%3C/svg%3E"));
  background-repeat: no-repeat;
  background-size: 260px 170px;
  background-position: right -56px top -26px;

  opacity: 1;
  transform: rotate(-6deg);
}

body.page-resources .cmc-res-card::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(520px 240px at 85% 0%, rgba(255,255,255,.70), rgba(255,255,255,0) 62%),
    linear-gradient(180deg, rgba(255,255,255,.25), rgba(255,255,255,0) 40%);
}

body.page-resources .cmc-res-card > *{
  position: relative;
  z-index: 1;
}

/* Category mappings (slugs) */
body.page-resources .cmc-res-card[data-cat="policy"],
body.page-resources .cmc-res-card[data-cat="policies"],
body.page-resources .cmc-res-card[data-tags~="policy"],
body.page-resources .cmc-res-card[data-tags~="policies"]{
  --cmc-res-thumb: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='140'%20viewBox='0%200%20220%20140'%3E%0A%3Cg%20fill='none'%20stroke='#0b2a6f'%20stroke-width='3'%20opacity='.14'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%0A%3Cpath%20d='M62%2022h70l26%2026v70H62z'/%3E%0A%3Cpath%20d='M132%2022v26h26'/%3E%0A%3Cpath%20d='M78%2064h64M78%2084h52M78%20104h40'/%3E%0A%3Cpath%20d='M154%2098c14%200%2022%207%2022%2016s-8%2016-22%2016-22-7-22-16%208-16%2022-16z'/%3E%0A%3Cpath%20d='M147%20114l6%206%2015-15'/%3E%0A%3C/g%3E%3C/svg%3E");
}

body.page-resources .cmc-res-card[data-cat="form"],
body.page-resources .cmc-res-card[data-cat="forms"],
body.page-resources .cmc-res-card[data-tags~="form"],
body.page-resources .cmc-res-card[data-tags~="forms"]{
  --cmc-res-thumb: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='140'%20viewBox='0%200%20220%20140'%3E%0A%3Cg%20fill='none'%20stroke='#0b2a6f'%20stroke-width='3'%20opacity='.14'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%0A%3Cpath%20d='M70%2020h86l14%2014v86H70z'/%3E%0A%3Cpath%20d='M156%2020v14h14'/%3E%0A%3Cpath%20d='M86%2056h62'/%3E%0A%3Cpath%20d='M86%2074h62'/%3E%0A%3Cpath%20d='M86%2092h38'/%3E%0A%3Cpath%20d='M86%20110l8%208%2016-16'/%3E%0A%3C/g%3E%3C/svg%3E");
}

body.page-resources .cmc-res-card[data-cat="report"],
body.page-resources .cmc-res-card[data-cat="reports"],
body.page-resources .cmc-res-card[data-tags~="report"],
body.page-resources .cmc-res-card[data-tags~="reports"]{
  --cmc-res-thumb: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='140'%20viewBox='0%200%20220%20140'%3E%0A%3Cg%20fill='none'%20stroke='#0b2a6f'%20stroke-width='3'%20opacity='.14'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%0A%3Cpath%20d='M66%2022h86l18%2018v78H66z'/%3E%0A%3Cpath%20d='M152%2022v18h18'/%3E%0A%3Cpath%20d='M84%20104V84'/%3E%0A%3Cpath%20d='M104%20104V70'/%3E%0A%3Cpath%20d='M124%20104V78'/%3E%0A%3Cpath%20d='M144%20104V58'/%3E%0A%3Cpath%20d='M84%20110h64'/%3E%0A%3C/g%3E%3C/svg%3E");
}

body.page-resources .cmc-res-card[data-cat="guideline"],
body.page-resources .cmc-res-card[data-cat="guidelines"],
body.page-resources .cmc-res-card[data-tags~="guideline"],
body.page-resources .cmc-res-card[data-tags~="guidelines"]{
  --cmc-res-thumb: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='140'%20viewBox='0%200%20220%20140'%3E%0A%3Cg%20fill='none'%20stroke='#0b2a6f'%20stroke-width='3'%20opacity='.14'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%0A%3Cpath%20d='M72%2028c18-10%2040-10%2058%200v84c-18-10-40-10-58%200z'/%3E%0A%3Cpath%20d='M130%2028c18-10%2040-10%2058%200v84c-18-10-40-10-58%200z'/%3E%0A%3Cpath%20d='M90%2056h22M90%2074h22M148%2056h22M148%2074h22'/%3E%0A%3C/g%3E%3C/svg%3E");
}

body.page-resources .cmc-res-card[data-cat="circular"],
body.page-resources .cmc-res-card[data-cat="circulars"],
body.page-resources .cmc-res-card[data-tags~="circular"],
body.page-resources .cmc-res-card[data-tags~="circulars"],
body.page-resources .cmc-res-card[data-tags~="notice"],
body.page-resources .cmc-res-card[data-tags~="notices"]{
  --cmc-res-thumb: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='140'%20viewBox='0%200%20220%20140'%3E%0A%3Cg%20fill='none'%20stroke='#0b2a6f'%20stroke-width='3'%20opacity='.14'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%0A%3Cpath%20d='M80%2034h60l20%2020v52H80z'/%3E%0A%3Cpath%20d='M140%2034v20h20'/%3E%0A%3Cpath%20d='M74%2092c-10-6-16-16-16-28%200-20%2018-36%2040-36'/%3E%0A%3Cpath%20d='M146%20104c10-6%2016-16%2016-28%200-20-18-36-40-36'/%3E%0A%3Cpath%20d='M96%2030l10-10%2010%2010'/%3E%0A%3Cpath%20d='M124%2030l10-10%2010%2010'/%3E%0A%3C/g%3E%3C/svg%3E");
}

body.page-resources .cmc-res-card[data-cat="strategy"],
body.page-resources .cmc-res-card[data-cat="strategic-plan"],
body.page-resources .cmc-res-card[data-cat="strategic"],
body.page-resources .cmc-res-card[data-tags~="strategy"],
body.page-resources .cmc-res-card[data-tags~="strategic-plan"],
body.page-resources .cmc-res-card[data-tags~="strategic"]{
  --cmc-res-thumb: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='140'%20viewBox='0%200%20220%20140'%3E%0A%3Cg%20fill='none'%20stroke='#0b2a6f'%20stroke-width='3'%20opacity='.14'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%0A%3Cpath%20d='M64%2098c14-22%2030-34%2050-34%2018%200%2030%208%2044%2022'/%3E%0A%3Cpath%20d='M70%20104h88'/%3E%0A%3Cpath%20d='M94%2058l10-10%2010%2010'/%3E%0A%3Cpath%20d='M110%2048v18'/%3E%0A%3Ccircle%20cx='154'%20cy='56'%20r='10'/%3E%0A%3Cpath%20d='M154%2046v20'/%3E%0A%3Cpath%20d='M144%2056h20'/%3E%0A%3C/g%3E%3C/svg%3E");
}

body.page-resources .cmc-res-card[data-cat="media"],
body.page-resources .cmc-res-card[data-cat="video"],
body.page-resources .cmc-res-card[data-cat="audio"],
body.page-resources .cmc-res-card[data-tags~="media"],
body.page-resources .cmc-res-card[data-tags~="video"],
body.page-resources .cmc-res-card[data-tags~="audio"]{
  --cmc-res-thumb: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='140'%20viewBox='0%200%20220%20140'%3E%0A%3Cg%20fill='none'%20stroke='#0b2a6f'%20stroke-width='3'%20opacity='.14'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%0A%3Cpath%20d='M60%2040h100v60H60z'/%3E%0A%3Cpath%20d='M96%2058l32%2012-32%2012z'/%3E%0A%3Cpath%20d='M164%2052l14-10v56l-14-10z'/%3E%0A%3C/g%3E%3C/svg%3E");
}

/* Micro polish: keep meta pills readable over thumbnails */
body.page-resources .cmc-res-card .cmc-pill,
body.page-resources .cmc-res-card .cmc-badge{
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
/* =========================================================
   RESOURCES: Full-bleed dark section bands (premium)
   - Makes sections clearly distinct
   - Full width background (edge-to-edge)
   - Keeps content constrained to cmc-wrap/cmc-content
========================================================= */

/* Use a dedicated page marker if present */
body.cmc-resources-page,
body.page-resources {
  background: #07162c; /* fallback body */
}

/* Full-bleed band wrapper */
.cmc-band {
  position: relative;
  padding: clamp(28px, 4vw, 64px) 0;
}

/* Full width background, independent of layout containers */
.cmc-band::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;

  /* Dark “official” gradient with subtle texture */
  background:
    radial-gradient(1200px 540px at 18% 10%, rgba(31, 78, 121, 0.35), transparent 62%),
    radial-gradient(920px 520px at 80% 70%, rgba(11, 42, 111, 0.40), transparent 64%),
    linear-gradient(180deg, rgba(7, 22, 44, 0.96), rgba(7, 22, 44, 0.86));
}

/* Alternate band for separation */
.cmc-band--alt::before {
  background:
    radial-gradient(1200px 540px at 72% 12%, rgba(31, 78, 121, 0.30), transparent 62%),
    radial-gradient(920px 520px at 25% 75%, rgba(11, 42, 111, 0.34), transparent 64%),
    linear-gradient(180deg, rgba(9, 26, 52, 0.96), rgba(9, 26, 52, 0.86));
}

/* A thin separator line at top + bottom (nice “panel edge”) */
.cmc-band::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  opacity: .8;
}
.cmc-band--edge::after {
  top: auto;
  bottom: 0;
}

/* Section headings on dark bands */
.cmc-band h2,
.cmc-band h3,
.cmc-band .cmc-kicker-line,
.cmc-band p {
  color: rgba(255, 255, 255, 0.92);
}

/* Make “kicker line” pop on dark */
.cmc-band .cmc-kicker-line {
  background: linear-gradient(90deg, rgba(255,255,255,.35), rgba(255,255,255,.10));
  opacity: .95;
}

/* Cards look premium against dark */
.cmc-band .cmc-news-card,
.cmc-band .cmc-search-card,
.cmc-band .cmc-res-stats-strip,
.cmc-band .cmc-action-card {
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.30);
}

/* Slightly softer card borders on dark */
.cmc-band .cmc-news-card,
.cmc-band .cmc-search-card {
  border-color: rgba(255,255,255,.08);
}

/* Improve action cards overlay contrast on dark bands */
.cmc-band .cmc-action-card__overlay {
  background:
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.20));
}

/* Section “glass” wrapper (optional helper for little panels) */
.cmc-glass {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  box-shadow: 0 22px 80px rgba(0,0,0,.30);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: clamp(14px, 2.5vw, 22px);
}

/* Tighten vertical rhythm a bit (reduce excessive whitespace) */
.cmc-band .cmc-news-grid { margin-top: 18px !important; }
.cmc-band .cmc-actions3-grid { margin-top: 16px !important; }

/* Optional: subtle scroll reveal polish on dark (if you use .cmc-reveal) */
.cmc-band .cmc-reveal {
  transform: translateY(10px);
  opacity: 0;
  transition: transform .6s ease, opacity .6s ease;
}
html.cmc-ready .cmc-band .cmc-reveal,
body.cmc-ready .cmc-band .cmc-reveal {
  transform: translateY(0);
  opacity: 1;
}

/* Mobile: reduce padding for bands */
@media (max-width: 680px) {
  .cmc-band { padding: 22px 0; }
}

/* =========================================================
   RESOURCES PAGE — UX POLISH PACK (2026-02-23)
   - Sticky filter bar (no layout change)
   - Active filter chips
   - Disabled download button styling
   - Compact icon buttons for copy/share
========================================================= */

body.page-resources #cmcFilterBar{
  position: sticky;
  top: 16px; /* keeps clear of header overlay */
  z-index: 40;
}

body.page-resources #cmcFilterBar.is-stuck{
  box-shadow: 0 18px 54px rgba(0,0,0,.14) !important;
}

body.page-resources .cmc-active-filters{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

body.page-resources .cmc-active-filters__label{
  font-weight: 900;
  color: rgba(11,42,111,.70);
}

body.page-resources .cmc-active-filters__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-resources .cmc-chip{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(11,42,111,.06);
  border: 1px solid rgba(11,42,111,.12);
  color: rgba(11,42,111,.92);
  text-decoration: none;
  font-weight: 900;
  line-height: 1;
}

body.page-resources .cmc-chip:hover{
  background: rgba(11,42,111,.10);
}

body.page-resources .cmc-chip--clear{
  background: rgba(239,115,33,.10);
  border-color: rgba(239,115,33,.20);
  color: rgba(239,115,33,.95);
}

body.page-resources .cmc-news-card__btn.is-disabled,
body.page-resources .cmc-btn.is-disabled{
  opacity: .55;
  pointer-events: none;
  filter: grayscale(.15);
}

body.page-resources .cmc-icon-btn{
  width: 40px;
  min-width: 40px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
  border-radius: 999px !important;
}

body.page-resources .cmc-icon-btn.is-copied{
  border-color: rgba(31,78,121,.28) !important;
  box-shadow: 0 10px 26px rgba(31,78,121,.18);
}

body.page-resources .cmc-save-btn.is-saved{
  background: rgba(239,115,33,.10) !important;
  border-color: rgba(239,115,33,.22) !important;
  color: rgba(239,115,33,.96) !important;
}

/* Keep buttons readable on darker bands */
body.page-resources .cmc-band .cmc-news-card__btn{
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}



/* =========================================================
   CMC MOBILE DRAWER - AUTHORITATIVE FIX (<=1200px)
   Fixes: backdrop shows but menu panel hidden
   - Overrides legacy rule: .cmc-nav{display:none!important}
   - Shows .cmc-mobile-mega when html has .cmc-nav-open
========================================================= */
@media (max-width: 1200px){

  /* Never hard-hide the nav container (JS needs it present) */
  #cmc-primary-nav.cmc-nav{
    display:block !important;
    position:fixed;
    inset:0;
    z-index:9999;
    pointer-events:none;
  }

  /* Desktop panel must not appear on mobile */
  #cmc-primary-nav.cmc-nav .cmc-nav__panel{
    display:none !important;
  }

  /* Make sure mega exists (it was default display:none) */
  #cmc-primary-nav.cmc-nav .cmc-mobile-mega{
    display:flex !important;
    flex-direction:column;
    height:100%;
    width:min(420px, 88vw);
    margin-left:auto;

    /* Drawer look */
    background: rgba(7, 24, 52, .94);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-left: 1px solid rgba(255,255,255,.12);
    box-shadow: -30px 0 80px rgba(0,0,0,.35);

    /* Closed state */
    transform: translateX(110%);
    opacity: 0;
    transition: transform .22s ease, opacity .22s ease;
    pointer-events:auto; /* allow clicks inside panel */
  }

  /* Backdrop should sit behind the panel */
  .cmc-nav-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:9998;
    background: rgba(0,0,0,.48);
    opacity:0;
    pointer-events:none;
    transition: opacity .18s ease;
  }

  /* OPEN STATE */
  html.cmc-nav-open #cmc-primary-nav.cmc-nav{
    pointer-events:auto;
  }

  html.cmc-nav-open #cmc-primary-nav.cmc-nav .cmc-mobile-mega{
    transform: translateX(0);
    opacity:1;
  }

  html.cmc-nav-open .cmc-nav-backdrop{
    opacity:1;
    pointer-events:auto;
  }

  /* Scroll lock */
  html.cmc-nav-open,
  html.cmc-nav-open body{
    overflow:hidden !important;
  }
}
/* =========================================================
   CMC MOBILE DRAWER — authoritative open/close behavior
========================================================= */
@media (max-width: 1200px){

  /* Nav becomes an overlay container */
  #cmc-primary-nav.cmc-nav{
    position: fixed !important;
    inset: 0 !important;
    z-index: 100000 !important;
    display: block !important;      /* must exist */
    pointer-events: none !important;
  }

  /* The drawer panel itself */
  #cmc-primary-nav .cmc-mobile-mega{
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: min(92vw, 420px) !important;
    height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;

    background: rgba(8, 24, 52, .96) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    transform: translateX(105%) !important;
    opacity: 0 !important;
    transition: transform .22s ease, opacity .22s ease !important;

    pointer-events: auto !important;
  }

  /* OPEN state */
  html.cmc-nav-open #cmc-primary-nav.cmc-nav{
    pointer-events: auto !important;
  }
  html.cmc-nav-open #cmc-primary-nav .cmc-mobile-mega{
    transform: translateX(0) !important;
    opacity: 1 !important;
  }

  /* Hide the desktop panel on mobile */
  #cmc-primary-nav .cmc-nav__panel{
    display: none !important;
  }

  /* Backdrop */
  .cmc-nav-backdrop{
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    background: rgba(0,0,0,.50) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .2s ease !important;
  }
  html.cmc-nav-open .cmc-nav-backdrop{
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* Scroll lock */
  html.cmc-nav-open,
  html.cmc-nav-open body{
    overflow: hidden !important;
  }
}
/* =========================================================
   CMC MOBILE DRAWER — FINAL OVERRIDE (do not move above)
   Symptom fixed: hamburger shows dark overlay, but panel never appears.
   Strategy:
   - Open state responds to EITHER html.cmc-nav-open OR #cmc-primary-nav.is-open
   - Forces #cmc-primary-nav to be the full-screen overlay container
   - Forces .cmc-mobile-mega to be the sliding panel
   - Forces backdrop to be fixed and clickable
========================================================= */
@media (max-width: 1200px){
  /* Overlay container (must be present and on top) */
  html body #cmc-primary-nav.cmc-nav{
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    z-index: 2147483000 !important;
    pointer-events:none !important;
  }

  /* Hide desktop panel inside overlay on mobile */
  html body #cmc-primary-nav.cmc-nav > .cmc-nav__panel{
    display:none !important;
  }

  /* Drawer panel */
  html body #cmc-primary-nav.cmc-nav .cmc-mobile-mega{
    display:flex !important;
    flex-direction:column !important;
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    height:100vh !important;
    width:min(92vw, 420px) !important;
    z-index: 2147483002 !important;

    background: rgba(8, 24, 52, .96) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-left: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: -30px 0 80px rgba(0,0,0,.40) !important;

    /* Closed state */
    transform: translateX(110%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: transform .22s ease, opacity .22s ease, visibility 0s linear .22s !important;

    pointer-events:auto !important;
  }

  /* Backdrop */
  html body .cmc-nav-backdrop{
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    z-index: 2147483001 !important;
    background: rgba(0,0,0,.55) !important;
    opacity: 0 !important;
    pointer-events:none !important;
    transition: opacity .18s ease !important;
  }

  /* OPEN state — accept either flag */
  html.cmc-nav-open body #cmc-primary-nav.cmc-nav,
  html body #cmc-primary-nav.cmc-nav.is-open{
    pointer-events:auto !important;
  }

  html.cmc-nav-open body #cmc-primary-nav.cmc-nav .cmc-mobile-mega,
  html body #cmc-primary-nav.cmc-nav.is-open .cmc-mobile-mega{
    transform: translateX(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: transform .22s ease, opacity .22s ease !important;
  }

  html.cmc-nav-open body .cmc-nav-backdrop,
  html body .cmc-nav-backdrop.is-open{
    opacity: 1 !important;
    pointer-events:auto !important;
  }

  /* Scroll lock */
  html.cmc-nav-open,
  html.cmc-nav-open body{
    overflow:hidden !important;
  }
}

/* =========================================================
   7TH COLUMN SCROLL COLOR SHIFT (hooked by header JS)
   - JS toggles html.cmc-scrolled and sets --cmc-sabbath-t (0..1)
========================================================= */
html body .l-sabbath__overlay,
html body .l-sabbath{
  backface-visibility: hidden;
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}
html.cmc-scrolled body .l-sabbath__overlay,
html.cmc-scrolled body .l-sabbath{
  /* subtle shift toward denim as you scroll */
  filter: saturate(.95) brightness(.985);
}
/* =========================================================
   DESKTOP SAFETY: Never show mobile overlay/drawer on desktop
   (even if html.cmc-nav-open got stuck)
   Breakpoint matches your header mobile breakpoint (980px)
   ========================================================= */
@media (min-width: 981px){
  html.cmc-nav-open,
  html.cmc-nav-open body{
    overflow: visible !important;
    height: auto !important;
  }

  html.cmc-nav-open body .cmc-nav-backdrop{
    display: none !important;
    pointer-events: none !important;
  }

  html.cmc-nav-open body #cmc-primary-nav.cmc-nav{
    right: auto !important;
  }

  html.cmc-nav-open body .cmc-mobile-mega{
    display: none !important;
  }
}

/* =========================================================
   FINAL HEADER NAV ALIGNMENT + DESKTOP SAFETY (Feb 2026)
   - Fix top-level menu items with submenus dropping out of line
   - Ensure chevrons never push items onto a second line
   - Prevent mobile drawer/overlay from staying visible on desktop
   Breakpoint matches header collapse rules (<=980px / >=981px)
   ========================================================= */

/* 1) Top-level menu alignment (desktop) */
@media (min-width: 981px){
  #cmc-primary-nav .cmc-nav__panel{
    align-items: center !important;
  }

  #cmc-primary-nav .cmc-menu--primary{
    display: flex !important;
    align-items: center !important;
    gap: clamp(12px, 1.6vw, 22px) !important;
    flex-wrap: nowrap !important;
  }

  #cmc-primary-nav .cmc-menu--primary > li{
    display: flex !important;
    align-items: center !important;
  }

  #cmc-primary-nav .cmc-menu--primary > li > a{
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  /* Normalize dropdown indicators (override earlier conflicting blocks) */
  #cmc-primary-nav .cmc-menu--primary > li.menu-item-has-children > a::after,
  #cmc-primary-nav .cmc-menu--primary > li.page_item_has_children > a::after{
    position: static !important;
    right: auto !important;
    top: auto !important;
    transform: translateY(-1px) rotate(45deg) !important;
    margin-left: 6px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    pointer-events: none !important;
  }

  /* Submenu chevrons */
  #cmc-primary-nav .cmc-menu--primary li ul > li.menu-item-has-children > a,
  #cmc-primary-nav .cmc-menu--primary li ul > li.page_item_has_children > a{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  #cmc-primary-nav .cmc-menu--primary li ul > li.menu-item-has-children > a::after,
  #cmc-primary-nav .cmc-menu--primary li ul > li.page_item_has_children > a::after{
    position: static !important;
    right: auto !important;
    top: auto !important;
    transform: translateY(0) rotate(-45deg) !important;
    margin-left: auto !important;
  }
}

/* 2) Desktop safety: never show mobile overlay/drawer on desktop */
@media (min-width: 981px){
  html.cmc-nav-open,
  html.cmc-nav-open body{
    overflow: visible !important;
    height: auto !important;
  }

  html.cmc-nav-open body .cmc-nav-backdrop{
    display: none !important;
    pointer-events: none !important;
  }

  html.cmc-nav-open body #cmc-primary-nav.cmc-nav.is-open .cmc-mobile-mega{
    display: none !important;
  }
}
/* Stronger 7th column color shift when scrolling */
html body .l-sabbath{
  background-color: #f5f7fb !important; /* base */
}

html body .l-sabbath__overlay{
  background-color: rgba(31,78,121,0.15) !important; /* initial tint */
  transition:
    background-color .38s cubic-bezier(.2,.8,.2,1),
    opacity .38s cubic-bezier(.2,.8,.2,1),
    transform .38s cubic-bezier(.2,.8,.2,1),
    filter .38s ease !important;
}

/* When scrolled, deepen the overlay (uses the JS-set factor if present) */
html.cmc-scrolled body .l-sabbath__overlay{
  background-color: rgba(31,78,121, var(--cmc-sabbath-a, 0.7)) !important;
  transform: translateZ(0);
}
/* =========================================================
   MOBILE HEADER + MENU SPACING TIGHTEN (safe override)
   ========================================================= */
@media (max-width: 980px){

  /* Mobile tools row: less “distant” */
  .cmc-mobile-tools{
    gap: 14px !important;
  }

  /* Primary menu: reduce perceived spacing */
  #cmc-primary-nav .cmc-menu--primary{
    gap: 0 !important;
  }

  #cmc-primary-nav .cmc-menu--primary > li > a{
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  /* Submenu items: slightly tighter too */
  #cmc-primary-nav .cmc-menu--primary li ul li a{
    margin: 4px 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}/* =========================================================
   CMC HEADER PATCH (2026-02-24)
   - Tighten primary menu spacing (desktop)
   - Make mobile toggle + tap targets reliable
   - Ensure top-level items align perfectly (with/without submenus)
   ========================================================= */

/* Desktop: reduce "distant" primary-menu spacing */
@media (min-width: 981px){
  #cmc-primary-nav .cmc-menu--primary{
    gap: clamp(10px, 1.15vw, 16px) !important;
  }

  #cmc-primary-nav .cmc-menu--primary > li > a{
    padding: 10px 8px !important; /* keeps hover area but tighter rhythm */
    line-height: 1.05 !important;
  }
}

/* Mobile/tablet: keep overlay items tighter and consistent */
@media (max-width: 1200px){
  html body .cmc-mobile-mega .cmc-menu--primary > li > a{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 1.2 !important;
  }

  /* Make sure the hamburger is always tappable (some parent rules set pointer-events:none) */
  html body .cmc-nav-toggle{
    pointer-events: auto !important;
    touch-action: manipulation;
  }
}/* =========================================================
   MOBILE DRAWER: remove "blue strip" + ensure panel visible only when open
   Append at END of style.css
   ========================================================= */

@media (max-width: 1200px){

  /* The fixed nav wrapper should NEVER paint a background */
  #cmc-primary-nav.cmc-nav{
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Keep wrapper invisible to clicks unless open (you already do pointer-events:none) */
  #cmc-primary-nav.cmc-nav{
    pointer-events: none !important;
  }

  /* When open, allow interaction */
  html.cmc-nav-open body #cmc-primary-nav.cmc-nav,
  html body #cmc-primary-nav.cmc-nav.is-open{
    pointer-events: auto !important;
  }

  /* Ensure the sliding panel has a solid surface (NOT the wrapper) */
  #cmc-primary-nav .cmc-mobile-mega{
    background: #fff !important; /* or your theme surface if you prefer */
  }

  /* Closed state: keep panel off-canvas (in case another rule conflicts) */
  html body #cmc-primary-nav.cmc-nav .cmc-mobile-mega{
    transform: translateX(110%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  /* Open state: bring panel in */
  html.cmc-nav-open body #cmc-primary-nav.cmc-nav .cmc-mobile-mega,
  html body #cmc-primary-nav.cmc-nav.is-open .cmc-mobile-mega{
    transform: translateX(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}


/* =========================================================
   HEADER GUTTERS — MATCH FRONT PAGE ON ALL PAGES (FINAL OVERRIDE)
   Your front page header has a “small, controlled” left/right space.
   Some inner pages were getting larger gutters from body:not(.home) rules
   and/or container utilities. This override forces ONE gutter everywhere.
   ========================================================= */

/* Neutralize any container padding ONLY inside header (safe + scoped) */
html body .cmc-header .l-wrap,
html body .cmc-header .cmc-wrap{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Make header gutters identical sitewide (use your front-page values) */
html body .cmc-header__inner{
  width: 100% !important;
  max-width: 1440px !important; /* matches the rule used earlier in your CSS */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(18px, 3vw, 40px) !important;
  padding-right: clamp(18px, 3vw, 40px) !important;
  box-sizing: border-box !important;
}

/* Defensive: defeat any narrower/wider inner-page-only overrides */
html.cmc-sp-page body:not(.home) .cmc-header__inner,
body:not(.home) .cmc-header__inner{
  padding-left: clamp(18px, 3vw, 40px) !important;
  padding-right: clamp(18px, 3vw, 40px) !important;
  max-width: 1440px !important;
}

/* =========================================================
   CMC HEADER ARCHITECTURE — FINAL (LAST WINS)
   Goals:
   - Transparent overlay header on ALL pages
   - Perfect mobile drawer (reliable open/close, no stuck state)
   - Stable dropdowns (desktop hover-intent + JS class .cmc-open)
   - Correct ALPS 6/7 layout (header never pushes/overlaps Sabbath column)
   - Consistent hero overlay system (hero always padded under header)
   ========================================================= */

/* --- A) Always-transparent overlay header (sitewide) --- */
html body .cmc-header{
  position: absolute !important;
  top: var(--cmc-header-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  z-index: 2600 !important; /* above sabbath column + all content */
}

/* Respect WP admin bar everywhere */
html body{ --cmc-header-top: 0px; }
html body.admin-bar{ --cmc-header-top: 32px; }
@media (max-width: 782px){
  html body.admin-bar{ --cmc-header-top: 46px; }
}

/* Header gutters match your front-page rhythm */
html body .cmc-header .l-wrap,
html body .cmc-header .cmc-wrap{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html body .cmc-header__inner{
  width: 100% !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(18px, 3vw, 40px) !important;
  padding-right: clamp(18px, 3vw, 40px) !important;
  box-sizing: border-box !important;
}

/* Make sure the hero never collides with the overlay header */
html body .cmc-hero,
html body .cmc-news-hero,
html body .cmc-sp-hero,
html body .cmc-strategic-hero{
  padding-top: clamp(140px, 10vw, 190px) !important;
}

/* ALPS 6/7 safety: header must not be constrained by the 6-column content area */
html body .l-main,
html body .l-main.u-spacing--double,
html body .l-main.u-padding--double--bottom{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* --- B) Mobile drawer: reliable + isolated layers --- */
html body #cmc-primary-nav.cmc-nav{
  position: relative;
}

/* Backdrop is a button now; make it behave like your old div */
html body .cmc-nav-backdrop{
  appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  background: rgba(0,0,0,.45);
  cursor: pointer;

  position: fixed;
  inset: 0;
  z-index: 2500;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
}

html.cmc-nav-open body .cmc-nav-backdrop,
html body .cmc-nav-backdrop.is-open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Drawer wrapper should not paint background or steal clicks while closed */
@media (max-width: 980px){
  html body #cmc-primary-nav.cmc-nav{
    pointer-events: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html.cmc-nav-open body #cmc-primary-nav.cmc-nav,
  html body #cmc-primary-nav.cmc-nav.is-open{
    pointer-events: auto !important;
  }

  /* Full-screen overlay panel */
  html body #cmc-primary-nav .cmc-mobile-mega{
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;

    display: none !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;

    z-index: 99999 !important;
    background: #0b2a3a !important; /* keep your current overlay feel */
  }

  html.cmc-nav-open body #cmc-primary-nav .cmc-mobile-mega,
  html body #cmc-primary-nav.is-open .cmc-mobile-mega{
    display: flex !important;
  }

  /* Hamburger always clickable above backdrop */
  html body .cmc-nav-toggle{
    z-index: 999999 !important;
    pointer-events: auto !important;
  }

  /* Submenu toggles visible only on mobile overlay */
  html.cmc-nav-open body .cmc-mobile-mega .cmc-subtoggle{
    display: inline-flex !important;
  }

  /* Default hide submenus; show only when li.is-subopen */
  html.cmc-nav-open body .cmc-mobile-mega .cmc-menu--primary .sub-menu{
    display: none !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: none !important;
  }
  html.cmc-nav-open body .cmc-mobile-mega .cmc-menu--primary li.is-subopen > .sub-menu{
    display: block !important;
  }

  /* Keep menu rows: label left, toggle right; submenu below */
  html.cmc-nav-open body .cmc-mobile-mega .cmc-menu--primary li.menu-item-has-children,
  html.cmc-nav-open body .cmc-mobile-mega .cmc-menu--primary li.page_item_has_children{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  html.cmc-nav-open body .cmc-mobile-mega .cmc-menu--primary li > a{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  html.cmc-nav-open body .cmc-mobile-mega .cmc-menu--primary li > ul{
    flex-basis: 100% !important;
    width: 100% !important;
  }

  /* Remove the inline chevron next to labels in overlay; keep only subtoggle */
  html.cmc-nav-open body .cmc-mobile-mega .cmc-menu--primary li.menu-item-has-children > a::after,
  html.cmc-nav-open body .cmc-mobile-mega .cmc-menu--primary li.page_item_has_children > a::after{
    content: none !important;
    display: none !important;
  }
}

/* Desktop safety: if cmc-nav-open gets stuck, never show overlay/drawer */
@media (min-width: 981px){
  html.cmc-nav-open,
  html.cmc-nav-open body{
    overflow: visible !important;
    height: auto !important;
  }
  html.cmc-nav-open body .cmc-nav-backdrop{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  html.cmc-nav-open body #cmc-primary-nav .cmc-mobile-mega{
    display: none !important;
  }
}

/* --- C) Desktop dropdowns: stable, JS-driven (.cmc-open) --- */
@media (min-width: 1025px){
  html body #cmc-primary-nav .cmc-menu--primary li > ul{
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease !important;
    pointer-events: none !important;
  }
  html body #cmc-primary-nav .cmc-menu--primary li.cmc-open > ul{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  /* Positioning for dropdown + flyouts */
  html body #cmc-primary-nav .cmc-menu--primary li ul{
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    min-width: 240px !important;
    margin-top: 10px !important;
  }
  html body #cmc-primary-nav .cmc-menu--primary li ul li > ul{
    top: 0 !important;
    left: 100% !important;
    margin-left: 10px !important;
  }
}

/* --- D) Sabbath column non-conflict: keep header above it --- */
html body .l-sabbath,
html body .l-sabbath__overlay{
  z-index: 1; /* header is 2600 so it will always sit above */
}

/* =========================================================
   OFFICER / PRESIDENT PAGE — Premium layout (Feb 2026)
   Triggered by JS in template:
   document.body.classList.add('cmc-topstage-page','cmc-page--officer','cmc-page--president')
   ========================================================= */

body.cmc-page--officer{
  --cmc-officer-ink: rgba(11,42,111,.96);
  --cmc-officer-muted: rgba(11,42,111,.74);
  --cmc-officer-card: 26px;
}

/* Hero typography + crumbs */
body.cmc-page--officer .cmc-officer-hero{ max-width: 980px; }
body.cmc-page--officer .cmc-officer-crumb{
  margin: 0 0 10px;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  font-weight: 850;
  letter-spacing: .02em;
  color: rgba(255,255,255,.82);
}
body.cmc-page--officer .cmc-officer-crumb a{
  color: rgba(255,255,255,.92);
  text-decoration: none;
}
body.cmc-page--officer .cmc-officer-crumb a:hover{ text-decoration: underline; }

body.cmc-page--officer .cmc-officer-title{
  margin: 0;
  font-weight: 1000;
  letter-spacing: -.03em;
  font-size: clamp(2.25rem, 4.2vw, 3.4rem);
  color: rgba(255,255,255,.98);
  text-shadow: 0 20px 60px rgba(0,0,0,.38);
}
body.cmc-page--officer .cmc-officer-lede{
  margin: 12px 0 0;
  max-width: 70ch;
  color: rgba(255,255,255,.90);
  line-height: 1.8;
  font-size: 1.06rem;
}

body.cmc-page--officer .cmc-officer-hero__actions{
  display:flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

/* Compact pill + ghost buttons (works with your existing .cmc-btn baseline) */
body.cmc-page--officer .cmc-btn--pill{
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 950;
}
body.cmc-page--officer .cmc-btn--ghost{
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 950;
  background: rgba(255,255,255,.10);
  color: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.18);
  text-decoration: none;
}
body.cmc-page--officer .cmc-btn--ghost:hover{
  background: rgba(255,255,255,.14);
}

/* Stat strip under hero */
body.cmc-page--officer .cmc-officer-statstrip{
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
  border-radius: 22px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
@media (max-width: 860px){
  body.cmc-page--officer .cmc-officer-statstrip{ grid-template-columns: 1fr; }
}
body.cmc-page--officer .cmc-officer-stat__k{
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .10em;
  font-weight: 950;
  color: rgba(255,255,255,.78);
}
body.cmc-page--officer .cmc-officer-stat__v{
  margin-top: 2px;
  font-weight: 950;
  color: rgba(255,255,255,.95);
}
body.cmc-page--officer .cmc-officer-stat__v a{ color: rgba(255,255,255,.95); }

/* Profile card */
body.cmc-page--officer .cmc-officer-card{
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 18px;
  align-items: center;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 26px 70px rgba(0,0,0,.12);
  border-radius: var(--cmc-officer-card);
  overflow: hidden;
}
@media (max-width: 860px){
  body.cmc-page--officer .cmc-officer-card{ grid-template-columns: 1fr; }
}
body.cmc-page--officer .cmc-officer-card__media{
  padding: 18px;
}
body.cmc-page--officer .cmc-officer-card__media img{
  width: 100%;
  height: 220px;
  border-radius: 22px;
  object-fit: cover;
  display:block;
  box-shadow: 0 18px 50px rgba(0,0,0,.14);
}
body.cmc-page--officer .cmc-officer-card__placeholder{
  width: 100%;
  height: 220px;
  border-radius: 22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(11,42,111,.08);
  color: rgba(11,42,111,.55);
  font-weight: 1000;
  letter-spacing: .08em;
}
body.cmc-page--officer .cmc-officer-card__body{
  padding: 18px 18px 20px;
}
body.cmc-page--officer .cmc-officer-card__meta{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(31,78,121,.08);
  border: 1px solid rgba(11,42,111,.10);
  color: rgba(11,42,111,.82);
  font-weight: 950;
  margin-bottom: 10px;
}
body.cmc-page--officer .cmc-officer-card__name{
  margin: 0;
  font-size: 1.65rem;
  font-weight: 1000;
  letter-spacing: -.02em;
  color: var(--cmc-officer-ink);
}
body.cmc-page--officer .cmc-officer-card__bio{
  margin: 10px 0 0;
  color: var(--cmc-officer-muted);
  line-height: 1.8;
  max-width: 70ch;
}
body.cmc-page--officer .cmc-officer-card__contact{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 12px;
}
body.cmc-page--officer .cmc-officer-pill{
  display:inline-flex;
  align-items:center;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(11,42,111,.12);
  color: rgba(11,42,111,.92);
  text-decoration:none;
  font-weight: 900;
}
body.cmc-page--officer .cmc-officer-pill:hover{ transform: translateY(-1px); }

body.cmc-page--officer .cmc-officer-card__actions{
  display:flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 14px;
}

/* Tiles under profile: tighter + responsive */
body.cmc-page--officer .cmc-officer-tiles{
  margin-top: 18px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 1100px){
  body.cmc-page--officer .cmc-officer-tiles{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px){
  body.cmc-page--officer .cmc-officer-tiles{ grid-template-columns: 1fr; }
}

/* Section panels */
body.cmc-page--officer .cmc-officer-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
@media (max-width: 980px){
  body.cmc-page--officer .cmc-officer-grid{ grid-template-columns: 1fr; }
}
body.cmc-page--officer .cmc-officer-panel{
  border-radius: 26px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 22px 60px rgba(0,0,0,.10);
  padding: 18px;
}
body.cmc-page--officer .cmc-officer-h{
  margin: 0;
  font-size: 1.18rem;
  font-weight: 1000;
  letter-spacing: -.02em;
  color: var(--cmc-officer-ink);
}
body.cmc-page--officer .cmc-officer-p{
  margin: 10px 0 0;
  line-height: 1.8;
  color: var(--cmc-officer-muted);
}
body.cmc-page--officer .cmc-officer-list{
  margin: 12px 0 0;
  padding-left: 18px;
  line-height: 1.9;
  color: rgba(11,42,111,.82);
}

body.cmc-page--officer .cmc-officer-callout{
  margin-top: 12px;
  padding: 14px;
  border-radius: 20px;
  background: linear-gradient(to bottom, rgba(31,78,121,.06), rgba(31,78,121,.10));
  border: 1px solid rgba(11,42,111,.10);
}
body.cmc-page--officer .cmc-officer-callout__k{
  text-transform: uppercase;
  letter-spacing: .11em;
  font-weight: 950;
  font-size: .78rem;
  color: rgba(11,42,111,.70);
}
body.cmc-page--officer .cmc-officer-callout__v{
  margin-top: 6px;
  color: rgba(11,42,111,.88);
  font-weight: 850;
  line-height: 1.7;
}

body.cmc-page--officer .cmc-officer-actions{ margin: 14px 0 0; display:flex; flex-wrap:wrap; gap: 12px; }

/* Deep CTA */
body.cmc-page--officer .cmc-officer-cta__inner{
  display:flex;
  gap: 18px;
  justify-content: space-between;
  align-items: center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 28px;
  padding: 18px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
@media (max-width: 860px){
  body.cmc-page--officer .cmc-officer-cta__inner{ flex-direction: column; align-items: flex-start; }
}
body.cmc-page--officer .cmc-officer-cta__title{ margin:0; font-size: 1.45rem; font-weight: 1000; letter-spacing:-.02em; }
body.cmc-page--officer .cmc-officer-cta__text{ margin: 10px 0 0; color: rgba(255,255,255,.88); line-height: 1.7; max-width: 70ch; }
body.cmc-page--officer .cmc-officer-cta__actions{ display:flex; flex-wrap:wrap; gap: 12px; }
body.cmc-page--officer .cmc-officer-footerlinks{
  margin: 16px 0 0;
  text-align: center;
  color: rgba(255,255,255,.82);
}
body.cmc-page--officer .cmc-officer-footerlinks a{ color: rgba(255,255,255,.92); }



/* =========================================================
   LEADERSHIP PROFILE PAGES (Adventist.org-style)
   ========================================================= */
:root{
  --cmc-leadership-hero-image: url('https://cmc.adventist.org/wp-content/uploads/2026/02/Leadership-scaled.jpg');
}

/* Hero with dignified overlay */
.cmc-leader-hero{
  position:relative;
  padding: 210px 0 90px;
  color:#fff;
  background-image: var(--cmc-leadership-hero-image);
  background-size: cover;
  background-position: center;
  overflow:hidden;
}
.cmc-leader-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(1000px 520px at 18% 18%, rgba(255,255,255,.16), rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.72) 85%);
}
.cmc-leader-hero__inner{ position:relative; z-index:2; }

/* Overlapping profile card */
.cmc-leader-card{
  position:relative;
  z-index:3;
  margin-top:-64px;
  background:rgba(255,255,255,.96);
  border-radius:26px;
  box-shadow:0 26px 70px rgba(0,0,0,.18);
  border:1px solid rgba(15,35,70,.10);
  overflow:hidden;
}
.cmc-leader-card__grid{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:26px;
  padding:26px;
  align-items:center;
}
.cmc-leader-portrait{
  width:100%;
  aspect-ratio:1/1;
  border-radius:22px;
  overflow:hidden;
  background:rgba(31,78,121,.08);
  box-shadow:0 18px 44px rgba(0,0,0,.12);
  border:1px solid rgba(15,35,70,.10);
}
.cmc-leader-title{
  margin:0;
  font-size:clamp(1.75rem, 2.5vw, 2.55rem);
  font-weight:950;
  color:#0b2a6f;
  letter-spacing:-.02em;
  line-height:1.05;
}
.cmc-leader-role{
  margin:8px 0 0;
  font-size:1.08rem;
  font-weight:850;
  color:rgba(11,42,111,.86);
}
.cmc-leader-quote{
  margin:14px 0 18px;
  font-size:1.05rem;
  line-height:1.65;
  color:rgba(11,42,111,.86);
}
.cmc-leader-actions{ display:flex; gap:12px; flex-wrap:wrap; }

.cmc-leader-section{ padding:54px 0; }
.cmc-leader-section--soft{
  background:
    radial-gradient(1200px 520px at 50% 0%, rgba(31,78,121,.10), transparent 65%),
    linear-gradient(to bottom, rgba(11,42,111,.04), #ffffff 70%);
}
.cmc-leader-kicker{
  margin:0 0 10px;
  font-size:.95rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(11,42,111,.70);
}
.cmc-leader-h2{
  margin:0 0 18px;
  font-size:2rem;
  font-weight:950;
  color:#0b2a6f;
  letter-spacing:-.02em;
}
.cmc-leader-prose{
  color:rgba(11,42,111,.86);
  font-size:1.05rem;
  line-height:1.75;
  max-width:78ch;
}

.cmc-leader-highlights{
  display:grid;
  grid-template-columns:repeat(3, minmax(220px, 1fr));
  gap:18px;
}
.cmc-leader-highlight{
  background:#ffffff;
  border-radius:18px;
  box-shadow:0 18px 40px rgba(0,0,0,.10);
  border:1px solid rgba(15,35,70,.08);
  padding:18px 18px 16px;
}
.cmc-leader-highlight__title{
  margin:0 0 8px;
  font-size:1.2rem;
  font-weight:950;
  color:#0b2a6f;
}
.cmc-leader-highlight__text{
  margin:0;
  color:rgba(11,42,111,.84);
  line-height:1.6;
}

.cmc-leader-bio{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:26px;
  align-items:start;
}
.cmc-leader-bio__media{
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,.12);
  border:1px solid rgba(15,35,70,.10);
  background:rgba(31,78,121,.08);
}

.cmc-leader-timeline{ display:grid; gap:12px; }
.cmc-leader-timeline__item{
  background:#ffffff;
  border-radius:16px;
  border:1px solid rgba(15,35,70,.08);
  box-shadow:0 16px 36px rgba(0,0,0,.08);
  padding:14px 16px;
}
.cmc-leader-timeline__year{ font-weight:950; color:#0b2a6f; }
.cmc-leader-timeline__role{ margin:6px 0 0; color:rgba(11,42,111,.86); line-height:1.55; }

.cmc-leader-contact{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:18px;
  align-items:stretch;
}
.cmc-leader-contact__card{
  background:#ffffff;
  border-radius:18px;
  border:1px solid rgba(15,35,70,.08);
  box-shadow:0 18px 40px rgba(0,0,0,.10);
  padding:18px;
}
.cmc-leader-meta{
  margin:10px 0 0;
  padding:0;
  list-style:none;
  color:rgba(11,42,111,.86);
  line-height:1.7;
}
.cmc-leader-meta li strong{ color:#0b2a6f; }

.cmc-leader-other{
  display:grid;
  grid-template-columns:repeat(2, minmax(220px, 1fr));
  gap:18px;
}
.cmc-leader-other__card{
  background:#ffffff;
  border-radius:18px;
  border:1px solid rgba(15,35,70,.08);
  box-shadow:0 18px 40px rgba(0,0,0,.10);
  padding:16px;
  display:flex;
  gap:14px;
  align-items:center;
}
.cmc-leader-other__portrait{
  width:72px;
  height:72px;
  border-radius:16px;
  overflow:hidden;
  flex:0 0 auto;
  background:rgba(31,78,121,.08);
  border:1px solid rgba(15,35,70,.10);
}
.cmc-leader-other__name{ margin:0; font-weight:950; color:#0b2a6f; }
.cmc-leader-other__role{ margin:2px 0 10px; color:rgba(11,42,111,.80); font-weight:800; font-size:.95rem; }

@media (max-width: 980px){
  .cmc-leader-hero{ padding:170px 0 70px; }
  .cmc-leader-card{ margin-top:-44px; }
  .cmc-leader-card__grid{ grid-template-columns:1fr; padding:18px; }
  .cmc-leader-highlights{ grid-template-columns:1fr; }
  .cmc-leader-bio{ grid-template-columns:1fr; }
  .cmc-leader-contact{ grid-template-columns:1fr; }
  .cmc-leader-other{ grid-template-columns:1fr; }

  body.page-leadership .cmc-leader-card{
    margin-top: 0 !important;
  }

  body.page-leadership .cmc-leadership-glance{
    margin-bottom: 56px;
  }

  body.page-leadership .cmc-leadership-filters{
    margin-top: 24px !important;
  }
}


/* =========================================================
   FIX: Desktop dropdowns should NOT disappear when moving
   from menu item to submenu.
   - Your stylesheet contains a later rule that disables hover-opening
     and relies on JS (.cmc-open). This override restores stable hover.
   - Keep this block at the VERY END of style.css.
========================================================= */

@media (min-width: 1025px){

  /* Open on hover OR keyboard focus, and stay open while hovering submenu */
  html body .cmc-menu li:hover > ul,
  html body .cmc-menu li:focus-within > ul,
  html body .cmc-menu li > ul:hover{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  /* Ensure dropdown can be clicked */
  html body .cmc-menu li > ul{
    pointer-events: auto !important;
  }

  /* Keep dropdown above hero/overlays */
  html body .cmc-menu li ul{
    z-index: 999999 !important;
  }

  /* Hover bridge helps cursor travel, but must not block clicks */
  html body .cmc-menu > li::after{
    height: 18px !important;
    pointer-events: none !important;
  }

  /* Safety: never clip the dropdown */
  html body .cmc-header,
  html body .cmc-nav{
    overflow: visible !important;
  }
}

/* =========================================================
   CMC enhancement layer (accessibility + consistency)
========================================================= */

:root {
  --cmc-space-2: 0.5rem;
  --cmc-space-3: 0.75rem;
  --cmc-space-4: 1rem;
  --cmc-space-5: 1.25rem;
  --cmc-space-6: 1.5rem;
  --cmc-space-8: 2rem;
  --cmc-space-10: 2.5rem;
  --cmc-space-12: 3rem;
  --cmc-space-16: 4rem;
  --cmc-radius-2: 0.5rem;
  --cmc-radius-3: 0.75rem;
  --cmc-border-subtle: rgba(0, 0, 0, 0.08);
  --cmc-surface-subtle: rgba(0, 0, 0, 0.03);
  --cmc-focus: #0d63a5;
}

.cmc-skip-link {
  position: absolute;
  top: -120px;
  left: var(--cmc-space-4);
  z-index: 1000000;
  background: #ffffff;
  color: #0a2342;
  border: 2px solid #0a2342;
  border-radius: var(--cmc-radius-2);
  padding: var(--cmc-space-3) var(--cmc-space-4);
  font-weight: 700;
  text-decoration: none;
}

.cmc-skip-link:focus,
.cmc-skip-link:focus-visible {
  top: var(--cmc-space-4);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--cmc-focus);
  outline-offset: 2px;
}

.cmc-home-hero {
  padding: var(--cmc-space-16) 0;
}

.cmc-home-hero__title {
  margin: 0 0 var(--cmc-space-3);
  font-size: clamp(2rem, 3.7vw, 2.625rem);
  line-height: 1.1;
}

.cmc-home-hero__lead {
  margin: 0 0 var(--cmc-space-5);
  max-width: 45rem;
  font-size: clamp(1rem, 2vw, 1.125rem);
}

.cmc-home-hero__actions {
  display: flex;
  gap: var(--cmc-space-3);
  flex-wrap: wrap;
}

.cmc-footer {
  margin-top: var(--cmc-space-16);
  padding: var(--cmc-space-12) 0;
  background:
    radial-gradient(900px 420px at 12% 0%, rgba(255,255,255,.12), transparent 62%),
    linear-gradient(180deg, #123f73 0%, #0f335c 100%);
  border-top: 1px solid rgba(255,255,255,.14);
  color: rgba(244,247,255,.94);
}

.cmc-footer__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 22px;
}

.cmc-footer__heading {
  margin-bottom: 10px;
  font-weight: 700;
}

.cmc-footer__heading--brand {
  font-weight: 800;
}

.cmc-footer__text {
  opacity: 0.92;
}

.cmc-footer__text--contact {
  line-height: 1.6;
}

.cmc-footer__bottom {
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.16);
  display: flex;
  gap: var(--cmc-space-3);
  flex-wrap: wrap;
  justify-content: space-between;
  opacity: 0.92;
}

.cmc-footer a,
.cmc-footer a:visited{
  color: #f4f7ff;
  text-decoration-color: rgba(244,247,255,.5);
}

.cmc-footer a:hover{
  color: #ffffff;
  text-decoration-color: rgba(255,255,255,.95);
}

.cmc-nav-toggle__label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* =========================================================
   Header Standardization + Menu Reliability
========================================================= */

/* Front-page header look becomes the global default */
body.cmc-topstage-page .cmc-header{
  position: absolute !important;
  top: var(--cmc-header-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 4000 !important;
}

/* Desktop menu: reduce over-spaced primary links */
@media (min-width: 1025px){
  html body #cmc-primary-nav .cmc-menu--primary{
    display: flex !important;
    align-items: center !important;
    gap: clamp(8px, 0.9vw, 14px) !important;
    justify-content: flex-start !important;
  }

  html body #cmc-primary-nav .cmc-menu--primary > li > a{
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 4px !important;
    white-space: nowrap !important;
  }
}

/* Mobile: keep nav container mounted so drawer can open */
@media (max-width: 1024px){
  html body .cmc-header .cmc-header__right{
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
  }

  html body .cmc-header .cmc-header__right .cmc-utility{
    display: none !important;
  }

  html body #cmc-primary-nav.cmc-nav{
    display: block !important;
  }

  html body #cmc-primary-nav .cmc-nav__panel{
    display: none !important;
  }

  html body #cmc-primary-nav .cmc-mobile-mega{
    display: flex !important;
  }
}

/* Desktop dropdown usability: remove hover gap between parent and submenu */
@media (min-width: 1025px){
  html body #cmc-primary-nav .cmc-menu--primary > li{
    position: relative !important;
  }

  html body #cmc-primary-nav .cmc-menu--primary > li > ul{
    top: calc(100% - 1px) !important;
    margin-top: 0 !important;
  }

  html body #cmc-primary-nav .cmc-menu--primary li ul li > ul{
    left: calc(100% - 1px) !important;
    margin-left: 0 !important;
  }
}

/* Leadership officer pages: refined hero + action polish */
.cmc-leader-hero .cmc-leader-h2{
  color: #ffffff !important;
  margin-bottom: 0 !important;
}

.cmc-leader-hero__eyebrow{
  margin: 0 0 10px;
  color: rgba(255,255,255,.9);
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .84rem;
}

.cmc-btn--leader-ghost{
  border-color: rgba(255,255,255,.16) !important;
  background: linear-gradient(135deg, rgba(31,78,123,.96), rgba(47,110,219,.96)) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 34px rgba(22, 57, 108, .20);
}

.cmc-leader-contact__title{
  margin-bottom: 10px !important;
}

.cmc-leader-actions--tight{
  margin-top: 14px !important;
}

/* =========================================================
   Mobile Side Menu Visual Refresh (authoritative)
   - Removes blurry backdrop/panel look
   - Improves contrast, spacing, and tap targets
========================================================= */
@media (max-width: 1024px){
  html body .cmc-nav-backdrop{
    background: rgba(6, 14, 28, 0.56) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body #cmc-primary-nav .cmc-mobile-mega{
    background: linear-gradient(180deg, #0a2445 0%, #0c2d52 100%) !important;
    border-left: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: -20px 0 44px rgba(0,0,0,0.32) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body .cmc-mobile-mega__top{
    padding: 14px 14px 12px !important;
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
    background: rgba(8, 24, 46, 0.88) !important;
  }

  html body .cmc-mobile-mega__close{
    width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    background: rgba(255,255,255,0.08) !important;
    color: #ffffff !important;
  }

  html body .cmc-mobile-mega__search{
    margin-top: 10px !important;
    gap: 8px !important;
  }

  html body .cmc-mobile-mega__search-input{
    height: 46px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    background: rgba(255,255,255,0.08) !important;
    color: #ffffff !important;
  }

  html body .cmc-mobile-mega__search-input::placeholder{
    color: rgba(255,255,255,0.72) !important;
  }

  html body .cmc-mobile-mega__search-btn{
    height: 46px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    background: rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
  }

  html body #cmc-primary-nav .cmc-menu--primary{
    padding: 8px 14px 18px !important;
  }

  html body #cmc-primary-nav .cmc-menu--primary > li{
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  }

  html body #cmc-primary-nav .cmc-menu--primary > li > a{
    min-height: 46px !important;
    padding: 12px 8px !important;
    font-size: 1rem !important;
    font-weight: 750 !important;
    color: #f5f8ff !important;
  }

  html body #cmc-primary-nav .cmc-subtoggle{
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
    background: rgba(255,255,255,0.08) !important;
  }

  html body #cmc-primary-nav .cmc-menu--primary li > ul{
    margin: 4px 0 10px !important;
    padding: 8px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
  }

  html body #cmc-primary-nav .cmc-menu--primary li > ul li > a{
    min-height: 42px !important;
    padding: 10px 10px !important;
    border-radius: 8px !important;
    color: rgba(245,248,255,0.94) !important;
  }

  html body #cmc-primary-nav .cmc-menu--primary li > ul li > a:hover{
    background: rgba(255,255,255,0.08) !important;
  }

  html body .cmc-mobile-mega__secondary{
    border-top: 1px solid rgba(255,255,255,0.12) !important;
    padding: 10px 14px 16px !important;
  }

  html body .cmc-mobile-mega__secondary li a{
    color: rgba(245,248,255,0.9) !important;
  }
}

/* =========================================================
   Mobile Drawer Stacking Fix
   - Ensures side menu panel is above backdrop/content
========================================================= */
@media (max-width: 1024px){
  html body #cmc-primary-nav.cmc-nav{
    position: fixed !important;
    inset: 0 !important;
    z-index: 100300 !important;
    pointer-events: none !important;
    isolation: isolate !important;
  }

  html.cmc-nav-open body #cmc-primary-nav.cmc-nav,
  html body #cmc-primary-nav.cmc-nav.is-open{
    pointer-events: auto !important;
  }

  html body .cmc-nav-backdrop{
    position: fixed !important;
    inset: 0 !important;
    z-index: 100250 !important;
  }

  html body #cmc-primary-nav .cmc-mobile-mega{
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 100310 !important;
    pointer-events: auto !important;
  }

  html body #cmc-primary-nav .cmc-mobile-mega a,
  html body #cmc-primary-nav .cmc-mobile-mega button,
  html body #cmc-primary-nav .cmc-mobile-mega input,
  html body #cmc-primary-nav .cmc-mobile-mega select,
  html body #cmc-primary-nav .cmc-mobile-mega textarea{
    pointer-events: auto !important;
  }

  /* When drawer is open, hide hamburger to avoid overlap with panel UI */
  html.cmc-nav-open body .cmc-mobile-tools .cmc-nav-toggle{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: scale(0.96) !important;
  }

  /* Keep dedicated close button on top inside drawer */
  html body .cmc-mobile-mega__close{
    z-index: 100330 !important;
  }
}

/* =========================================================
   Global Header Unification (Front-page standard on all pages)
========================================================= */

/* Same outer header behavior for home + inner pages */
html body .cmc-header{
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
}

/* Match front-page inner width/gutters everywhere */
html body .cmc-header .cmc-header__inner{
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(18px, 3vw, 40px) !important;
  padding-right: clamp(18px, 3vw, 40px) !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) auto !important;
  align-items: center !important;
  column-gap: 22px !important;
}

html body .cmc-header .cmc-header__right{
  justify-self: end !important;
  min-width: 0 !important;
}

/* Keep desktop clean: no mobile tools on large screens */
@media (min-width: 1025px){
  html body .cmc-header .cmc-mobile-tools{
    display: none !important;
  }
}

/* Keep mobile/tablet layout stable and consistent */
@media (max-width: 1024px){
  html body .cmc-header .cmc-header__inner{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
  }

  html body .cmc-header .cmc-brand{
    max-width: calc(100% - 64px) !important;
  }

  html body .cmc-header .cmc-mobile-tools{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
  }
}

/* =========================================================
   Study the Bible Page
========================================================= */
.cmc-biblestudy-hero{
  position: relative;
  color: #f5f7ff;
  padding: clamp(188px, 21vh, 248px) 0 clamp(72px, 10vh, 112px);
  min-height: clamp(360px, 54vh, 520px);
  overflow: hidden;
}

.cmc-biblestudy-hero__bg{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(1200px 500px at 20% 5%, rgba(255,255,255,.16), transparent 60%),
    linear-gradient(175deg, rgba(7,20,44,.78), rgba(8,31,58,.88)),
    url('https://cmc.adventist.org/wp-content/uploads/2026/02/study-the-Bible-scaled.jpg') center/cover no-repeat;
  z-index: 0;
}

.cmc-biblestudy-hero__inner,
.cmc-biblestudy-grid{
  position: relative;
  z-index: 1;
}

.cmc-biblestudy-hero__inner{
  padding-top: clamp(8px, 1.8vh, 20px);
}

.cmc-biblestudy-kicker{
  margin: 0 0 10px;
  font-size: .84rem;
  letter-spacing: .11em;
  text-transform: uppercase;
  font-weight: 800;
  color: rgba(255,255,255,.82);
}

.cmc-biblestudy-hero__title{
  margin: 0 0 4px;
  max-width: 26ch;
  line-height: 1.06;
  font-size: clamp(1.9rem, 3.8vw, 3.15rem);
  font-weight: 950;
  letter-spacing: -.02em;
}

.cmc-biblestudy-hero__lead{
  margin: 14px 0 0;
  max-width: 66ch;
  line-height: 1.7;
  color: rgba(245,247,255,.9);
}

.cmc-biblestudy-pathways{
  position: relative;
  z-index: 1;
  margin: 0 0 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cmc-biblestudy-pathway{
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 14px;
  border-radius: 999px;
  text-decoration: none;
  color: #f4f7ff;
  background: rgba(255,255,255,.11);
  border: 1px solid rgba(255,255,255,.24);
  font-weight: 700;
  transition: background .18s ease, border-color .18s ease;
}

.cmc-biblestudy-pathway:hover{
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.35);
}

.cmc-biblestudy-grid{
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.cmc-biblestudy-top{
  padding: 34px 0 44px;
  background: #ffffff;
}

.cmc-biblestudy-top .cmc-biblestudy-grid{
  margin-top: 0;
}

.cmc-biblestudy-light{
  padding: 52px 0 82px;
  background: linear-gradient(180deg, #f6f8fc, #ffffff 42%);
}

.cmc-biblestudy-light__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.cmc-biblestudy-card{
  display: grid;
  grid-template-columns: 170px 1fr;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(15,35,70,.09);
  box-shadow: 0 18px 42px rgba(0,0,0,.12);
  transition: transform .18s ease, box-shadow .18s ease;
}

.cmc-biblestudy-card--dark{
  border-color: rgba(255,255,255,.17);
  background: linear-gradient(170deg, rgba(10,30,58,.68), rgba(8,22,46,.56));
  box-shadow: 0 20px 46px rgba(0,0,0,.26);
}

.cmc-biblestudy-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 24px 50px rgba(0,0,0,.18);
}

.cmc-biblestudy-card__media{
  min-height: 100%;
  background-size: cover;
  background-position: center;
}

.cmc-biblestudy-card__body{
  padding: 18px 18px 16px;
}

.cmc-biblestudy-card__title{
  margin: 0;
  line-height: 1.25;
  font-size: 1.18rem;
  font-weight: 900;
  color: #0a2658;
}

.cmc-biblestudy-card--dark .cmc-biblestudy-card__title{
  color: #f4f7ff;
}

.cmc-biblestudy-card__text{
  margin: 10px 0 12px;
  line-height: 1.62;
  color: rgba(9,27,58,.82);
}

.cmc-biblestudy-card--dark .cmc-biblestudy-card__text{
  color: rgba(244,247,255,.88);
}

.cmc-biblestudy-card__btn{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  font-weight: 800;
  color: #0d4f94;
  border-bottom: 1px solid transparent;
  transition: border-color .18s ease, color .18s ease;
}

.cmc-biblestudy-card--dark .cmc-biblestudy-card__btn{
  color: #d8e9ff;
}

.cmc-biblestudy-card__btn:hover{
  border-color: currentColor;
}

.cmc-biblestudy-cta{
  margin-top: 24px;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg, #0a2a52, #0f3b70);
  border: 1px solid rgba(255,255,255,.1);
  color: #f4f7ff;
}

.cmc-biblestudy-cta__title{
  margin: 0;
  font-size: 1.3rem;
  font-weight: 900;
}

.cmc-biblestudy-cta__text{
  margin: 8px 0 0;
  color: rgba(244,247,255,.88);
}

.cmc-biblestudy-cta__btn{
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 800;
  text-decoration: none;
  color: #0f345f;
  background: #ffffff;
}

@media (max-width: 980px){
  .cmc-biblestudy-hero{
    padding: 152px 0 58px;
    min-height: 320px;
  }

  .cmc-biblestudy-top{
    padding: 24px 0 30px;
  }

  .cmc-biblestudy-grid,
  .cmc-biblestudy-light__grid{
    grid-template-columns: 1fr;
  }

  .cmc-biblestudy-card{
    grid-template-columns: 1fr;
  }

  .cmc-biblestudy-card__media{
    min-height: 190px;
  }
}

body.home .cmc-section-text{
  max-width: 74ch;
}

body.home .cmc-hero-trust{
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.home .cmc-hero-trust__item{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.11);
  color: rgba(244,247,255,.96);
  font-size: .92rem;
}

body.home .cmc-hero-trust__item strong{
  font-weight: 900;
  color: #ffffff;
}

@media (max-width: 980px){
  body.home .cmc-topstage{
    padding-bottom: 10px;
  }

  body.home .cmc-hero-trust{
    gap: 8px;
  }

  body.home .cmc-hero-trust__item{
    font-size: .86rem;
    padding: 6px 10px;
  }

  body.home .cmc-section-title{
    letter-spacing: .03em;
  }
}

/* =========================================================
   Front-page Pass 2: Typography Rhythm + Card Consistency
========================================================= */
body.home{
  --cmc-fp-title: #0e2d5a;
  --cmc-fp-text: rgba(14, 34, 66, .84);
  --cmc-fp-muted: rgba(14, 34, 66, .64);
  --cmc-fp-card-radius: 20px;
  --cmc-fp-card-border: 1px solid rgba(14, 34, 66, .10);
  --cmc-fp-card-shadow: 0 18px 42px rgba(0, 0, 0, .12);
}

body.home .cmc-latest-news__title,
body.home .cmc-final-cta__title,
body.home .cmc-section-title{
  line-height: 1.1;
  letter-spacing: -.015em;
}

body.home .cmc-section-title{
  font-size: clamp(1.5rem, 2.2vw, 2.05rem);
  color: var(--cmc-fp-title);
  margin-bottom: 12px;
}

body.home .cmc-section-text{
  color: var(--cmc-fp-text);
  line-height: 1.72;
  font-size: clamp(1rem, 1.2vw, 1.06rem);
}

/* Shared card shell language */
body.home .cmc-action-card,
body.home .cmc-news-card,
body.home .cmc-feature-tile{
  border-radius: var(--cmc-fp-card-radius) !important;
  border: var(--cmc-fp-card-border);
  box-shadow: var(--cmc-fp-card-shadow);
  overflow: hidden;
}

body.home .cmc-action-card:hover,
body.home .cmc-news-card:hover,
body.home .cmc-feature-tile:hover{
  transform: translateY(-3px);
  box-shadow: 0 24px 54px rgba(0, 0, 0, .16);
}

/* Unified title rhythm inside cards */
body.home .cmc-action-card__title,
body.home .cmc-news-card__title,
body.home .cmc-feature-tile__title{
  line-height: 1.26;
  letter-spacing: -.01em;
}

body.home .cmc-news-card__title{
  font-size: clamp(1.08rem, 1.45vw, 1.28rem);
  margin-bottom: 8px;
}

body.home .cmc-action-card__title,
body.home .cmc-feature-tile__title{
  font-size: clamp(1.06rem, 1.35vw, 1.22rem);
}

body.home .cmc-news-card__excerpt,
body.home .cmc-action-card__text{
  color: var(--cmc-fp-text);
  line-height: 1.64;
}

body.home .cmc-news-card__meta{
  color: var(--cmc-fp-muted);
  font-weight: 650;
}

/* Unified action links/buttons across card types */
body.home .cmc-action-card__btn,
body.home .cmc-feature-tile__btn,
body.home .cmc-news-card__link{
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 12px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 780;
  letter-spacing: .01em;
  border: 1px solid rgba(13,79,148,.22);
  background: rgba(13,79,148,.08);
  color: #0d4f94;
}

body.home .cmc-action-card__btn:hover,
body.home .cmc-feature-tile__btn:hover,
body.home .cmc-news-card__link:hover{
  background: rgba(13,79,148,.14);
  border-color: rgba(13,79,148,.35);
}

/* Keep over-image cards readable with same rhythm */
body.home .cmc-action-card__content,
body.home .cmc-feature-tile__body{
  gap: 10px;
}

@media (max-width: 980px){
  body.home .cmc-section-title{
    font-size: clamp(1.35rem, 6vw, 1.7rem);
  }

  body.home .cmc-action-card__btn,
  body.home .cmc-feature-tile__btn,
  body.home .cmc-news-card__link{
    min-height: 36px;
    padding: 7px 11px;
  }
}

/* =========================================================
   Global Aesthetic Refresh Layer (all pages)
========================================================= */
body.cmc-site{
  --cmc-ui-title: #0d2b56;
  --cmc-ui-text: rgba(12, 31, 60, .84);
  --cmc-ui-muted: rgba(12, 31, 60, .62);
  --cmc-ui-accent: #0d4f94;
  --cmc-ui-accent-soft: rgba(13,79,148,.10);
  --cmc-ui-border: 1px solid rgba(14, 34, 66, .10);
  --cmc-ui-radius: 18px;
  --cmc-ui-shadow: 0 16px 40px rgba(0,0,0,.11);
}

body.cmc-site .cmc-main{
  color: var(--cmc-ui-text);
}

body.cmc-site .cmc-section-title,
body.cmc-site .cmc-leader-h2,
body.cmc-site .cmc-latest-news__title{
  color: var(--cmc-ui-title);
  line-height: 1.12;
  letter-spacing: -.015em;
}

body.cmc-site .cmc-section-text,
body.cmc-site .cmc-leader-prose,
body.cmc-site .cmc-news-card__excerpt{
  color: var(--cmc-ui-text);
  line-height: 1.7;
}

/* Unified button feel across templates */
body.cmc-site .cmc-btn,
body.cmc-site .cmc-nav-cta,
body.cmc-site .cmc-news-card__btn,
body.cmc-site .cmc-leader-card__btn{
  border-radius: 12px;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease, border-color .18s ease;
}

body.cmc-site .cmc-btn:hover,
body.cmc-site .cmc-nav-cta:hover,
body.cmc-site .cmc-news-card__btn:hover,
body.cmc-site .cmc-leader-card__btn:hover{
  transform: translateY(-2px);
}

/* Shared card shell language */
body.cmc-site .cmc-card,
body.cmc-site .cmc-news-card,
body.cmc-site .cmc-feature-tile,
body.cmc-site .cmc-action-card,
body.cmc-site .cmc-leader-card,
body.cmc-site .cmc-biblestudy-card{
  border: var(--cmc-ui-border);
  border-radius: var(--cmc-ui-radius);
  box-shadow: var(--cmc-ui-shadow);
}

/* Better hierarchy within card content blocks */
body.cmc-site .cmc-news-card__title,
body.cmc-site .cmc-feature-tile__title,
body.cmc-site .cmc-action-card__title,
body.cmc-site .cmc-leader-title{
  line-height: 1.25;
  letter-spacing: -.01em;
}

body.cmc-site .cmc-news-card__meta,
body.cmc-site .cmc-leader-role{
  color: var(--cmc-ui-muted);
}

/* Form fields and search inputs */
body.cmc-site input[type=\"text\"],
body.cmc-site input[type=\"search\"],
body.cmc-site input[type=\"email\"],
body.cmc-site input[type=\"tel\"],
body.cmc-site textarea,
body.cmc-site select{
  border-radius: 12px;
  border: 1px solid rgba(14, 34, 66, .18);
  background: rgba(255,255,255,.96);
}

body.cmc-site input[type=\"text\"]:focus,
body.cmc-site input[type=\"search\"]:focus,
body.cmc-site input[type=\"email\"]:focus,
body.cmc-site input[type=\"tel\"]:focus,
body.cmc-site textarea:focus,
body.cmc-site select:focus{
  border-color: rgba(13,79,148,.45);
  box-shadow: 0 0 0 3px rgba(13,79,148,.12);
  outline: none;
}

/* Section rhythm on inner pages */
body.cmc-site:not(.home) .cmc-block{
  padding-block: clamp(48px, 6vw, 76px);
}

body.cmc-site:not(.home) .cmc-block + .cmc-block{
  margin-top: 0;
}

@media (max-width: 980px){
  body.cmc-site .cmc-section-title,
  body.cmc-site .cmc-leader-h2{
    font-size: clamp(1.35rem, 5.6vw, 1.85rem);
  }

  body.cmc-site .cmc-card,
  body.cmc-site .cmc-news-card,
  body.cmc-site .cmc-feature-tile,
  body.cmc-site .cmc-action-card,
  body.cmc-site .cmc-leader-card,
  body.cmc-site .cmc-biblestudy-card{
    border-radius: 16px;
  }
}
/* =========================================================
   Sitewide Pass 3: Unified Aesthetics + Header/Menu Stability
========================================================= */
body.cmc-site{
  background:
    radial-gradient(1200px 480px at 15% -5%, rgba(26, 102, 188, .08), rgba(26, 102, 188, 0) 60%),
    linear-gradient(180deg, #f5f8fc 0%, #eef3f9 48%, #f7faff 100%);
  color: #102a4d;
}

body.cmc-site .cmc-wrap,
body.cmc-site .cmc-content,
body.cmc-site .cmc-header__inner,
body.cmc-site .cmc-footer__wrap{
  width: min(1200px, calc(100% - 44px)) !important;
}

/* Front-page header becomes the standard for all pages */
body.cmc-site .cmc-header{
  backdrop-filter: saturate(125%) blur(7px);
  background: linear-gradient(180deg, rgba(8, 29, 61, .92), rgba(8, 29, 61, .84)) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}

body.cmc-site .cmc-header__inner{
  min-height: 86px;
  gap: clamp(14px, 2.2vw, 30px);
}

body.cmc-site .cmc-menu--primary{
  gap: clamp(8px, 1.3vw, 18px) !important;
}

body.cmc-site .cmc-menu--primary > li > a{
  padding: 10px 8px !important;
  font-size: clamp(.92rem, .9vw, 1rem);
  letter-spacing: .01em;
}

/* Keep dropdown corridor open while crossing into submenu */
@media (min-width: 981px){
  body.cmc-site .cmc-menu--primary > li{
    position: relative;
  }

  body.cmc-site .cmc-menu--primary > li > ul{
    top: calc(100% - 1px) !important;
  }

  body.cmc-site .cmc-menu--primary > li::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 18px;
  }
}

/* Inner-page polish (headings and content rhythm) */
body.cmc-site:not(.home) .cmc-page-content,
body.cmc-site:not(.home) .entry-content{
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(14, 34, 66, .1);
  border-radius: 20px;
  box-shadow: 0 20px 45px rgba(3, 26, 54, .09);
  padding: clamp(22px, 3vw, 42px);
}

body.cmc-site:not(.home) .cmc-page-content > * + *,
body.cmc-site:not(.home) .entry-content > * + *{
  margin-top: 1.05em;
}

body.cmc-site:not(.home) .cmc-page-content h2,
body.cmc-site:not(.home) .entry-content h2{
  color: #0e2b56;
  font-size: clamp(1.35rem, 2.1vw, 1.9rem);
  line-height: 1.2;
  margin-top: 1.6em;
}

body.cmc-site:not(.home) .cmc-page-content h3,
body.cmc-site:not(.home) .entry-content h3{
  color: #134074;
  font-size: clamp(1.15rem, 1.45vw, 1.35rem);
  line-height: 1.28;
  margin-top: 1.35em;
}

body.cmc-site:not(.home) .cmc-page-content p,
body.cmc-site:not(.home) .cmc-page-content li,
body.cmc-site:not(.home) .entry-content p,
body.cmc-site:not(.home) .entry-content li{
  line-height: 1.75;
  color: rgba(13, 33, 62, .9);
}

body.cmc-site .cmc-page-content img,
body.cmc-site .entry-content img{
  border-radius: 14px;
}

body.cmc-site .cmc-page-content table,
body.cmc-site .entry-content table{
  width: 100%;
  border-collapse: collapse;
  border-radius: 14px;
  overflow: hidden;
}

body.cmc-site .cmc-page-content th,
body.cmc-site .cmc-page-content td,
body.cmc-site .entry-content th,
body.cmc-site .entry-content td{
  border: 1px solid rgba(14, 34, 66, .12);
  padding: .7rem .8rem;
}

body.cmc-site .cmc-page-content th,
body.cmc-site .entry-content th{
  background: rgba(15, 70, 132, .08);
  color: #0e2b56;
}

/* Keep cards visually consistent across inner pages */
body.cmc-site :is(.cmc-leader-card, .cmc-leader-highlight, .cmc-leader-contact__card, .cmc-leader-other__card, .cmc-biblestudy-card, .cmc-news__feature, .cmc-news__card){
  border-radius: 18px !important;
  border: 1px solid rgba(14, 34, 66, .1) !important;
  box-shadow: 0 16px 38px rgba(2, 28, 56, .1) !important;
}

/* Mobile drawer readability and clickability */
body.cmc-site .cmc-nav-toggle{
  position: relative;
  z-index: 1010;
}

html.cmc-nav-open body.cmc-site .cmc-nav-toggle{
  opacity: 0;
  pointer-events: none;
}

html.cmc-nav-open body.cmc-site .cmc-nav-backdrop{
  z-index: 1198 !important;
  pointer-events: auto;
  background: rgba(5, 20, 44, .58) !important;
}

html.cmc-nav-open body.cmc-site #cmc-primary-nav.cmc-nav{
  z-index: 1199 !important;
  pointer-events: auto !important;
}

html.cmc-nav-open body.cmc-site .cmc-mobile-mega,
html.cmc-nav-open body.cmc-site .cmc-mobile-mega *{
  pointer-events: auto;
}

html.cmc-nav-open body.cmc-site .cmc-mobile-mega__close{
  position: relative;
  z-index: 1201;
}

@media (max-width: 980px){
  body.cmc-site .cmc-wrap,
  body.cmc-site .cmc-content,
  body.cmc-site .cmc-header__inner,
  body.cmc-site .cmc-footer__wrap{
    width: min(1200px, calc(100% - 28px)) !important;
  }

  body.cmc-site .cmc-header__inner{
    min-height: 76px;
  }

  body.cmc-site .cmc-mobile-mega__grid{
    gap: 20px !important;
  }

  body.cmc-site .cmc-mobile-mega__search-input{
    font-size: 16px !important;
  }

  body.cmc-site:not(.home) .cmc-page-content,
  body.cmc-site:not(.home) .entry-content{
    border-radius: 16px;
    padding: clamp(18px, 5.6vw, 28px);
  }
}
/* =========================================================
   Final QA Tuning: Page-by-Page Outliers
========================================================= */
body.cmc-site .cmc-news__hero,
body.cmc-site .cmc-res-hero,
body.cmc-site .cmc-biblestudy-hero,
body.cmc-site .cmc-leader-hero{
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}

body.cmc-site .cmc-news__section,
body.cmc-site .cmc-biblestudy-light,
body.cmc-site .cmc-leader-section,
body.cmc-site .cmc-block{
  position: relative;
}

body.cmc-site .cmc-news__cardlink,
body.cmc-site .cmc-news-card,
body.cmc-site .cmc-biblestudy-card,
body.cmc-site .cmc-leader-highlight,
body.cmc-site .cmc-leader-contact__card,
body.cmc-site .cmc-leader-other__card{
  transition: transform .2s ease, box-shadow .2s ease;
}

body.cmc-site .cmc-news__cardlink:hover,
body.cmc-site .cmc-news-card:hover,
body.cmc-site .cmc-biblestudy-card:hover,
body.cmc-site .cmc-leader-highlight:hover,
body.cmc-site .cmc-leader-contact__card:hover,
body.cmc-site .cmc-leader-other__card:hover{
  transform: translateY(-2px);
}

/* Resources page: reduce visual clutter from heavy inline styles */
body.cmc-site .cmc-filterbar,
body.cmc-site .cmc-res-stat,
body.cmc-site .cmc-res-collection,
body.cmc-site .cmc-res-card{
  border-radius: 18px !important;
}

body.cmc-site .cmc-res-hero .cmc-hero__text{
  max-width: 60ch;
}

body.cmc-site .cmc-res-hero input,
body.cmc-site .cmc-res-hero select,
body.cmc-site .cmc-filterbar input,
body.cmc-site .cmc-filterbar select{
  min-height: 46px;
}

/* Contact and Directors single-page templates */
body.cmc-site .cmc-contact-page .cmc-search-card,
body.cmc-site .cmc-directors-page .cmc-actions3-grid{
  margin-top: 28px !important;
}

body.cmc-site .cmc-contact-page .cmc-search-card{
  border-radius: 18px;
  border: 1px solid rgba(14, 34, 66, .1);
  box-shadow: 0 14px 34px rgba(2, 28, 56, .08);
}

body.cmc-site .cmc-contact-page .cmc-btn,
body.cmc-site .cmc-directors-page .cmc-btn{
  margin-right: 8px;
  margin-bottom: 8px;
}

body.cmc-site .cmc-contact-page{
  position: relative;
  margin-top: -2px;
  padding-top: clamp(28px, 4vw, 42px);
  background: #ffffff;
  overflow: hidden;
}

body.cmc-site .cmc-contact-page::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(1200px 420px at 14% 0%, rgba(31,78,121,.06), rgba(255,255,255,0) 58%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  pointer-events: none;
  z-index: 0;
}

body.cmc-site .cmc-contact-hero{
  position: relative;
  min-height: 78vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #0b1b2a;
  color: #ffffff;
}

body.cmc-site .cmc-contact-hero .cmc-hero__bg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

body.cmc-site .cmc-contact-hero__scrim{
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(11,27,42,.48), rgba(11,27,42,.18) 45%, rgba(11,27,42,.56));
  z-index: 1;
}

body.cmc-site .cmc-contact-hero .cmc-wrap{
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: none;
  margin: 0;
  padding-left: clamp(20px, 3.4vw, 48px);
  padding-right: clamp(20px, 3.4vw, 48px);
  padding-top: clamp(132px, calc((var(--cmc-header-h, 96px) + var(--cmc-adminbar-h, 0px)) * 1.42), 184px);
}

body.cmc-site .cmc-contact-hero .cmc-hero__grid{
  grid-template-columns: 1fr;
  align-items: center;
  justify-items: start;
}

body.cmc-site .cmc-contact-hero .cmc-hero__content{
  display: grid !important;
  justify-items: start !important;
  align-content: start !important;
  gap: 14px !important;
  max-width: 52ch !important;
  width: 100% !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

body.cmc-site .cmc-contact-hero .cmc-hero__title{
  max-width: 10ch;
  font-size: clamp(2.6rem, 5vw, 4.8rem);
  line-height: 1.02;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

body.cmc-site .cmc-contact-hero .cmc-hero__subtitle{
  max-width: 60ch;
  color: rgba(255,255,255,.94);
  font-size: clamp(1rem, 1.35vw, 1.15rem);
  line-height: 1.7;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

body.cmc-site .cmc-contact-hero .cmc-hero__actions{
  margin-top: 4px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  justify-content: flex-start !important;
  justify-self: start !important;
}

body.cmc-site .cmc-contact-hero__wave{
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  line-height: 0;
  overflow: hidden;
  transform: translateY(1px);
  z-index: 3;
  pointer-events: none;
}

body.cmc-site .cmc-contact-hero__wave svg{
  display: block;
  width: 100%;
  height: 132px;
  fill: #ffffff;
}

body.cmc-site .cmc-contact-page > .cmc-wrap{
  position: relative;
  z-index: 1;
}

body.cmc-site .cmc-contact-page .cmc-section-text{
  max-width: 64ch;
}

body.cmc-site .cmc-contact-page .cmc-contact-shell{
  margin-top: 28px;
}

body.cmc-site .cmc-contact-page .cmc-contact-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

body.cmc-site .cmc-contact-page .cmc-contact-card{
  display: grid;
  gap: 16px;
  padding: clamp(22px, 2.6vw, 30px);
  border-radius: 22px;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(14,34,66,.10);
  box-shadow: 0 18px 42px rgba(2,28,56,.08);
}

body.cmc-site .cmc-contact-page .cmc-contact-card--wide{
  grid-column: 1 / -1;
}

body.cmc-site .cmc-contact-page .cmc-contact-eyebrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--cmc-hover);
  color: #ffffff;
  font-size: .78rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
  box-shadow: 0 12px 24px rgba(47,111,216,.18);
}

body.cmc-site .cmc-contact-page .cmc-contact-title{
  margin: 0;
  color: rgba(11,42,111,.96);
  font-size: clamp(1.35rem, 2.3vw, 1.95rem);
  line-height: 1.15;
  letter-spacing: -.02em;
  font-weight: 950;
}

body.cmc-site .cmc-contact-page .cmc-contact-copy{
  margin: 0;
  max-width: 62ch;
  color: rgba(11,42,111,.80);
  line-height: 1.7;
}

body.cmc-site .cmc-contact-page .cmc-contact-meta{
  display: grid;
  gap: 12px;
}

body.cmc-site .cmc-contact-page .cmc-contact-meta__item{
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(47,111,216,.05);
  border: 1px solid rgba(47,111,216,.08);
}

body.cmc-site .cmc-contact-page .cmc-contact-meta__label{
  font-size: .76rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(11,42,111,.66);
}

body.cmc-site .cmc-contact-page .cmc-contact-link{
  color: rgba(11,42,111,.96);
  font-weight: 900;
  text-decoration: none;
}

body.cmc-site .cmc-contact-page .cmc-contact-link:hover{
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.cmc-site .cmc-contact-page .cmc-contact-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}

body.cmc-site .cmc-contact-page .cmc-contact-list{
  margin: 0;
  padding-left: 1.2rem;
  display: grid;
  gap: 8px;
  color: rgba(11,42,111,.82);
  line-height: 1.6;
}

body.cmc-site .cmc-contact-page .cmc-contact-columns{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body.cmc-site .cmc-contact-page .cmc-contact-note{
  display: grid;
  gap: 10px;
  padding: 16px;
  border-radius: 18px;
  background: rgba(247,250,255,.92);
  border: 1px solid rgba(14,34,66,.08);
}

body.cmc-site .cmc-contact-page .cmc-contact-note__title{
  color: rgba(11,42,111,.95);
  font-weight: 950;
  line-height: 1.25;
}

@media (max-width: 900px){
  body.cmc-site .cmc-contact-hero{
    min-height: 68vh;
  }

  body.cmc-site .cmc-contact-hero .cmc-wrap{
    max-width: none;
    margin: 0;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: clamp(108px, calc((var(--cmc-header-h, 96px) + var(--cmc-adminbar-h, 0px)) * 1.22), 144px);
  }

  body.cmc-site .cmc-contact-hero .cmc-hero__title{
    max-width: none;
    font-size: clamp(2.2rem, 8vw, 3.6rem);
  }

  body.cmc-site .cmc-contact-hero__wave svg{
    height: 96px;
  }

  body.cmc-site .cmc-contact-page .cmc-contact-grid,
  body.cmc-site .cmc-contact-page .cmc-contact-columns{
    grid-template-columns: 1fr;
  }

  body.cmc-site .cmc-contact-page{
    padding-top: 24px;
  }
}

@media (max-width: 980px){
  body.cmc-site .cmc-news__hero-grid,
  body.cmc-site .cmc-res-hero .cmc-hero__grid{
    gap: 18px;
  }

  body.cmc-site .cmc-filterbar{
    border-radius: 14px !important;
  }
}
/* =========================================================
   Final Upgrade: Strategic Plan + Get Involved
========================================================= */
body.page-strategic-plan .cmc-sp,
body.page-strategic-plan .cmc-sp--strategic{
  --cmc-sp-ink: #0d2b56;
  --cmc-sp-muted: rgba(13, 43, 86, .74);
  --cmc-sp-surface: rgba(255,255,255,.92);
}

body.page-strategic-plan .cmc-sp__hero{
  min-height: clamp(580px, 78vh, 860px);
  border-bottom: 1px solid rgba(255,255,255,.16);
}

body.page-strategic-plan .cmc-sp__hero-copy,
body.page-strategic-plan .cmc-sp__targets{
  backdrop-filter: blur(7px) saturate(120%);
  background: linear-gradient(180deg, rgba(8,29,61,.56), rgba(8,29,61,.38));
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 22px;
  padding: clamp(18px, 2.4vw, 30px);
  box-shadow: 0 20px 46px rgba(1, 18, 39, .28);
}

body.page-strategic-plan .cmc-sp__hero-copy{
  max-width: 720px;
}

body.page-strategic-plan .cmc-sp__title{
  line-height: 1.08;
  letter-spacing: -.015em;
  font-size: clamp(2rem, 4vw, 3.5rem);
}

body.page-strategic-plan .cmc-sp__lead,
body.page-strategic-plan .cmc-sp__mini-meta,
body.page-strategic-plan .cmc-sp__targets-note-text{
  line-height: 1.65;
}

body.page-strategic-plan .cmc-sp__section{
  padding-block: clamp(54px, 7vw, 96px) !important;
}

body.page-strategic-plan .cmc-sp__section-head{
  margin-bottom: clamp(20px, 3vw, 34px);
}

body.page-strategic-plan .cmc-sp__h2,
body.page-strategic-plan .cmc-sp__h3,
body.page-strategic-plan .cmc-sp__h4{
  letter-spacing: -.01em;
}

body.page-strategic-plan :is(.cmc-sp__card, .cmc-sp__callout-card, .cmc-sp__impact-inner, .cmc-sp__impact-item, .cmc-sp__timeline-item, .cmc-sp__download-card){
  border-radius: 18px !important;
  border: 1px solid rgba(14, 34, 66, .1) !important;
  box-shadow: 0 16px 38px rgba(2, 28, 56, .12) !important;
}

body.page-strategic-plan .cmc-sp__acc{
  border-radius: 18px;
  border: 1px solid rgba(14, 34, 66, .14);
  box-shadow: 0 12px 30px rgba(2, 28, 56, .08);
  overflow: hidden;
}

body.page-strategic-plan .cmc-sp__acc-sum{
  min-height: 68px;
  display: flex;
  align-items: center;
}

body.page-strategic-plan .cmc-sp__pillar-chip,
body.page-strategic-plan .cmc-sp__chip,
body.page-strategic-plan .cmc-sp__btn{
  border-radius: 12px;
}

body.page-strategic-plan .cmc-sp__pillar-chip:hover,
body.page-strategic-plan .cmc-sp__chip:hover,
body.page-strategic-plan .cmc-sp__p-tile:hover,
body.page-strategic-plan .cmc-sp__btn:hover{
  transform: translateY(-2px);
}

/* Get Involved refinement */
body.page-get-involved .cmc-page--get-involved{
  --cmc-gi-ink: #0d2b56;
  --cmc-gi-muted: rgba(13, 43, 86, .76);
}

body.page-get-involved .cmc-gi-topstage{
  position: relative;
  padding-bottom: clamp(46px, 6vw, 88px);
}

body.page-get-involved .cmc-hero__content,
body.page-get-involved .cmc-gi-aside,
body.page-get-involved .cmc-gi-steps__wrap{
  border: 1px solid rgba(255,255,255,.2);
  background: linear-gradient(180deg, rgba(8,29,61,.52), rgba(8,29,61,.34));
  backdrop-filter: blur(6px) saturate(120%);
  box-shadow: 0 20px 46px rgba(1,18,39,.24);
}

body.page-get-involved .cmc-hero__content,
body.page-get-involved .cmc-gi-aside{
  border-radius: 22px;
  padding: clamp(18px, 2.2vw, 30px);
}

body.page-get-involved .cmc-hero__title{
  font-size: clamp(2rem, 3.8vw, 3.2rem);
  line-height: 1.1;
  letter-spacing: -.012em;
}

body.page-get-involved .cmc-gi-pathway,
body.page-get-involved .cmc-gi-step,
body.page-get-involved .cmc-gi-opp,
body.page-get-involved .cmc-gi-story,
body.page-get-involved .cmc-action-card,
body.page-get-involved .cmc-search-card{
  border-radius: 18px !important;
  border: 1px solid rgba(14,34,66,.1) !important;
  box-shadow: 0 16px 38px rgba(2,28,56,.11) !important;
}

body.page-get-involved .cmc-gi-opps__filtersSticky{
  top: 96px;
}

body.page-get-involved .cmc-gi-filterbar{
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(14,34,66,.12);
  box-shadow: 0 10px 26px rgba(2,28,56,.08);
}

body.page-get-involved .cmc-gi-opp__title,
body.page-get-involved .cmc-gi-story__title,
body.page-get-involved .cmc-action-card__title{
  line-height: 1.24;
  letter-spacing: -.01em;
}

body.page-get-involved .cmc-gi-opp__excerpt,
body.page-get-involved .cmc-gi-story__excerpt,
body.page-get-involved .cmc-action-card__text{
  line-height: 1.66;
}

body.page-get-involved .cmc-gi-opps,
body.page-get-involved .cmc-gi-stories,
body.page-get-involved .cmc-actions3,
body.page-get-involved .cmc-search-section{
  padding-block: clamp(52px, 6.6vw, 90px) !important;
}

@media (max-width: 980px){
  body.page-strategic-plan .cmc-sp__hero{
    min-height: auto;
  }

  body.page-strategic-plan .cmc-sp__hero-copy,
  body.page-strategic-plan .cmc-sp__targets,
  body.page-get-involved .cmc-hero__content,
  body.page-get-involved .cmc-gi-aside,
  body.page-get-involved .cmc-gi-steps__wrap{
    border-radius: 16px;
    padding: 16px;
  }

  body.page-get-involved .cmc-gi-opps__filtersSticky{
    top: 84px;
  }
}
/* Strategic class compatibility */
body.page-template-page-strategic-plan .cmc-sp,
body.page-template-page-strategic-plan .cmc-sp--strategic{ --cmc-sp-ink: #0d2b56; --cmc-sp-muted: rgba(13,43,86,.74); --cmc-sp-surface: rgba(255,255,255,.92); }
body.page-template-page-strategic-plan .cmc-sp__hero{ min-height: clamp(580px, 78vh, 860px); border-bottom: 1px solid rgba(255,255,255,.16); }
body.page-template-page-strategic-plan .cmc-sp__hero-copy,
body.page-template-page-strategic-plan .cmc-sp__targets{ backdrop-filter: blur(7px) saturate(120%); background: linear-gradient(180deg, rgba(8,29,61,.56), rgba(8,29,61,.38)); border: 1px solid rgba(255,255,255,.2); border-radius: 22px; padding: clamp(18px, 2.4vw, 30px); box-shadow: 0 20px 46px rgba(1,18,39,.28); }
body.page-template-page-strategic-plan .cmc-sp__section{ padding-block: clamp(54px, 7vw, 96px) !important; }
/* =========================================================
   Mobile Density Pass: Strategic Plan + Get Involved
========================================================= */
@media (max-width: 980px){
  /* Strategic Plan */
  body.page-strategic-plan .cmc-sp__hero,
  body.page-template-page-strategic-plan .cmc-sp__hero{
    padding-top: 92px !important;
    padding-bottom: 20px !important;
    min-height: auto !important;
  }

  body.page-strategic-plan .cmc-sp__header-spacer,
  body.page-template-page-strategic-plan .cmc-sp__header-spacer,
  body.page-strategic-plan .cmc-sp__after-hero-gap,
  body.page-template-page-strategic-plan .cmc-sp__after-hero-gap{
    display: none !important;
  }

  body.page-strategic-plan .cmc-sp__hero-grid,
  body.page-template-page-strategic-plan .cmc-sp__hero-grid{
    gap: 12px !important;
  }

  body.page-strategic-plan .cmc-sp__hero-copy,
  body.page-template-page-strategic-plan .cmc-sp__hero-copy,
  body.page-strategic-plan .cmc-sp__targets,
  body.page-template-page-strategic-plan .cmc-sp__targets{
    padding: 14px !important;
  }

  body.page-strategic-plan .cmc-sp__title,
  body.page-template-page-strategic-plan .cmc-sp__title{
    font-size: clamp(1.55rem, 7vw, 2.05rem) !important;
    margin-bottom: 8px !important;
  }

  body.page-strategic-plan .cmc-sp__lead,
  body.page-template-page-strategic-plan .cmc-sp__lead{
    margin-bottom: 10px !important;
    font-size: .97rem !important;
    line-height: 1.55 !important;
  }

  body.page-strategic-plan .cmc-sp__mini-meta,
  body.page-template-page-strategic-plan .cmc-sp__mini-meta{
    gap: 8px !important;
    margin-bottom: 10px !important;
    font-size: .86rem !important;
  }

  body.page-strategic-plan .cmc-sp__hero-cta,
  body.page-template-page-strategic-plan .cmc-sp__hero-cta{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 8px !important;
  }

  body.page-strategic-plan .cmc-sp__hero-cta .cmc-sp__btn,
  body.page-template-page-strategic-plan .cmc-sp__hero-cta .cmc-sp__btn{
    width: 100% !important;
    min-height: 42px !important;
    justify-content: center !important;
  }

  body.page-strategic-plan .cmc-sp__hero-linkrow,
  body.page-template-page-strategic-plan .cmc-sp__hero-linkrow{
    margin-top: 8px !important;
    font-size: .84rem !important;
  }

  body.page-strategic-plan .cmc-sp__impact,
  body.page-template-page-strategic-plan .cmc-sp__impact{
    margin-top: 10px !important;
  }

  body.page-strategic-plan .cmc-sp__impact-inner,
  body.page-template-page-strategic-plan .cmc-sp__impact-inner{
    padding: 14px !important;
  }

  body.page-strategic-plan .cmc-sp__impact-grid,
  body.page-template-page-strategic-plan .cmc-sp__impact-grid{
    gap: 10px !important;
  }

  body.page-strategic-plan .cmc-sp__section,
  body.page-template-page-strategic-plan .cmc-sp__section{
    padding-block: 34px !important;
  }

  body.page-strategic-plan .cmc-sp__section-head,
  body.page-template-page-strategic-plan .cmc-sp__section-head{
    margin-bottom: 14px !important;
  }

  body.page-strategic-plan .cmc-sp__card,
  body.page-strategic-plan .cmc-sp__callout-card,
  body.page-strategic-plan .cmc-sp__acc,
  body.page-template-page-strategic-plan .cmc-sp__card,
  body.page-template-page-strategic-plan .cmc-sp__callout-card,
  body.page-template-page-strategic-plan .cmc-sp__acc{
    border-radius: 14px !important;
  }

  body.page-strategic-plan .cmc-sp__sticky-wrap,
  body.page-template-page-strategic-plan .cmc-sp__sticky-wrap{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  body.page-strategic-plan .cmc-sp__sticky-inner,
  body.page-template-page-strategic-plan .cmc-sp__sticky-inner{
    gap: 8px !important;
  }

  body.page-strategic-plan .cmc-sp__chip,
  body.page-template-page-strategic-plan .cmc-sp__chip{
    padding: 8px 10px !important;
    font-size: .84rem !important;
  }

  /* Get Involved */
  body.page-get-involved .cmc-gi-topstage{
    padding-bottom: 18px !important;
  }

  body.page-get-involved .cmc-hero{
    padding-top: 88px !important;
    padding-bottom: 10px !important;
  }

  body.page-get-involved .cmc-hero__grid{
    gap: 12px !important;
  }

  body.page-get-involved .cmc-hero__content,
  body.page-get-involved .cmc-gi-aside,
  body.page-get-involved .cmc-gi-steps__wrap{
    padding: 14px !important;
  }

  body.page-get-involved .cmc-hero__title{
    font-size: clamp(1.55rem, 7vw, 2rem) !important;
    margin-bottom: 8px !important;
  }

  body.page-get-involved .cmc-hero__text{
    margin-bottom: 10px !important;
    line-height: 1.52 !important;
  }

  body.page-get-involved .cmc-hero__actions,
  body.page-get-involved .cmc-gi-aside__actions,
  body.page-get-involved .cmc-gi-help__actions,
  body.page-get-involved .cmc-gi-ctaBand__actions{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.page-get-involved .cmc-hero__actions .cmc-btn,
  body.page-get-involved .cmc-gi-aside__actions .cmc-btn,
  body.page-get-involved .cmc-gi-help__actions .cmc-btn,
  body.page-get-involved .cmc-gi-ctaBand__actions .cmc-btn{
    width: 100% !important;
    justify-content: center !important;
    min-height: 42px !important;
    margin: 0 !important;
  }

  body.page-get-involved .cmc-gi-pathways,
  body.page-get-involved .cmc-gi-steps,
  body.page-get-involved .cmc-gi-opps,
  body.page-get-involved .cmc-gi-stories,
  body.page-get-involved .cmc-actions3,
  body.page-get-involved .cmc-search-section{
    padding-block: 30px !important;
  }

  body.page-get-involved .cmc-gi-opps__head,
  body.page-get-involved .cmc-gi-stories__head{
    gap: 10px !important;
    margin-bottom: 10px !important;
  }

  body.page-get-involved .cmc-gi-opps__metaRow{
    margin-bottom: 8px !important;
    padding: 8px 10px !important;
  }

  body.page-get-involved .cmc-gi-opps__filtersSticky{
    top: 76px !important;
  }

  body.page-get-involved .cmc-gi-filterbar{
    padding: 8px !important;
    gap: 6px !important;
    border-radius: 12px !important;
  }

  body.page-get-involved .cmc-gi-filterbar__input,
  body.page-get-involved .cmc-gi-filterbar__select,
  body.page-get-involved .cmc-gi-filterbar__btn{
    min-height: 40px !important;
  }

  body.page-get-involved .cmc-gi-opps__grid,
  body.page-get-involved .cmc-gi-stories__grid,
  body.page-get-involved .cmc-actions3-grid{
    gap: 10px !important;
  }

  body.page-get-involved .cmc-gi-opp__body,
  body.page-get-involved .cmc-gi-story__body,
  body.page-get-involved .cmc-action-card__content{
    padding: 12px !important;
  }

  body.page-get-involved .cmc-gi-opp__title,
  body.page-get-involved .cmc-gi-story__title,
  body.page-get-involved .cmc-action-card__title{
    margin-bottom: 6px !important;
  }

  body.page-get-involved .cmc-gi-opp__excerpt,
  body.page-get-involved .cmc-gi-story__excerpt,
  body.page-get-involved .cmc-action-card__text{
    margin-bottom: 8px !important;
  }
}
/* =========================================================
   Micro Pass: Very Small Screens (<=390px)
   Scope: Strategic Plan + Get Involved
========================================================= */
@media (max-width: 390px){
  body.page-strategic-plan .cmc-sp__hero,
  body.page-template-page-strategic-plan .cmc-sp__hero{
    padding-top: 82px !important;
    padding-bottom: 12px !important;
  }

  body.page-strategic-plan .cmc-sp__hero-copy,
  body.page-template-page-strategic-plan .cmc-sp__hero-copy,
  body.page-strategic-plan .cmc-sp__targets,
  body.page-template-page-strategic-plan .cmc-sp__targets{
    padding: 12px !important;
    border-radius: 12px !important;
  }

  body.page-strategic-plan .cmc-sp__eyebrow,
  body.page-template-page-strategic-plan .cmc-sp__eyebrow{
    font-size: .72rem !important;
    letter-spacing: .08em !important;
  }

  body.page-strategic-plan .cmc-sp__title,
  body.page-template-page-strategic-plan .cmc-sp__title{
    font-size: 1.4rem !important;
    line-height: 1.12 !important;
  }

  body.page-strategic-plan .cmc-sp__lead,
  body.page-template-page-strategic-plan .cmc-sp__lead{
    font-size: .92rem !important;
    line-height: 1.46 !important;
  }

  body.page-strategic-plan .cmc-sp__mini-meta,
  body.page-template-page-strategic-plan .cmc-sp__mini-meta{
    font-size: .8rem !important;
    gap: 6px !important;
  }

  body.page-strategic-plan .cmc-sp__hero-cta .cmc-sp__btn,
  body.page-template-page-strategic-plan .cmc-sp__hero-cta .cmc-sp__btn{
    min-height: 40px !important;
    font-size: .86rem !important;
    padding: 9px 10px !important;
  }

  body.page-strategic-plan .cmc-sp__impact-inner,
  body.page-template-page-strategic-plan .cmc-sp__impact-inner{
    padding: 12px !important;
  }

  body.page-strategic-plan .cmc-sp__impact-value,
  body.page-template-page-strategic-plan .cmc-sp__impact-value{
    font-size: 1.15rem !important;
  }

  body.page-strategic-plan .cmc-sp__section,
  body.page-template-page-strategic-plan .cmc-sp__section{
    padding-block: 26px !important;
  }

  body.page-strategic-plan .cmc-sp__chip,
  body.page-template-page-strategic-plan .cmc-sp__chip{
    padding: 7px 8px !important;
    font-size: .78rem !important;
  }

  body.page-get-involved .cmc-hero{
    padding-top: 80px !important;
    padding-bottom: 8px !important;
  }

  body.page-get-involved .cmc-hero__content,
  body.page-get-involved .cmc-gi-aside,
  body.page-get-involved .cmc-gi-steps__wrap{
    padding: 12px !important;
    border-radius: 12px !important;
  }

  body.page-get-involved .cmc-gi-kicker,
  body.page-get-involved .cmc-gi-aside__kicker{
    font-size: .72rem !important;
    letter-spacing: .08em !important;
  }

  body.page-get-involved .cmc-hero__title{
    font-size: 1.4rem !important;
    line-height: 1.12 !important;
  }

  body.page-get-involved .cmc-hero__text,
  body.page-get-involved .cmc-gi-step__text,
  body.page-get-involved .cmc-gi-opps__text,
  body.page-get-involved .cmc-gi-stories__text{
    font-size: .92rem !important;
    line-height: 1.45 !important;
  }

  body.page-get-involved .cmc-hero__actions .cmc-btn,
  body.page-get-involved .cmc-gi-aside__actions .cmc-btn,
  body.page-get-involved .cmc-gi-help__actions .cmc-btn,
  body.page-get-involved .cmc-gi-ctaBand__actions .cmc-btn{
    min-height: 40px !important;
    font-size: .86rem !important;
    padding: 9px 10px !important;
  }

  body.page-get-involved .cmc-gi-pathways,
  body.page-get-involved .cmc-gi-steps,
  body.page-get-involved .cmc-gi-opps,
  body.page-get-involved .cmc-gi-stories,
  body.page-get-involved .cmc-actions3,
  body.page-get-involved .cmc-search-section{
    padding-block: 22px !important;
  }

  body.page-get-involved .cmc-gi-pathway,
  body.page-get-involved .cmc-gi-step,
  body.page-get-involved .cmc-gi-opp,
  body.page-get-involved .cmc-gi-story,
  body.page-get-involved .cmc-action-card,
  body.page-get-involved .cmc-search-card{
    border-radius: 12px !important;
  }

  body.page-get-involved .cmc-gi-opps__filtersSticky{
    top: 70px !important;
  }

  body.page-get-involved .cmc-gi-filterbar{
    padding: 7px !important;
    gap: 5px !important;
  }

  body.page-get-involved .cmc-gi-filterbar__input,
  body.page-get-involved .cmc-gi-filterbar__select,
  body.page-get-involved .cmc-gi-filterbar__btn{
    min-height: 38px !important;
    font-size: .86rem !important;
  }

  body.page-get-involved .cmc-gi-opps__grid,
  body.page-get-involved .cmc-gi-stories__grid,
  body.page-get-involved .cmc-actions3-grid{
    gap: 8px !important;
  }

  body.page-get-involved .cmc-gi-opp__body,
  body.page-get-involved .cmc-gi-story__body,
  body.page-get-involved .cmc-action-card__content{
    padding: 10px !important;
  }
}
/* =========================================================
   Resources Page Upgrade: Action Clarity + Aesthetics
========================================================= */
body.page-resources .cmc-res-band{
  background:
    radial-gradient(900px 360px at 12% 10%, rgba(255,255,255,.08), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, #0d3866 0%, #0b2f57 52%, #0a2748 100%) !important;
}

body.page-resources .cmc-res-band .cmc-news-grid,
body.page-resources .cmc-res-band .cmc-actions3-grid{
  margin-top: 16px;
}

body.page-resources .cmc-res-band .cmc-news-card,
body.page-resources .cmc-res-band .cmc-action-card{
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.24) !important;
}

body.page-resources .cmc-res-actions{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(120px, 1fr));
  gap: 10px !important;
  align-items: stretch !important;
}

body.page-resources .cmc-res-actions--featured{
  grid-template-columns: repeat(4, minmax(120px, 1fr));
}

body.page-resources .cmc-res-action-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  width: 100% !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
  line-height: 1.1;
  text-decoration: none !important;
  border: 1px solid rgba(11,42,111,.14) !important;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

body.page-resources .cmc-res-action-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(7,33,66,.16);
}

body.page-resources .cmc-res-action-btn--details{
  background: rgba(31,78,121,.14) !important;
  color: #0f4d84 !important;
}

body.page-resources .cmc-res-action-btn--open{
  background: rgba(11,42,111,.1) !important;
  color: #0b2a6f !important;
}

body.page-resources .cmc-res-action-btn--download{
  background: linear-gradient(180deg, #155aa2, #0f4d8c) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.16) !important;
}

body.page-resources .cmc-res-action-btn--copy,
body.page-resources .cmc-res-action-btn--share,
body.page-resources .cmc-save-btn{
  background: rgba(255,255,255,.95) !important;
  color: #0b2a6f !important;
}

body.page-resources .cmc-res-action-btn.is-disabled,
body.page-resources .cmc-res-action-btn[aria-disabled="true"]{
  opacity: .55;
  filter: grayscale(.2);
}

body.page-resources .cmc-news-card__title a{
  text-underline-offset: 3px;
}

body.page-resources #cmc-resource-results .cmc-news-card__excerpt{
  min-height: 3.4em;
}

@media (max-width: 980px){
  body.page-resources .cmc-res-actions,
  body.page-resources .cmc-res-actions--featured{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
  }

  body.page-resources .cmc-res-action-btn{
    min-height: 42px !important;
    font-size: .9rem !important;
  }
}

@media (max-width: 520px){
  body.page-resources .cmc-res-actions,
  body.page-resources .cmc-res-actions--featured{
    grid-template-columns: 1fr;
  }
}
/* =========================================================
   Readability Safety Layer (Global Contrast)
   Goal: prevent white-on-white / low-contrast text on any page
========================================================= */
body.cmc-site .cmc-main :is(h1,h2,h3,h4,h5,h6){
  color: #0e2b56;
}

body.cmc-site .cmc-main :is(p,li,dd,dt,figcaption,blockquote,small,label){
  color: rgba(12, 33, 62, .9);
}

body.cmc-site .cmc-main :is(a){
  color: #0d4f94;
}

/* Dark context blocks: force bright text */
body.cmc-site :is(
  .cmc-hero,
  .cmc-topstage,
  .cmc-news__hero,
  .cmc-news__band,
  .cmc-res-band,
  .cmc-sp__section--denim,
  .cmc-page--get-involved .cmc-gi-topstage,
  .cmc-biblestudy-hero,
  .cmc-leader-hero,
  .cmc-footer
) :is(h1,h2,h3,h4,h5,h6,p,li,span,a,small,label,div){
  color: rgba(255,255,255,.96) !important;
}

/* Light surfaces inside dark contexts: pull text back to readable dark */
body.cmc-site :is(
  .cmc-page-content,
  .entry-content,
  .cmc-search-card,
  .cmc-news-card,
  .cmc-news__card,
  .cmc-news__feature,
  .cmc-filterbar,
  #cmcFilterBar,
  .cmc-active-filters,
  .cmc-empty-state,
  .cmc-biblestudy-card,
  .cmc-leader-card,
  .cmc-leader-highlight,
  .cmc-leader-contact__card,
  .cmc-leader-other__card,
  .cmc-sp__card,
  .cmc-sp__acc,
  .cmc-sp__callout-card,
  .cmc-sp__impact-inner,
  .cmc-gi-pathway,
  .cmc-gi-step,
  .cmc-gi-opp,
  .cmc-gi-story,
  .cmc-gi-filterbar,
  .cmc-res-card,
  .cmc-res-stat,
  .cmc-res-collection
) :is(h1,h2,h3,h4,h5,h6,p,li,span,small,label,div){
  color: rgba(12,33,62,.92) !important;
}

body.cmc-site :is(
  .cmc-page-content,
  .entry-content,
  .cmc-search-card,
  .cmc-news-card,
  .cmc-news__card,
  .cmc-news__feature,
  .cmc-filterbar,
  #cmcFilterBar,
  .cmc-active-filters,
  .cmc-empty-state,
  .cmc-biblestudy-card,
  .cmc-leader-card,
  .cmc-leader-highlight,
  .cmc-leader-contact__card,
  .cmc-leader-other__card,
  .cmc-sp__card,
  .cmc-sp__acc,
  .cmc-sp__callout-card,
  .cmc-sp__impact-inner,
  .cmc-gi-pathway,
  .cmc-gi-step,
  .cmc-gi-opp,
  .cmc-gi-story,
  .cmc-gi-filterbar,
  .cmc-res-card,
  .cmc-res-stat,
  .cmc-res-collection
) a{
  color: #0d4f94 !important;
}

/* Preserve button readability regardless of section theme */
body.cmc-site :is(.cmc-btn, .cmc-news-card__btn, .cmc-nav-cta){
  color: inherit;
}
/* =========================================================
   Resources Visibility Fix: Collections + All Resources headings
========================================================= */
.cmc-res-band,
body.cmc-site .cmc-res-band,
body.page-resources .cmc-res-band,
body.cmc-resources-page .cmc-res-band{
  background:
    radial-gradient(900px 360px at 12% 10%, rgba(255,255,255,.08), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, #0d3866 0%, #0b2f57 52%, #0a2748 100%) !important;
}

body.cmc-site .cmc-res-band :is(h1,h2,h3,h4,h5,h6,p,small,span,a){
  color: rgba(255,255,255,.96) !important;
}

/* Keep card internals readable on their light surfaces */
body.cmc-site .cmc-res-band :is(.cmc-news-card, .cmc-action-card, .cmc-empty-state) :is(h1,h2,h3,h4,h5,h6,p,small,span,a){
  color: rgba(12,33,62,.92) !important;
}
/* =========================================================
   Global Header Transparency + Resources Hero Tile
========================================================= */
body.cmc-site .cmc-header,
body.cmc-site .cmc-header.is-sticky,
body.cmc-site .cmc-header.is-fixed{
  background: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.cmc-site .cmc-header::before,
body.cmc-site .cmc-header::after{
  opacity: 0 !important;
  background: transparent !important;
}

/* Keep usable contrast when menu drawer is open */
html.cmc-nav-open body.cmc-site .cmc-header,
html.cmc-nav-open body.cmc-site .cmc-header.is-sticky,
html.cmc-nav-open body.cmc-site .cmc-header.is-fixed{
  background: linear-gradient(180deg, rgba(8, 29, 61, .92), rgba(8, 29, 61, .84)) !important;
}

/* Resources hero tile */
body.page-resources .cmc-res-hero-tile,
body.cmc-resources-page .cmc-res-hero-tile{
  align-self: start;
  justify-self: end;
  width: min(420px, 100%);
  padding: clamp(16px, 2.2vw, 24px);
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.24);
  background: linear-gradient(180deg, rgba(10, 34, 68, .62), rgba(10, 34, 68, .46));
  backdrop-filter: blur(8px) saturate(118%);
  box-shadow: 0 18px 40px rgba(0,0,0,.24);
  color: rgba(255,255,255,.96);
}

body.page-resources .cmc-res-hero-tile__kicker,
body.cmc-resources-page .cmc-res-hero-tile__kicker{
  text-transform: uppercase;
  letter-spacing: .11em;
  font-weight: 850;
  font-size: .76rem;
  color: rgba(255,255,255,.82);
}

body.page-resources .cmc-res-hero-tile__title,
body.cmc-resources-page .cmc-res-hero-tile__title{
  margin: 10px 0 0;
  line-height: 1.16;
  font-size: clamp(1.2rem, 1.85vw, 1.7rem);
  color: #fff;
}

body.page-resources .cmc-res-hero-tile__text,
body.cmc-resources-page .cmc-res-hero-tile__text{
  margin: 10px 0 0;
  line-height: 1.62;
  color: rgba(255,255,255,.9);
}

body.page-resources .cmc-res-hero-tile__actions,
body.cmc-resources-page .cmc-res-hero-tile__actions{
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

body.page-resources .cmc-res-hero-tile__actions .cmc-btn,
body.cmc-resources-page .cmc-res-hero-tile__actions .cmc-btn{
  justify-content: center;
  min-height: 42px;
}

@media (max-width: 980px){
  body.page-resources .cmc-res-hero-tile,
  body.cmc-resources-page .cmc-res-hero-tile{
    margin-top: 10px;
    width: 100%;
    border-radius: 14px;
    padding: 14px;
  }
}

/* Resources hero tile positioning + scale refinement */
body.page-resources .cmc-res-hero .cmc-hero__grid,
body.cmc-resources-page .cmc-res-hero .cmc-hero__grid{
  grid-template-columns: 1.15fr .85fr !important;
  align-items: end !important;
  gap: clamp(16px, 2.4vw, 30px) !important;
}

body.page-resources .cmc-res-hero-tile,
body.cmc-resources-page .cmc-res-hero-tile{
  margin-top: clamp(70px, 9vh, 120px) !important;
  position: relative;
  z-index: 3;
}

body.page-resources .cmc-res-hero-tile__kicker,
body.cmc-resources-page .cmc-res-hero-tile__kicker{
  font-size: .9rem !important;
  letter-spacing: .12em !important;
}

body.page-resources .cmc-res-hero-tile__title,
body.cmc-resources-page .cmc-res-hero-tile__title{
  font-size: clamp(1.45rem, 2.6vw, 2.1rem) !important;
  line-height: 1.12 !important;
}

body.page-resources .cmc-res-hero-tile__text,
body.cmc-resources-page .cmc-res-hero-tile__text{
  font-size: clamp(.98rem, 1.25vw, 1.08rem) !important;
}

@media (max-width: 980px){
  body.page-resources .cmc-res-hero .cmc-hero__grid,
  body.cmc-resources-page .cmc-res-hero .cmc-hero__grid{
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 12px !important;
  }

  body.page-resources .cmc-res-hero-tile,
  body.cmc-resources-page .cmc-res-hero-tile{
    margin-top: 4px !important;
  }

  body.page-resources .cmc-res-hero-tile__title,
  body.cmc-resources-page .cmc-res-hero-tile__title{
    font-size: clamp(1.25rem, 6vw, 1.6rem) !important;
  }
}
/* =========================================================
   Resources Hero Compact Fix (size + positioning)
========================================================= */
body.page-resources .cmc-res-hero,
body.cmc-resources-page .cmc-res-hero{
  min-height: clamp(420px, 58vh, 560px) !important;
  padding-top: clamp(108px, 12vh, 148px) !important;
  padding-bottom: clamp(26px, 4vh, 42px) !important;
}

body.page-resources .cmc-res-hero .cmc-hero__grid,
body.cmc-resources-page .cmc-res-hero .cmc-hero__grid{
  align-items: center !important;
  gap: clamp(14px, 2vw, 24px) !important;
}

body.page-resources .cmc-res-hero .cmc-hero__content,
body.cmc-resources-page .cmc-res-hero .cmc-hero__content{
  align-self: center !important;
  margin-top: 0 !important;
}

body.page-resources .cmc-res-hero .cmc-hero__title,
body.cmc-resources-page .cmc-res-hero .cmc-hero__title{
  font-size: clamp(1.85rem, 3.6vw, 2.7rem) !important;
  line-height: 1.08 !important;
  margin-bottom: 10px !important;
}

body.page-resources .cmc-res-hero .cmc-hero__text,
body.cmc-resources-page .cmc-res-hero .cmc-hero__text{
  max-width: 58ch !important;
  margin-bottom: 12px !important;
}

body.page-resources .cmc-res-hero-tile,
body.cmc-resources-page .cmc-res-hero-tile{
  margin-top: 0 !important;
  align-self: center !important;
}

@media (max-width: 980px){
  body.page-resources .cmc-res-hero,
  body.cmc-resources-page .cmc-res-hero{
    min-height: auto !important;
    padding-top: 94px !important;
    padding-bottom: 18px !important;
  }

  body.page-resources .cmc-res-hero .cmc-hero__title,
  body.cmc-resources-page .cmc-res-hero .cmc-hero__title{
    font-size: clamp(1.5rem, 7.2vw, 2rem) !important;
  }
}

/* =========================================================
   Resources Final Pass (authoritative)
========================================================= */
body.page-resources .cmc-res-hero,
body.cmc-resources-page .cmc-res-hero{
  min-height: clamp(360px, 48vh, 500px) !important;
  padding-top: clamp(98px, 11vh, 138px) !important;
  padding-bottom: clamp(20px, 3.5vh, 34px) !important;
  background-position: center 20% !important;
}

body.page-resources .cmc-res-hero .cmc-hero__grid,
body.cmc-resources-page .cmc-res-hero .cmc-hero__grid{
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr) !important;
  align-items: center !important;
  gap: clamp(14px, 1.8vw, 24px) !important;
}

body.page-resources .cmc-res-hero .cmc-hero__content,
body.cmc-resources-page .cmc-res-hero .cmc-hero__content{
  max-width: 66ch !important;
}

body.page-resources .cmc-res-hero .cmc-hero__title,
body.cmc-resources-page .cmc-res-hero .cmc-hero__title{
  margin: 0 0 8px !important;
  font-size: clamp(1.8rem, 3.2vw, 2.55rem) !important;
  letter-spacing: -.015em;
}

body.page-resources .cmc-res-hero .cmc-hero__text,
body.cmc-resources-page .cmc-res-hero .cmc-hero__text{
  margin: 0 !important;
  max-width: 56ch !important;
  color: rgba(255,255,255,.95) !important;
}

body.page-resources .cmc-res-hero-search,
body.cmc-resources-page .cmc-res-hero-search{
  margin-top: 14px !important;
}

body.page-resources .cmc-res-hero-search__row input[type="search"],
body.cmc-resources-page .cmc-res-hero-search__row input[type="search"]{
  min-height: 48px;
}

body.page-resources .cmc-res-hero-search__status,
body.cmc-resources-page .cmc-res-hero-search__status{
  opacity: .96;
}

body.page-resources .cmc-res-hero-chips,
body.cmc-resources-page .cmc-res-hero-chips{
  margin-top: 10px !important;
}

body.page-resources .cmc-res-hero-metrics,
body.cmc-resources-page .cmc-res-hero-metrics{
  margin-top: 12px !important;
}

body.page-resources .cmc-res-hero-metrics > div,
body.cmc-resources-page .cmc-res-hero-metrics > div{
  backdrop-filter: blur(2px);
}

body.page-resources .cmc-res-hero-tile,
body.cmc-resources-page .cmc-res-hero-tile{
  margin-top: 0 !important;
  align-self: center !important;
  width: min(390px, 100%) !important;
}

body.page-resources #cmcFilterBar{
  border-color: rgba(11,42,111,.13) !important;
}

body.page-resources :is(.cmc-news-card, .cmc-action-card),
body.cmc-resources-page :is(.cmc-news-card, .cmc-action-card){
  border: 1px solid rgba(11,42,111,.11) !important;
  box-shadow: 0 14px 34px rgba(12,26,53,.09) !important;
}

body.page-resources .cmc-news-card__title a,
body.cmc-resources-page .cmc-news-card__title a{
  color: #133665 !important;
}

body.page-resources .cmc-news-card__excerpt,
body.cmc-resources-page .cmc-news-card__excerpt{
  color: rgba(16,42,74,.86) !important;
}

body.page-resources .cmc-res-action-btn--download,
body.cmc-resources-page .cmc-res-action-btn--download{
  font-weight: 900 !important;
  border: 1px solid rgba(11,42,111,.16) !important;
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}

body.page-resources .cmc-res-action-btn--download:hover,
body.page-resources .cmc-res-action-btn--download:focus-visible,
body.cmc-resources-page .cmc-res-action-btn--download:hover,
body.cmc-resources-page .cmc-res-action-btn--download:focus-visible{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(11,42,111,.14) !important;
  background: rgba(11,42,111,.14) !important;
}

@media (max-width: 980px){
  body.page-resources .cmc-res-hero,
  body.cmc-resources-page .cmc-res-hero{
    min-height: auto !important;
    padding-top: 88px !important;
    padding-bottom: 14px !important;
    background-position: center 24% !important;
  }

  body.page-resources .cmc-res-hero .cmc-hero__grid,
  body.cmc-resources-page .cmc-res-hero .cmc-hero__grid{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.page-resources .cmc-res-hero .cmc-hero__text,
  body.cmc-resources-page .cmc-res-hero .cmc-hero__text{
    font-size: .98rem !important;
    line-height: 1.54 !important;
  }

  body.page-resources .cmc-res-hero-metrics,
  body.cmc-resources-page .cmc-res-hero-metrics{
    gap: 8px !important;
  }

  body.page-resources .cmc-res-hero-metrics > div,
  body.cmc-resources-page .cmc-res-hero-metrics > div{
    padding: 8px 10px !important;
    border-radius: 12px !important;
    font-size: .86rem;
  }

  body.page-resources .cmc-res-hero-tile,
  body.cmc-resources-page .cmc-res-hero-tile{
    width: 100% !important;
    padding: 12px !important;
  }

  body.page-resources .cmc-news-card__btn.cmc-res-action-btn--download,
  body.cmc-resources-page .cmc-news-card__btn.cmc-res-action-btn--download{
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 640px){
  body.page-resources .cmc-res-hero-chips,
  body.cmc-resources-page .cmc-res-hero-chips{
    display: none !important;
  }

  body.page-resources .cmc-res-hero .cmc-hero__title,
  body.cmc-resources-page .cmc-res-hero .cmc-hero__title{
    font-size: clamp(1.45rem, 7vw, 1.9rem) !important;
  }
}

/* =========================================================
   Resources Hero Alignment Hotfix (prevents clipping/misalignment)
========================================================= */
body.page-resources .cmc-res-hero,
body.cmc-resources-page .cmc-res-hero{
  overflow: visible !important;
  min-height: clamp(520px, 66vh, 700px) !important;
  padding-bottom: clamp(48px, 7vh, 84px) !important;
}

body.page-resources .cmc-res-hero .cmc-hero__grid,
body.cmc-resources-page .cmc-res-hero .cmc-hero__grid{
  align-items: start !important;
}

body.page-resources .cmc-res-hero .cmc-hero__content,
body.cmc-resources-page .cmc-res-hero .cmc-hero__content{
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  justify-self: start !important;
  align-items: flex-start !important;
}

body.page-resources .cmc-res-hero .cmc-hero__actions,
body.cmc-resources-page .cmc-res-hero .cmc-hero__actions{
  justify-content: flex-start !important;
}

body.page-resources .cmc-res-hero-tile,
body.cmc-resources-page .cmc-res-hero-tile{
  align-self: start !important;
  margin-top: 8px !important;
}

@media (max-width: 980px){
  body.page-resources .cmc-res-hero,
  body.cmc-resources-page .cmc-res-hero{
    min-height: auto !important;
    padding-top: 96px !important;
    padding-bottom: 30px !important;
  }

  body.page-resources .cmc-res-hero-tile,
  body.cmc-resources-page .cmc-res-hero-tile{
    margin-top: 0 !important;
  }
}

/* =========================================================
   Request Prayer Page
========================================================= */
body.page-request-prayer .cmc-prayerreq-hero{
  min-height: clamp(420px, 56vh, 620px);
  padding-top: clamp(120px, 12vh, 170px) !important;
  padding-bottom: clamp(44px, 6vh, 76px);
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.36) 58%, rgba(0,0,0,.12) 100%),
    radial-gradient(1200px 520px at 65% 18%, rgba(31,78,121,.28), transparent 62%),
    url('https://cmc.adventist.org/wp-content/uploads/2026/02/pray-together.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

body.page-request-prayer .cmc-prayerreq-hero__inner{
  max-width: 760px;
}

body.page-request-prayer .cmc-prayerreq-hero__kicker{
  margin: 0;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-weight: 900;
  color: rgba(255,255,255,.9);
}

body.page-request-prayer .cmc-prayerreq-hero__title{
  margin: 8px 0 0;
  color: #fff;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1.08;
}

body.page-request-prayer .cmc-prayerreq-hero__text{
  margin: 14px 0 0;
  color: rgba(255,255,255,.95);
  font-size: clamp(1rem, 1.4vw, 1.14rem);
  line-height: 1.65;
  max-width: 62ch;
}

body.page-request-prayer .cmc-prayerreq-section{
  padding-top: clamp(28px, 4.2vw, 54px);
}

body.page-request-prayer .cmc-prayerreq-grid{
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: clamp(16px, 2.4vw, 30px);
  align-items: start;
}

body.page-request-prayer .cmc-prayerreq-card,
body.page-request-prayer .cmc-prayerreq-side__card{
  background: #fff;
  border: 1px solid rgba(11,42,111,.1);
  border-radius: 20px;
  box-shadow: 0 18px 40px rgba(8,24,54,.08);
}

body.page-request-prayer .cmc-prayerreq-card{
  padding: clamp(18px, 2.6vw, 32px);
}

body.page-request-prayer .cmc-prayerreq-card__title{
  margin: 0;
  color: #0f2d5d;
  font-size: clamp(1.35rem, 2.3vw, 2rem);
}

body.page-request-prayer .cmc-prayerreq-card__lead{
  margin: 10px 0 0;
  color: rgba(15,45,93,.78);
}

body.page-request-prayer .cmc-prayerreq-alert{
  margin-top: 14px;
  border-radius: 12px;
  padding: 12px 14px;
  font-weight: 800;
}

body.page-request-prayer .cmc-prayerreq-alert--ok{
  background: rgba(17,122,68,.11);
  color: #0b6d3d;
  border: 1px solid rgba(17,122,68,.25);
}

body.page-request-prayer .cmc-prayerreq-alert--err{
  background: rgba(173,31,52,.1);
  color: #8f1730;
  border: 1px solid rgba(173,31,52,.24);
}

body.page-request-prayer .cmc-prayerreq-form{
  margin-top: 14px;
}

body.page-request-prayer .cmc-prayerreq-form__split{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

body.page-request-prayer .cmc-prayerreq-form__row{
  margin-top: 12px;
}

body.page-request-prayer .cmc-prayerreq-form__row label{
  display: block;
  margin-bottom: 6px;
  font-weight: 900;
  color: #153768;
}

body.page-request-prayer .cmc-prayerreq-form :is(input[type="text"], input[type="email"], input[type="tel"], textarea){
  width: 100%;
  border: 1px solid rgba(11,42,111,.18);
  border-radius: 12px;
  padding: 12px 12px;
  background: #fff;
  color: #0d2b56;
  font-size: .98rem;
  line-height: 1.45;
  outline: none;
}

body.page-request-prayer .cmc-prayerreq-form :is(input[type="text"], input[type="email"], input[type="tel"], textarea):focus{
  border-color: rgba(47,111,216,.72);
  box-shadow: 0 0 0 3px rgba(47,111,216,.16);
}

body.page-request-prayer .cmc-prayerreq-form [aria-invalid="true"]{
  border-color: rgba(173,31,52,.6) !important;
  box-shadow: 0 0 0 3px rgba(173,31,52,.14) !important;
}

body.page-request-prayer .cmc-prayerreq-field-error{
  margin-top: 6px;
  font-size: .84rem;
  color: #8f1730;
  font-weight: 700;
}

body.page-request-prayer .cmc-prayerreq-form textarea{
  resize: vertical;
  min-height: 160px;
}

body.page-request-prayer .cmc-prayerreq-form__check{
  margin-top: 12px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

body.page-request-prayer .cmc-prayerreq-form__check label{
  color: rgba(15,45,93,.8);
  line-height: 1.5;
}

body.page-request-prayer .cmc-prayerreq-form__submit{
  margin-top: 14px;
}

body.page-request-prayer .cmc-prayerreq-errors{
  margin-top: 12px;
  color: #8f1730;
  font-weight: 800;
}

body.page-request-prayer .cmc-prayerreq-side{
  display: grid;
  gap: 14px;
}

body.page-request-prayer .cmc-prayerreq-side__card{
  padding: 18px;
}

body.page-request-prayer .cmc-prayerreq-side__card h3{
  margin: 0;
  color: #123568;
}

body.page-request-prayer .cmc-prayerreq-side__card p{
  margin: 10px 0 0;
  color: rgba(18,53,104,.78);
  line-height: 1.65;
}

body.page-request-prayer .cmc-prayerreq-side__card ul{
  margin: 10px 0 0;
  padding-left: 18px;
  color: rgba(18,53,104,.8);
}

body.page-request-prayer .cmc-prayerreq-side__card li{
  margin: 8px 0;
  line-height: 1.55;
}

body.page-request-prayer .cmc-prayerreq-side__actions{
  margin-top: 12px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

@media (max-width: 980px){
  body.page-request-prayer .cmc-prayerreq-grid{
    grid-template-columns: 1fr;
  }

  body.page-request-prayer .cmc-prayerreq-form__split{
    grid-template-columns: 1fr;
    gap: 0;
  }

  body.page-request-prayer .cmc-prayerreq-hero{
    padding-top: 102px !important;
    padding-bottom: 30px;
  }
}

/* =========================================================
   Request Prayer Phase 1 (trust + success state + form guidance)
========================================================= */
body.page-request-prayer .cmc-prayerreq-trust{
  margin-top: 14px;
  padding: 11px 13px;
  border-radius: 12px;
  background: rgba(21, 89, 160, .08);
  border: 1px solid rgba(21, 89, 160, .2);
}

body.page-request-prayer .cmc-prayerreq-trust p{
  margin: 0;
  color: rgba(15, 45, 93, .9);
  line-height: 1.6;
}

body.page-request-prayer .cmc-prayerreq-alert__title{
  margin: 0;
  font-size: clamp(1.1rem, 1.5vw, 1.3rem);
}

body.page-request-prayer .cmc-prayerreq-alert p{
  margin: 8px 0 0;
  font-weight: 600;
  line-height: 1.6;
}

body.page-request-prayer .cmc-prayerreq-alert__actions{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-request-prayer .cmc-prayerreq-form__required-note{
  margin: 0 0 10px;
  color: rgba(15,45,93,.78);
  font-size: .9rem;
}

body.page-request-prayer .cmc-prayerreq-form__required-note span,
body.page-request-prayer .cmc-prayerreq-form__row label span{
  color: #8f1730;
  font-weight: 900;
}

body.page-request-prayer .cmc-prayerreq-form__hint{
  margin: 6px 0 0;
  color: rgba(15,45,93,.72);
  font-size: .84rem;
  line-height: 1.45;
}

body.page-request-prayer .cmc-prayerreq-form.is-submitting .cmc-prayerreq-form__submit,
body.page-request-prayer .cmc-prayerreq-form__submit[disabled]{
  opacity: .8;
  cursor: wait;
  filter: saturate(.9);
}

@media (max-width: 980px){
  body.page-request-prayer .cmc-prayerreq-alert__actions .cmc-btn{
    width: 100%;
    justify-content: center;
  }
}

/* =========================================================
   Global Width Consistency (Front-Page Standard)
   - Makes header/content use one shared width system on all pages
========================================================= */
body.cmc-site{
  --cmc-page-max: 1440px;
  --cmc-page-gutter: clamp(18px, 3vw, 40px);
}

/* Same container width language everywhere */
body.cmc-site .cmc-header__inner,
body.cmc-site .cmc-content,
body.cmc-site .cmc-wrap{
  width: 100% !important;
  max-width: var(--cmc-page-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Shared horizontal gutters (front-page standard) */
body.cmc-site .cmc-header__inner,
body.cmc-site .cmc-content,
body.cmc-site .cmc-wrap{
  padding-left: var(--cmc-page-gutter) !important;
  padding-right: var(--cmc-page-gutter) !important;
}

/* Prevent stacked extra side padding from narrowing inner pages */
body.cmc-site .l-main :is(
  .cmc-block,
  .cmc-search-section,
  .cmc-actions3,
  .cmc-feature-grid,
  .cmc-triptych,
  .cmc-leadership-grid
){
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Keep full-bleed hero/background wrappers edge-to-edge */
body.cmc-site :is(.cmc-topstage, .cmc-hero, .cmc-news__hero, .cmc-biblestudy-hero, .cmc-res-hero){
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 980px){
  body.cmc-site{
    --cmc-page-gutter: clamp(14px, 4.2vw, 22px);
  }
}

/* =========================================================
   Header Uniformity (Front-Page Standard Across All Pages)
========================================================= */
body.cmc-site{
  --cmc-header-top: 0px;
}

body.admin-bar.cmc-site{
  --cmc-header-top: 32px;
}

@media (max-width: 782px){
  body.admin-bar.cmc-site{
    --cmc-header-top: 46px;
  }
}

/* Header typography/links consistent on every page */
html body.cmc-site .cmc-brand__title,
html body.cmc-site .cmc-brand__subtitle,
html body.cmc-site .cmc-menu > li > a{
  color: #ffffff !important;
}

/* Preserve readability only while mobile drawer is open */
html.cmc-nav-open body.cmc-site .cmc-header,
html.cmc-nav-open body.cmc-site .cmc-header.is-sticky,
html.cmc-nav-open body.cmc-site .cmc-header.is-fixed{
  background: linear-gradient(180deg, rgba(8,29,61,.92), rgba(8,29,61,.84)) !important;
}

/* =========================================================
   Header/Submenu Uniformity for key pages
   (Strategic Plan, Get Involved, News, Events, Resources, About)
========================================================= */
html body.cmc-site:is(
  .page-strategic-plan,
  .page-get-involved,
  .page-news,
  .blog,
  .home.blog,
  .page-events,
  .page-template-page-events,
  .page-resources,
  .cmc-resources-page,
  .page-about
) .cmc-header,
html body.cmc-site:is(
  .page-strategic-plan,
  .page-get-involved,
  .page-news,
  .blog,
  .home.blog,
  .page-events,
  .page-template-page-events,
  .page-resources,
  .cmc-resources-page,
  .page-about
) .cmc-header.is-sticky,
html body.cmc-site:is(
  .page-strategic-plan,
  .page-get-involved,
  .page-news,
  .blog,
  .home.blog,
  .page-events,
  .page-template-page-events,
  .page-resources,
  .cmc-resources-page,
  .page-about
) .cmc-header.is-fixed{
  position: absolute !important;
  top: var(--cmc-header-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.cmc-site:is(
  .page-strategic-plan,
  .page-get-involved,
  .page-news,
  .blog,
  .home.blog,
  .page-events,
  .page-template-page-events,
  .page-resources,
  .cmc-resources-page,
  .page-about
) .cmc-header::before,
html body.cmc-site:is(
  .page-strategic-plan,
  .page-get-involved,
  .page-news,
  .blog,
  .home.blog,
  .page-events,
  .page-template-page-events,
  .page-resources,
  .cmc-resources-page,
  .page-about
) .cmc-header::after{
  content: none !important;
  background: transparent !important;
  opacity: 0 !important;
}

html body.cmc-site:is(
  .page-strategic-plan,
  .page-get-involved,
  .page-news,
  .blog,
  .home.blog,
  .page-events,
  .page-template-page-events,
  .page-resources,
  .cmc-resources-page,
  .page-about
) .cmc-header > .cmc-header__inner,
html body.cmc-site:is(
  .page-strategic-plan,
  .page-get-involved,
  .page-news,
  .blog,
  .home.blog,
  .page-events,
  .page-template-page-events,
  .page-resources,
  .cmc-resources-page,
  .page-about
) .cmc-header > .l-wrap.cmc-header__inner,
html body.cmc-site:is(
  .page-strategic-plan,
  .page-get-involved,
  .page-news,
  .blog,
  .home.blog,
  .page-events,
  .page-template-page-events,
  .page-resources,
  .cmc-resources-page,
  .page-about
) .cmc-header > .cmc-wrap.cmc-header__inner{
  width: 100% !important;
  max-width: var(--cmc-page-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--cmc-page-gutter) !important;
  padding-right: var(--cmc-page-gutter) !important;
}

@media (min-width: 1025px){
  html:not(.cmc-nav-open) body.cmc-site #cmc-primary-nav .cmc-menu--primary > li{
    position: relative !important;
  }

  html:not(.cmc-nav-open) body.cmc-site #cmc-primary-nav .cmc-menu--primary > li > ul{
    left: 0 !important;
    right: auto !important;
    min-width: clamp(220px, 22vw, 320px) !important;
    max-width: 360px !important;
    margin-top: 10px !important;
    padding: 10px 0 !important;
    border-radius: 14px !important;
  }

  html:not(.cmc-nav-open) body.cmc-site #cmc-primary-nav .cmc-menu--primary > li > ul > li > a{
    padding: 11px 16px !important;
    white-space: normal !important;
    line-height: 1.35 !important;
  }

  html:not(.cmc-nav-open) body.cmc-site #cmc-primary-nav .cmc-menu--primary > li > ul > li > ul{
    left: 100% !important;
    top: -10px !important;
    margin-left: 8px !important;
    min-width: clamp(220px, 21vw, 300px) !important;
  }
}

/* =========================================================
   Compact Density Pass (Adventist.org-like rhythm)
========================================================= */
body.cmc-site{
  --cmc-page-gutter: clamp(14px, 2.2vw, 30px);
}

/* Tighter global header */
html body.cmc-site .cmc-header > .cmc-header__inner,
html body.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
html body.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner{
  min-height: 72px !important;
  gap: 12px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

html body.cmc-site .cmc-brand__title{
  font-size: clamp(1rem, 1.1vw, 1.12rem) !important;
  line-height: 1.04 !important;
}

html body.cmc-site .cmc-brand__subtitle{
  font-size: clamp(.74rem, .74vw, .82rem) !important;
  line-height: 1.08 !important;
  margin-top: 2px !important;
}

@media (min-width: 1025px){
  html body.cmc-site #cmc-primary-nav .cmc-menu--primary{
    gap: clamp(6px, .85vw, 12px) !important;
  }

  html body.cmc-site #cmc-primary-nav .cmc-menu--primary > li > a{
    padding: 7px 8px !important;
    font-size: .94rem !important;
    line-height: 1.2 !important;
  }

  html body.cmc-site #cmc-primary-nav .cmc-menu--primary > li > ul{
    margin-top: 8px !important;
    padding: 8px 0 !important;
  }

  html body.cmc-site #cmc-primary-nav .cmc-menu--primary > li > ul > li > a{
    padding: 9px 14px !important;
    font-size: .92rem !important;
  }
}

@media (max-width: 980px){
  html body.cmc-site .cmc-header > .cmc-header__inner,
  html body.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
  html body.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner{
    min-height: 64px !important;
    gap: 8px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
}

/* Tighter global section rhythm */
body.cmc-site .cmc-section,
body.cmc-site .cmc-block{
  padding-top: clamp(36px, 5.4vw, 62px) !important;
  padding-bottom: clamp(36px, 5.4vw, 62px) !important;
}

/* Reduce heavy inner-page content box padding */
body.cmc-site:not(.home) :is(.cmc-page-content, .entry-content){
  padding: clamp(16px, 2.1vw, 28px) !important;
}

/* =========================================================
   Header Title + Side Space Fix
========================================================= */
html body.cmc-site .cmc-header > .cmc-header__inner,
html body.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
html body.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner{
  max-width: var(--cmc-page-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(10px, 1.4vw, 22px) !important;
  padding-right: clamp(10px, 1.4vw, 22px) !important;
}

html body.cmc-site .cmc-brand__title{
  font-size: clamp(1.12rem, 1.45vw, 1.42rem) !important;
  line-height: 1.05 !important;
  letter-spacing: .005em !important;
}

html body.cmc-site .cmc-brand__subtitle{
  font-size: clamp(.82rem, .9vw, .96rem) !important;
  line-height: 1.08 !important;
}

@media (max-width: 980px){
  html body.cmc-site .cmc-brand__title{
    font-size: clamp(1.02rem, 4.6vw, 1.2rem) !important;
  }

  html body.cmc-site .cmc-brand__subtitle{
    font-size: clamp(.76rem, 3.4vw, .9rem) !important;
  }
}

/* =========================================================
   Header Title x2 + Menu Right Buffer (away from 7th column)
========================================================= */
@media (min-width: 1025px){
  /* Keep menu stack slightly away from far right edge / 7th column */
  html body.cmc-site .cmc-header__right{
    padding-right: clamp(14px, 1.8vw, 28px) !important;
  }

  html body.cmc-site .cmc-utility--inline,
  html body.cmc-site #cmc-primary-nav .cmc-nav__panel{
    margin-right: clamp(8px, 1.1vw, 18px) !important;
  }

  /* Add a little breathing room on both secondary and primary menus */
  html body.cmc-site .cmc-menu--utility,
  html body.cmc-site .cmc-menu--primary{
    padding-right: clamp(6px, .8vw, 14px) !important;
  }

  /* Title approximately doubled from compact pass */
  html body.cmc-site .cmc-brand__title{
    font-size: clamp(2.2rem, 2.8vw, 2.9rem) !important;
    line-height: 1 !important;
    letter-spacing: -.01em !important;
  }

  html body.cmc-site .cmc-brand__subtitle{
    font-size: clamp(.92rem, 1.05vw, 1.12rem) !important;
    margin-top: 4px !important;
  }
}

/* =========================================================
   Footer Visibility Safeguard
========================================================= */
body.cmc-site .l-wrap__content,
body.cmc-site .l-content{
  overflow: visible !important;
}

body.cmc-site .cmc-footer{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 20 !important;
  clear: both !important;
}

/* =========================================================
   Premium Footer (Final Layer)
========================================================= */
body.cmc-site .cmc-footer.cmc-footer--pro{
  margin-top: clamp(20px, 3vw, 44px) !important;
  padding: clamp(22px, 3vw, 36px) clamp(12px, 2vw, 24px) clamp(14px, 2.5vw, 24px) !important;
  background:
    radial-gradient(900px 420px at 10% 0%, rgba(255,255,255,.11), transparent 62%),
    linear-gradient(180deg, #123f73 0%, #0c2e54 100%) !important;
  border-top: 1px solid rgba(255,255,255,.2) !important;
  color: #f2f6ff !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__inner{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: clamp(12px, 1.8vw, 24px) !important;
  padding-right: clamp(12px, 1.8vw, 24px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__grid{
  display: grid !important;
  grid-template-columns: 1.5fr 1fr 1fr 1.15fr !important;
  gap: clamp(14px, 1.8vw, 24px) !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__brand{
  margin: 0 0 10px !important;
  font-size: clamp(1.28rem, 1.7vw, 1.7rem) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__mission{
  margin: 0 0 14px !important;
  color: rgba(242,246,255,.92) !important;
  line-height: 1.65 !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__title{
  margin: 0 0 10px !important;
  font-size: .92rem !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  opacity: .86 !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__contact,
body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__menu,
body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__social{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  gap: 8px !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__social--pills{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__social--pills li{
  margin: 0 !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__social--pills a{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  width: 100% !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.26) !important;
  background: rgba(255,255,255,.1) !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__social-label{
  display: inline-block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__social-badge{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.18) !important;
  font-size: .66rem !important;
  letter-spacing: .04em !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__contact li{
  color: rgba(242,246,255,.9) !important;
  line-height: 1.45 !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro a{
  color: #f2f6ff !important;
  text-decoration: none !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro a:hover{
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__actions{
  display: grid !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.18) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  font-weight: 800 !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__btn--ghost{
  background: transparent !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__search{
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 8px !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__search input{
  height: 40px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.3) !important;
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
  padding: 0 12px !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__search input::placeholder{
  color: rgba(255,255,255,.72) !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__search button{
  height: 40px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #2f6fd8 !important;
  color: #fff !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__legal{
  margin-top: 14px !important;
  display: grid !important;
  gap: 6px !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__bottom{
  margin-top: clamp(20px, 3vw, 30px) !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(255,255,255,.22) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__bottom p{
  margin: 0 !important;
  font-size: .92rem !important;
  color: rgba(242,246,255,.9) !important;
}

body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__top{
  border: 1px solid rgba(255,255,255,.28) !important;
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  border-radius: 999px !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

@media (max-width: 980px){
  body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__inner{
    width: 100% !important;
  }

  body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__grid{
    grid-template-columns: 1fr !important;
  }

  body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__social--pills{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__bottom{
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

@media (max-width: 560px){
  body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__social--pills{
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   System Polish: form anti-spam field (hidden from users)
========================================================= */
.cmc-hp-wrap{
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* =========================================================
   ALPS Parity: 7th Column Scroll + Header Max Width
========================================================= */
html body .l-sabbath__overlay{
  transition: none !important;
  will-change: auto !important;
}

html body .l-sabbath__logo-light{
  transition: none !important;
  will-change: auto !important;
}

/* Match ALPS 6-of-7 style header band on desktop while preserving mobile flow. */
@media (min-width: 901px){
  html body.cmc-site .cmc-header > .cmc-header__inner,
  html body.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
  html body.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner{
    max-width: calc(85.7142857143vw - .01px) !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

/* =========================================================
   Phase 1 Visual Polish (header + hero + cards + typography)
========================================================= */
:root{
  --cmc-phase1-ink: #0b2342;
  --cmc-phase1-elev: 0 14px 34px rgba(8, 22, 46, .12);
  --cmc-phase1-elev-hover: 0 22px 44px rgba(8, 22, 46, .2);
  --cmc-phase1-radius-lg: 20px;
  --cmc-phase1-radius-md: 14px;
}

html body.cmc-site{
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html body.cmc-site .cmc-header > .cmc-header__inner{
  min-height: 72px !important;
  gap: 12px !important;
  padding: 8px clamp(14px, 1.8vw, 28px) !important;
}

html body.cmc-site .cmc-brand__title{
  font-size: clamp(2.2rem, 2.8vw, 2.9rem) !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
}

html body.cmc-site .cmc-brand__subtitle{
  font-size: clamp(.92rem, 1.05vw, 1.12rem) !important;
  line-height: 1.08 !important;
  margin-top: 4px !important;
}

body.home .cmc-hero{
  padding-top: clamp(130px, 14vw, 190px) !important;
  padding-bottom: clamp(70px, 8vw, 110px) !important;
}

body.home .cmc-hero__title{
  font-size: clamp(2.2rem, 4.3vw, 3.8rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.024em !important;
  margin-bottom: 16px !important;
  text-wrap: balance;
}

body.home .cmc-hero__text{
  max-width: 52ch;
  font-size: clamp(1rem, 1.2vw, 1.16rem) !important;
  line-height: 1.68 !important;
  color: rgba(255, 255, 255, .94) !important;
}

body.home .cmc-hero__actions{
  margin-top: 24px !important;
  gap: 12px !important;
}

body.home :is(.cmc-btn--hero, .cmc-btn--hero-ghost, .cmc-btn--pill){
  min-height: 44px;
  border-radius: 999px;
  font-weight: 850;
  letter-spacing: .01em;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

body.home .cmc-btn--hero{
  box-shadow: 0 16px 34px rgba(9, 28, 58, .24) !important;
}

body.home .cmc-btn--hero:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 40px rgba(9, 28, 58, .28) !important;
}

body.home :is(.cmc-triptych-item, .cmc-action-card, .cmc-news-card){
  border-radius: var(--cmc-phase1-radius-lg) !important;
  border: 1px solid rgba(11, 42, 111, .1) !important;
  box-shadow: var(--cmc-phase1-elev) !important;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

body.home :is(.cmc-triptych-item, .cmc-action-card, .cmc-news-card):hover{
  transform: translateY(-4px);
  box-shadow: var(--cmc-phase1-elev-hover) !important;
  border-color: rgba(47, 111, 216, .25) !important;
}

body.home .cmc-triptych-item{
  padding: clamp(20px, 2.4vw, 28px) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.1)) !important;
  backdrop-filter: blur(3px);
}

body.home .cmc-triptych-avatar{
  border-radius: 50%;
  box-shadow: 0 12px 24px rgba(7, 18, 38, .2);
}

body.home :is(.cmc-triptych-title, .cmc-action-card__title, .cmc-news-card__title){
  letter-spacing: -.01em;
}

body.home .cmc-news-card__body{
  padding: 18px 18px 20px !important;
}

body.home .cmc-news-card__excerpt{
  line-height: 1.62 !important;
  color: rgba(11, 35, 66, .82) !important;
}

body.home :is(.cmc-action-card__btn, .cmc-news-card__link){
  border-radius: 999px !important;
  min-height: 40px;
  padding-inline: 14px !important;
}

body.home .cmc-bg-action-findchurch{
  background-image: url('https://adventist.org/wp-content/uploads/2022/06/adventist-leadership.jpg');
}

body.home .cmc-bg-action-prayer{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/02/Pray.jpg');
}

body.home .cmc-bg-action-answers{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/02/Bible-1.avif');
}

@media (max-width: 980px){
  body.home .cmc-hero{
    padding-top: 110px !important;
    padding-bottom: 64px !important;
  }

  body.home :is(.cmc-triptych-item, .cmc-action-card, .cmc-news-card){
    border-radius: var(--cmc-phase1-radius-md) !important;
  }
}

/* =========================================================
   Phase 2 Visual Polish (flow + tiles + motion + focus)
========================================================= */
:root{
  --cmc-phase2-space: clamp(48px, 6vw, 84px);
  --cmc-phase2-space-tight: clamp(26px, 3.2vw, 42px);
  --cmc-phase2-ring: #8ec2ff;
}

body.home :is(.cmc-actions3, .cmc-kpis, .cmc-latest-news, .cmc-block){
  padding-top: var(--cmc-phase2-space);
  padding-bottom: var(--cmc-phase2-space-tight);
}

body.home .cmc-kpis{
  padding-top: clamp(34px, 4vw, 52px);
}

body.home .cmc-latest-news{
  background:
    radial-gradient(1200px 380px at 50% -10%, rgba(40, 102, 188, .1), rgba(40, 102, 188, 0) 65%),
    linear-gradient(180deg, rgba(248, 251, 255, .85), rgba(244, 248, 255, .98));
}

body.home :is(.cmc-identity, .cmc-belief, .cmc-impact){
  background:
    linear-gradient(180deg, rgba(248, 251, 255, .98), rgba(240, 246, 255, .98));
}

body.home .cmc-block .cmc-section-text{
  max-width: 72ch;
  margin-left: auto;
  margin-right: auto;
}

body.home .cmc-feature-grid{
  gap: clamp(16px, 2vw, 24px);
}

body.home .cmc-feature-tile{
  min-height: clamp(240px, 30vw, 320px);
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .24);
  box-shadow: 0 16px 38px rgba(8, 23, 49, .18);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

body.home .cmc-feature-tile::before{
  background: linear-gradient(180deg, rgba(7, 24, 49, .22), rgba(7, 24, 49, .72));
}

body.home .cmc-feature-tile:hover{
  transform: translateY(-4px);
  box-shadow: 0 24px 46px rgba(8, 23, 49, .24);
  filter: saturate(1.05);
}

body.home .cmc-feature-tile__body{
  padding: clamp(16px, 2vw, 22px);
}

body.home .cmc-feature-tile__title{
  line-height: 1.22;
  letter-spacing: -.01em;
}

/* Front-page class map now owns all tile imagery */
body.home .cmc-bg-belief-god{
  background-image: url('https://adventist.org/wp-content/uploads/2022/06/adventist-departments.jpg');
}

body.home .cmc-bg-belief-jesus{
  background-image: url('https://adventist.org/wp-content/uploads/2022/06/adventist-mission.jpg');
}

body.home .cmc-bg-belief-spirit{
  background-image: url('https://adventist.org/wp-content/uploads/2022/06/women-ministry.jpg');
}

body.home .cmc-bg-impact-evangelism{
  background-image: url('https://adventist.org/wp-content/uploads/2022/06/adventist-mission.jpg');
}

body.home .cmc-bg-impact-health{
  background-image: url('https://adventist.org/wp-content/uploads/2022/06/health-ministry.jpg');
}

body.home .cmc-bg-impact-community{
  background-image: url('https://adventist.org/wp-content/uploads/2022/06/adventist-departments.jpg');
}

@media (prefers-reduced-motion: no-preference){
  body.home .cmc-news-grid .cmc-news-card:nth-child(1){ transition-delay: .04s; }
  body.home .cmc-news-grid .cmc-news-card:nth-child(2){ transition-delay: .1s; }
  body.home .cmc-news-grid .cmc-news-card:nth-child(3){ transition-delay: .16s; }

  body.home .cmc-feature-grid .cmc-feature-tile:nth-child(1){ transition-delay: .04s; }
  body.home .cmc-feature-grid .cmc-feature-tile:nth-child(2){ transition-delay: .08s; }
  body.home .cmc-feature-grid .cmc-feature-tile:nth-child(3){ transition-delay: .12s; }
  body.home .cmc-feature-grid .cmc-feature-tile:nth-child(4){ transition-delay: .16s; }
}

@media (prefers-reduced-motion: reduce){
  body.home :is(.cmc-feature-tile, .cmc-news-card, .cmc-action-card, .cmc-triptych-item){
    transition: none !important;
    transform: none !important;
  }
}

body.home :is(a, button, input, [tabindex]):focus-visible{
  outline: 3px solid var(--cmc-phase2-ring);
  outline-offset: 3px;
}

/* =========================================================
   Phase 3 Visual Polish (story flow + module clarity)
========================================================= */
:root{
  --cmc-phase3-surface: #f7faff;
  --cmc-phase3-card: #ffffff;
  --cmc-phase3-line: rgba(15, 57, 108, .12);
  --cmc-phase3-ink-strong: #102a4a;
  --cmc-phase3-ink-soft: rgba(16, 42, 74, .78);
}

body.home .cmc-search-section{
  position: relative;
  padding-top: clamp(22px, 3vw, 34px);
  padding-bottom: clamp(18px, 2.8vw, 30px);
}

body.home .cmc-search-section::before{
  content: "";
  display: block;
  width: min(900px, 88%);
  height: 1px;
  margin: 0 auto clamp(20px, 2.6vw, 30px);
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0));
}

body.home .cmc-search-card{
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,253,255,.95));
  border: 1px solid rgba(255,255,255,.45);
  box-shadow: 0 14px 36px rgba(7, 24, 52, .2);
  border-radius: 22px;
  padding: clamp(22px, 2.8vw, 34px);
}

body.home .cmc-search-title{
  color: #10335b;
  font-size: clamp(1.2rem, 1.8vw, 1.7rem);
  letter-spacing: -.01em;
  line-height: 1.15;
  margin-bottom: 14px;
}

body.home .cmc-search-bar{
  background: #ffffff;
  border: 1px solid rgba(16, 61, 112, .16);
  border-radius: 999px;
  padding: 7px 8px 7px 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

body.home .cmc-search-input{
  color: var(--cmc-phase3-ink-strong);
}

body.home .cmc-search-input::placeholder{
  color: rgba(16, 42, 74, .56);
}

body.home .cmc-search-btn{
  min-width: 44px;
  min-height: 44px;
  border-radius: 999px;
  box-shadow: 0 10px 18px rgba(14, 59, 112, .24);
}

body.home .cmc-search-tags{
  margin-top: 14px;
}

body.home .cmc-tag{
  border: 1px solid rgba(16, 61, 112, .16);
  background: rgba(255,255,255,.8);
}

body.home .cmc-kpis__card{
  border: 1px solid var(--cmc-phase3-line);
  background:
    radial-gradient(900px 240px at 50% -20%, rgba(72, 135, 220, .18), rgba(72, 135, 220, 0) 70%),
    var(--cmc-phase3-card);
  box-shadow: 0 16px 38px rgba(8, 25, 54, .12);
}

body.home .cmc-kpis__title{
  color: var(--cmc-phase3-ink-strong);
  letter-spacing: -.012em;
}

body.home .cmc-kpi{
  border: 1px solid rgba(16, 61, 112, .1);
  border-radius: 14px;
  background: rgba(255,255,255,.76);
  padding: 12px 10px;
}

body.home .cmc-kpi__num{
  color: #0f3f74;
  text-shadow: 0 5px 16px rgba(39, 96, 173, .14);
}

body.home .cmc-kpi__label{
  color: var(--cmc-phase3-ink-soft);
}

body.home .cmc-latest-news{
  position: relative;
}

body.home .cmc-latest-news::before{
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(18,62,112,0), rgba(18,62,112,.2), rgba(18,62,112,0));
}

body.home .cmc-latest-news__head{
  margin-bottom: clamp(16px, 2vw, 24px);
}

body.home .cmc-news-card__meta{
  color: rgba(16, 42, 74, .72);
  font-size: .82rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.home .cmc-news-card__title{
  line-height: 1.2;
  margin-top: 10px;
  margin-bottom: 10px;
}

body.home .cmc-news-card__title a{
  color: #12355f;
}

body.home .cmc-news-card__title a:hover{
  color: #0f4f93;
}

body.home .cmc-news-card__link{
  font-weight: 800;
  letter-spacing: .02em;
}

body.home .cmc-final-cta__card{
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 20px 48px rgba(5, 24, 50, .22);
}

@media (max-width: 980px){
  body.home .cmc-search-card{
    border-radius: 16px;
    padding: 16px;
  }

  body.home .cmc-search-bar{
    border-radius: 14px;
    padding: 6px;
  }

  body.home .cmc-search-btn{
    width: 100%;
  }

  body.home .cmc-kpi{
    padding: 10px 8px;
    border-radius: 12px;
  }
}

/* =========================================================
   Phase 4 Visual Polish (interaction + hierarchy + mobile calm)
========================================================= */
:root{
  --cmc-phase4-cta: #1559a0;
  --cmc-phase4-cta-hover: #0f4b89;
  --cmc-phase4-chip: rgba(255,255,255,.14);
  --cmc-phase4-chip-border: rgba(255,255,255,.24);
}

html body.home.cmc-site .cmc-header.is-scrolled{
  background: linear-gradient(180deg, rgba(9, 34, 69, .92), rgba(9, 34, 69, .82)) !important;
  border-bottom: 1px solid rgba(255,255,255,.14) !important;
  backdrop-filter: blur(8px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.05) !important;
}

body.home .cmc-hero-trust{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

body.home .cmc-hero-trust__item{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 12px;
  border-radius: 999px;
  background: var(--cmc-phase4-chip);
  border: 1px solid var(--cmc-phase4-chip-border);
  backdrop-filter: blur(5px);
}

body.home .cmc-hero-trust__item strong{
  font-size: 1rem;
  letter-spacing: -.01em;
}

@keyframes cmc-scrollcue-breathe{
  0%, 100% { transform: translateY(0); opacity: .9; }
  50% { transform: translateY(3px); opacity: 1; }
}

body.home .cmc-scrollcue{
  animation: cmc-scrollcue-breathe 2.2s ease-in-out infinite;
}

body.home :is(.cmc-action-card__btn, .cmc-news-card__link, .cmc-final-cta__btn){
  min-height: 44px;
  padding-inline: 16px !important;
  border: 1px solid rgba(16, 61, 112, .18);
  background: linear-gradient(180deg, var(--cmc-phase4-cta), #124f8f);
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(9, 38, 76, .2);
}

body.home :is(.cmc-action-card__btn, .cmc-news-card__link, .cmc-final-cta__btn):hover{
  background: linear-gradient(180deg, var(--cmc-phase4-cta-hover), #0d447d);
  box-shadow: 0 14px 28px rgba(9, 38, 76, .28);
}

body.home .cmc-final-cta__btn--primary{
  background: linear-gradient(180deg, #2a78d2, #1d63b3) !important;
  border-color: rgba(255,255,255,.2) !important;
}

body.home .cmc-final-cta__btn--primary:hover{
  background: linear-gradient(180deg, #236bbd, #1a5ca4) !important;
}

body.home .cmc-news-card__excerpt{
  text-wrap: pretty;
}

body.home .cmc-news-card__title{
  text-wrap: balance;
}

@media (prefers-reduced-motion: reduce){
  body.home .cmc-scrollcue{
    animation: none !important;
  }
}

@media (max-width: 980px){
  body.home .cmc-hero-trust{
    gap: 8px;
    margin-top: 14px;
  }

  body.home .cmc-hero-trust__item{
    width: 100%;
    justify-content: center;
    padding: 8px 10px;
  }

  body.home .cmc-search-tags{
    gap: 8px;
  }

  body.home .cmc-tag{
    min-height: 36px;
    display: inline-flex;
    align-items: center;
  }

  body.home :is(.cmc-triptych-item, .cmc-action-card, .cmc-news-card, .cmc-feature-tile):hover{
    transform: none !important;
    box-shadow: var(--cmc-phase1-elev) !important;
    filter: none !important;
  }
}

/* =========================================================
   Phase 5 Visual Polish (readability + responsive precision)
========================================================= */
:root{
  --cmc-phase5-ink: #0f2f56;
  --cmc-phase5-muted: rgba(15, 47, 86, .72);
  --cmc-phase5-line: rgba(15, 56, 104, .14);
}

body.home :is(.cmc-latest-news__title, .cmc-section-title, .cmc-kpis__title, .cmc-final-cta__title){
  text-wrap: balance;
  letter-spacing: -.014em;
}

body.home :is(.cmc-triptych-text, .cmc-news-card__excerpt, .cmc-final-cta__text, .cmc-section-text){
  text-wrap: pretty;
}

body.home .cmc-section-title{
  color: var(--cmc-phase5-ink);
}

body.home .cmc-section-text{
  color: var(--cmc-phase5-muted);
  line-height: 1.68;
}

body.home .cmc-kicker-line{
  width: min(260px, 62%);
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(44,108,196,.2), rgba(44,108,196,.68), rgba(44,108,196,.2));
}

body.home .cmc-triptych-grid{
  gap: clamp(14px, 1.8vw, 22px);
}

body.home .cmc-triptych-item{
  border: 1px solid rgba(255,255,255,.22) !important;
}

body.home .cmc-action-card__overlay{
  background: linear-gradient(180deg, rgba(7, 25, 52, .2), rgba(7, 25, 52, .78));
}

body.home .cmc-news-grid{
  gap: clamp(14px, 2vw, 24px);
}

body.home .cmc-news-card__body{
  border-top: 1px solid var(--cmc-phase5-line);
}

body.home .cmc-news-card__meta{
  gap: 8px;
}

body.home .cmc-news-card__dot{
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(15, 56, 104, .36);
}

body.home .cmc-final-cta__actions{
  gap: 10px;
}

body.home .cmc-final-cta__actions .cmc-final-cta__btn{
  min-width: 172px;
}

/* Large monitors: avoid over-stretched rows */
@media (min-width: 1440px){
  body.home .cmc-content{
    max-width: 1360px;
  }

  body.home .cmc-news-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Small phones: priority is legibility and tap comfort */
@media (max-width: 640px){
  body.home .cmc-hero__actions{
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 10px !important;
  }

  body.home :is(.cmc-btn--hero, .cmc-btn--hero-ghost){
    width: 100%;
    justify-content: center;
  }

  body.home .cmc-search-title{
    font-size: clamp(1.08rem, 5.4vw, 1.28rem);
  }

  body.home .cmc-news-card__title{
    font-size: 1.1rem;
  }

  body.home .cmc-final-cta__actions{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
  }

  body.home .cmc-final-cta__actions .cmc-final-cta__btn{
    width: 100%;
  }
}

/* High contrast preference support */
@media (prefers-contrast: more){
  body.home .cmc-search-card,
  body.home .cmc-kpis__card,
  body.home .cmc-news-card,
  body.home .cmc-action-card,
  body.home .cmc-feature-tile{
    border-color: rgba(8, 38, 78, .42) !important;
  }

  body.home :is(.cmc-action-card__btn, .cmc-news-card__link, .cmc-final-cta__btn){
    border-color: rgba(255,255,255,.45) !important;
  }
}

/* =========================================================
   Phase 6 Visual Polish (signature identity + proportional rhythm)
========================================================= */
:root{
  --cmc-phase6-sky: #eef5ff;
  --cmc-phase6-blue: #1f63b4;
  --cmc-phase6-shadow: 0 18px 38px rgba(8, 30, 62, .14);
}

body.home .cmc-topstage{
  position: relative;
}

body.home .cmc-topstage::after{
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: clamp(70px, 10vw, 120px);
  pointer-events: none;
  background: linear-gradient(180deg, rgba(238, 245, 255, 0), rgba(238, 245, 255, .9));
}

body.home .cmc-triptych{
  position: relative;
}

body.home .cmc-triptych::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(700px 240px at 12% 0%, rgba(52, 115, 201, .12), rgba(52, 115, 201, 0) 70%),
    radial-gradient(700px 240px at 88% 12%, rgba(52, 115, 201, .1), rgba(52, 115, 201, 0) 72%);
}

body.home .cmc-triptych > *{
  position: relative;
  z-index: 1;
}

body.home :is(.cmc-action-card, .cmc-feature-tile){
  box-shadow: var(--cmc-phase6-shadow) !important;
}

body.home .cmc-action-card{
  min-height: clamp(260px, 30vw, 340px);
}

body.home .cmc-action-card__content{
  gap: 10px;
}

body.home .cmc-news-card__media{
  aspect-ratio: 16 / 10;
}

body.home .cmc-news-card__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.home .cmc-feature-tile{
  aspect-ratio: 4 / 3;
}

body.home .cmc-search-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.home .cmc-tag{
  border-radius: 999px;
  color: #11385f;
  font-weight: 700;
}

body.home .cmc-tag:hover{
  background: rgba(31, 99, 180, .14);
  border-color: rgba(31, 99, 180, .28);
}

body.home .cmc-kpis__kicker{
  color: #16477a;
  letter-spacing: .12em;
}

body.home .cmc-kpi{
  box-shadow: 0 8px 20px rgba(13, 52, 102, .08);
}

body.home .cmc-latest-news__btn{
  background: linear-gradient(180deg, #226cc2, #18589f);
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 12px 28px rgba(10, 43, 84, .22);
}

body.home .cmc-latest-news__btn:hover{
  background: linear-gradient(180deg, #1e61ae, #154c8a);
}

/* Hover effects only when device supports hover */
@media (hover: hover) and (pointer: fine){
  body.home :is(.cmc-triptych-item, .cmc-action-card, .cmc-news-card, .cmc-feature-tile){
    transition-duration: .18s !important;
  }
}

/* Mobile and touch: reduce visual noise, keep depth */
@media (hover: none), (pointer: coarse){
  body.home .cmc-topstage::after{
    height: 56px;
  }

  body.home .cmc-action-card{
    min-height: 240px;
  }

  body.home .cmc-feature-tile{
    aspect-ratio: 16 / 11;
  }

  body.home .cmc-news-card__media{
    aspect-ratio: 16 / 11;
  }

  body.home :is(.cmc-triptych-item, .cmc-action-card, .cmc-news-card, .cmc-feature-tile){
    box-shadow: 0 12px 24px rgba(8, 30, 62, .12) !important;
  }
}

/* =========================================================
   Phase 7 Stabilization (cleanup + consistency guardrails)
========================================================= */
:root{
  --cmc-phase7-card-border: rgba(12, 50, 98, .12);
  --cmc-phase7-card-bg: #ffffff;
  --cmc-phase7-hover-y: -4px;
  --cmc-phase7-focus: #7fb8ff;
}

/* Keep major home sections isolated from older stacked overlays */
body.home :is(.cmc-topstage, .cmc-actions3, .cmc-kpis, .cmc-latest-news, .cmc-block){
  isolation: isolate;
}

/* Canonical card system for home modules (single source of truth) */
body.home :is(.cmc-triptych-item, .cmc-action-card, .cmc-news-card, .cmc-feature-tile){
  border: 1px solid var(--cmc-phase7-card-border) !important;
  background-color: var(--cmc-phase7-card-bg);
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  will-change: transform;
}

@media (hover: hover) and (pointer: fine){
  body.home :is(.cmc-triptych-item, .cmc-action-card, .cmc-news-card, .cmc-feature-tile):hover{
    transform: translateY(var(--cmc-phase7-hover-y)) !important;
  }
}

/* Touch devices: fully disable lift interactions to avoid sticky hover artifacts */
@media (hover: none), (pointer: coarse){
  body.home :is(.cmc-triptych-item, .cmc-action-card, .cmc-news-card, .cmc-feature-tile){
    transform: none !important;
  }
}

/* Stabilize image rendering ratios and prevent paint shifts */
body.home :is(.cmc-news-card__media img, .cmc-triptych-avatar img, .cmc-feature-tile img){
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Cleaner visual hierarchy between title and excerpt blocks */
body.home .cmc-news-card__title + .cmc-news-card__excerpt{
  margin-top: 6px;
}

/* Input usability guardrails */
body.home .cmc-search-input{
  min-height: 44px;
}

@media (max-width: 980px){
  body.home .cmc-search-input{
    font-size: 16px; /* prevents iOS zoom on focus */
  }
}

/* Focus ring unification (overrides earlier mixed ring styles) */
body.home :is(a, button, input, [tabindex]):focus-visible{
  outline: 3px solid var(--cmc-phase7-focus) !important;
  outline-offset: 3px;
}

/* Respect reduced motion across all Phase 1-6 interactions */
@media (prefers-reduced-motion: reduce){
  body.home :is(.cmc-triptych-item, .cmc-action-card, .cmc-news-card, .cmc-feature-tile, .cmc-btn, .cmc-tag){
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}

/* =========================================================
   Phase 8 Refinement (spacing lattice + text measure alignment)
========================================================= */
:root{
  --cmc-phase8-gap-xs: 8px;
  --cmc-phase8-gap-sm: 12px;
  --cmc-phase8-gap-md: clamp(14px, 1.8vw, 22px);
  --cmc-phase8-measure-wide: 68ch;
  --cmc-phase8-measure-mid: 56ch;
}

/* Align text measure across home modules */
body.home :is(
  .cmc-hero__text,
  .cmc-latest-news__subtitle,
  .cmc-final-cta__text,
  .cmc-section-text
){
  max-width: var(--cmc-phase8-measure-wide);
}

body.home :is(.cmc-news-card__excerpt, .cmc-triptych-text){
  max-width: var(--cmc-phase8-measure-mid);
}

/* Normalize section-level inner spacing so rhythm is consistent */
body.home :is(.cmc-search-card, .cmc-kpis__card, .cmc-final-cta__card){
  padding: clamp(18px, 2.4vw, 30px);
}

body.home .cmc-actions3-grid{
  gap: var(--cmc-phase8-gap-md);
}

body.home .cmc-kpis__grid{
  gap: var(--cmc-phase8-gap-sm);
}

body.home .cmc-final-cta__actions{
  align-items: stretch;
}

/* Improve chip and metadata vertical rhythm */
body.home .cmc-search-tags{
  margin-top: var(--cmc-phase8-gap-sm);
}

body.home .cmc-news-card__meta{
  margin-bottom: 2px;
}

/* Keep cards balanced at tablet widths */
@media (max-width: 1024px){
  body.home .cmc-actions3-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.home .cmc-news-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Narrow mobile: single-column certainty and tighter spacing */
@media (max-width: 760px){
  body.home .cmc-actions3-grid,
  body.home .cmc-news-grid{
    grid-template-columns: 1fr;
  }

  body.home .cmc-kpis__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cmc-phase8-gap-xs);
  }

  body.home .cmc-final-cta__card{
    padding: 16px;
  }
}

/* =========================================================
   Virtual Page Fallbacks (missing link targets)
========================================================= */
body.cmc-virtual-page .cmc-virtual-hero{
  min-height: clamp(320px, 48vh, 520px);
  padding-top: clamp(120px, 12vh, 168px);
  padding-bottom: clamp(32px, 5vh, 56px);
  background-image:
    linear-gradient(180deg, rgba(8, 31, 63, .82), rgba(8, 31, 63, .62)),
    radial-gradient(900px 360px at 20% 10%, rgba(56, 126, 214, .26), rgba(56, 126, 214, 0) 70%);
}

body.cmc-virtual-page .cmc-virtual-hero__kicker{
  margin: 0 0 8px;
  color: rgba(255,255,255,.86);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 900;
  font-size: .82rem;
}

body.cmc-virtual-page .cmc-virtual-content{
  padding-top: clamp(24px, 4vw, 52px);
  padding-bottom: clamp(36px, 5vw, 70px);
}

body.cmc-virtual-page .cmc-virtual-card{
  background: #fff;
  border: 1px solid rgba(11, 42, 111, .12);
  border-radius: 18px;
  box-shadow: 0 16px 36px rgba(8, 28, 58, .1);
  padding: clamp(18px, 2.4vw, 30px);
}

body.cmc-virtual-page .cmc-virtual-card__text{
  margin: 0;
  color: rgba(13, 44, 82, .86);
  line-height: 1.65;
  max-width: 70ch;
}

body.cmc-virtual-page .cmc-virtual-card__actions{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 680px){
  body.cmc-virtual-page .cmc-virtual-card__actions{
    display: grid;
    grid-template-columns: 1fr;
  }
}

/* Global hero waves are consolidated in a later, authoritative block.
   Keeping only one system avoids duplicate seam lines across pages. */

/* =========================================================
   Front Page Premium Pass
========================================================= */
:root{
  --cmc-premium-radius: 18px;
  --cmc-premium-shadow: 0 16px 34px rgba(8, 28, 58, .12);
  --cmc-premium-shadow-hover: 0 24px 44px rgba(8, 28, 58, .2);
  --cmc-premium-line: rgba(16, 61, 112, .12);
  --cmc-premium-ease: cubic-bezier(.2, .7, .2, 1);
}

body.home .cmc-hero__content{
  max-width: 54ch !important;
}

body.home .cmc-hero__title{
  max-width: 18ch;
  margin-bottom: 12px !important;
}

body.home .cmc-hero__text{
  max-width: 50ch !important;
}

/* Section pacing and visual alternation */
body.home .cmc-actions3{
  background: linear-gradient(180deg, rgba(245, 250, 255, .96), rgba(242, 247, 255, .98));
}

body.home .cmc-kpis{
  background: #f8fbff;
}

body.home .cmc-latest-news{
  background: linear-gradient(180deg, #fbfdff, #f5f9ff) !important;
}

body.home :is(.cmc-identity, .cmc-belief, .cmc-impact){
  border-top: 1px solid rgba(16, 61, 112, .08);
}

/* Signature motif line under section headings */
body.home :is(.cmc-latest-news__head, .cmc-block > .cmc-wrap > .cmc-content){
  position: relative;
}

body.home :is(.cmc-latest-news__head, .cmc-block > .cmc-wrap > .cmc-content)::after{
  content: "";
  display: block;
  width: min(260px, 56%);
  height: 2px;
  margin: 12px auto 0;
  background: linear-gradient(90deg, rgba(47,111,216,0), rgba(47,111,216,.62), rgba(47,111,216,0));
}

/* Unified card system */
body.home :is(.cmc-triptych-item, .cmc-action-card, .cmc-news-card, .cmc-feature-tile, .cmc-kpis__card, .cmc-search-card, .cmc-final-cta__card){
  border-radius: var(--cmc-premium-radius) !important;
  border: 1px solid var(--cmc-premium-line) !important;
  box-shadow: var(--cmc-premium-shadow) !important;
}

/* Image art direction */
body.home .cmc-triptych-item:nth-child(1) .cmc-triptych-avatar img{ object-position: 50% 28%; }
body.home .cmc-triptych-item:nth-child(2) .cmc-triptych-avatar img{ object-position: 50% 24%; }
body.home .cmc-triptych-item:nth-child(3) .cmc-triptych-avatar img{ object-position: 50% 22%; }

/* Mission proof strip */
body.home .cmc-kpis__grid{
  align-items: stretch;
}

body.home .cmc-kpi{
  display: grid;
  gap: 2px;
}

body.home .cmc-kpi__label{
  font-weight: 800;
}

body.home .cmc-kpi__meta{
  font-size: .78rem;
  color: rgba(16, 42, 74, .68);
  letter-spacing: .03em;
  text-transform: uppercase;
}

/* Featured-first news layout */
body.home .cmc-news-grid{
  grid-template-columns: 1.2fr .8fr .8fr !important;
  gap: clamp(14px, 2vw, 24px) !important;
}

body.home .cmc-news-card--lead{
  grid-column: 1;
  grid-row: 1 / span 2;
}

body.home .cmc-news-card--lead .cmc-news-card__media{
  aspect-ratio: 16 / 12;
}

body.home .cmc-news-card--lead .cmc-news-card__body{
  padding: 20px 20px 22px !important;
}

body.home .cmc-news-card--lead .cmc-news-card__title{
  font-size: clamp(1.25rem, 1.7vw, 1.6rem);
}

body.home .cmc-news-card:not(.cmc-news-card--lead) .cmc-news-card__media{
  aspect-ratio: 16 / 10;
}

/* Motion consistency */
@media (hover: hover) and (pointer: fine){
  body.home :is(.cmc-triptych-item, .cmc-action-card, .cmc-news-card, .cmc-feature-tile, .cmc-btn, .cmc-tag){
    transition:
      transform .2s var(--cmc-premium-ease),
      box-shadow .2s var(--cmc-premium-ease),
      filter .2s var(--cmc-premium-ease),
      background-color .2s var(--cmc-premium-ease),
      border-color .2s var(--cmc-premium-ease) !important;
  }

  body.home :is(.cmc-triptych-item, .cmc-action-card, .cmc-news-card, .cmc-feature-tile):hover{
    transform: translateY(-4px) !important;
    box-shadow: var(--cmc-premium-shadow-hover) !important;
  }
}

/* Mobile simplification */
@media (max-width: 1024px){
  body.home .cmc-news-grid{
    grid-template-columns: 1fr 1fr !important;
  }

  body.home .cmc-news-card--lead{
    grid-column: 1 / -1;
    grid-row: auto;
  }
}

@media (max-width: 760px){
  body.home :is(.cmc-triptych-item, .cmc-action-card, .cmc-news-card, .cmc-feature-tile, .cmc-kpis__card, .cmc-search-card, .cmc-final-cta__card){
    box-shadow: 0 10px 20px rgba(8, 28, 58, .1) !important;
  }

  body.home .cmc-news-grid{
    grid-template-columns: 1fr !important;
  }

  body.home .cmc-kpi__meta{
    font-size: .72rem;
    letter-spacing: .02em;
  }
}

/* =========================================================
   Home Header Width Parity (match inner pages)
========================================================= */
@media (min-width: 901px){
  html body.home.cmc-site .cmc-header > .cmc-header__inner,
  html body.home.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
  html body.home.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner{
    width: 100% !important;
    max-width: var(--cmc-page-max, 1440px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--cmc-page-gutter, clamp(18px, 3vw, 40px)) !important;
    padding-right: var(--cmc-page-gutter, clamp(18px, 3vw, 40px)) !important;
  }
}

/* =========================================================
   Request Prayer Hero Premium + Dedicated Downward Wave
========================================================= */
body.page-request-prayer .cmc-prayerreq-hero{
  position: relative;
  isolation: isolate;
  min-height: clamp(460px, 62vh, 700px);
  padding-top: clamp(130px, 13vh, 184px) !important;
  padding-bottom: clamp(104px, 13vh, 154px) !important;
  background-image:
    linear-gradient(178deg, rgba(4, 20, 44, .82) 0%, rgba(8, 36, 70, .6) 55%, rgba(8, 36, 70, .35) 100%),
    radial-gradient(1100px 470px at 16% 8%, rgba(71, 141, 231, .33), rgba(71, 141, 231, 0) 66%),
    url('https://cmc.adventist.org/wp-content/uploads/2026/02/pray-together.jpg');
  background-position: center, center, center calc(50% + var(--cmc-prayer-parallax, 0px));
}

body.page-request-prayer .cmc-prayerreq-hero__inner{
  max-width: min(760px, 100%);
  padding: clamp(14px, 2vw, 24px);
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.22);
  background: linear-gradient(180deg, rgba(8, 35, 68, .36), rgba(8, 35, 68, .18));
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  box-shadow: 0 24px 56px rgba(4, 16, 36, .24);
}

body.page-request-prayer .cmc-prayerreq-hero__kicker{
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.28);
  letter-spacing: .1em;
}

body.page-request-prayer .cmc-prayerreq-hero__title{
  margin-top: 12px;
  font-size: clamp(2.1rem, 4.2vw, 3.7rem);
  line-height: 1.02;
  letter-spacing: -.02em;
  text-wrap: balance;
}

body.page-request-prayer .cmc-prayerreq-hero__text{
  margin-top: 14px;
  max-width: 56ch;
}

body.page-request-prayer .cmc-prayerreq-hero__chips{
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.page-request-prayer .cmc-prayerreq-hero__chip{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  color: #fff;
  font-weight: 700;
  font-size: .86rem;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.24);
}

body.page-request-prayer .cmc-prayerreq-hero__actions{
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-request-prayer .cmc-prayerreq-hero__actions .cmc-btn{
  min-height: 44px;
}

/* Override generic global hero-wave suppression: this page needs its own wave edge. */
body.page-request-prayer.cmc-site .cmc-prayerreq-hero::after{
  content: "" !important;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: clamp(86px, 10vw, 118px);
  z-index: 6;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 130' preserveAspectRatio='none'%3E%3Cpath fill='%23f5f9ff' d='M0 58 C180 22 350 26 550 56 C760 88 940 94 1145 70 C1330 48 1455 42 1600 52 L1600 130 L0 130 Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

body.page-request-prayer .cmc-prayerreq-section{
  --cmc-prayerreq-bg: linear-gradient(180deg, #f5f9ff 0%, #f8fbff 45%, #fbfdff 100%);
  position: relative;
  z-index: 8;
  margin-top: -3px;
  padding-top: clamp(18px, 2.7vw, 30px);
  background: var(--cmc-prayerreq-bg);
}

/* Make section background climb into the wave so no white seam appears. */
body.page-request-prayer.cmc-site .cmc-prayerreq-hero + .cmc-prayerreq-section::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(clamp(86px, 10vw, 118px) * -1 + 1px);
  height: clamp(86px, 10vw, 118px);
  z-index: 7;
  pointer-events: none;
  background: var(--cmc-prayerreq-bg);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 130' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 58 C180 22 350 26 550 56 C760 88 940 94 1145 70 C1330 48 1455 42 1600 52 L1600 130 L0 130 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 130' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 58 C180 22 350 26 550 56 C760 88 940 94 1145 70 C1330 48 1455 42 1600 52 L1600 130 L0 130 Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

body.page-request-prayer .cmc-prayerreq-section .cmc-wrap,
body.page-request-prayer .cmc-prayerreq-section .cmc-content,
body.page-request-prayer .cmc-prayerreq-grid{
  position: relative;
  z-index: 8;
}

body.page-request-prayer .cmc-prayerreq-proof{
  margin-top: clamp(-30px, -3vw, -16px);
  margin-bottom: 8px;
}

body.page-request-prayer .cmc-prayerreq-proof__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.page-request-prayer .cmc-prayerreq-proof__item{
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(11,42,111,.12);
  border-radius: 16px;
  box-shadow: 0 14px 30px rgba(8,28,58,.08);
  padding: 14px;
  animation: cmc-prayer-proof-rise .5s ease both;
}

body.page-request-prayer .cmc-prayerreq-proof__item:nth-child(2){ animation-delay: .06s; }
body.page-request-prayer .cmc-prayerreq-proof__item:nth-child(3){ animation-delay: .12s; }

@keyframes cmc-prayer-proof-rise{
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

body.page-request-prayer .cmc-prayerreq-proof__num{
  margin: 0;
  font-size: clamp(1.34rem, 2vw, 1.8rem);
  color: #123568;
  font-weight: 900;
  line-height: 1.05;
}

body.page-request-prayer .cmc-prayerreq-proof__label{
  margin-top: 6px;
  color: rgba(18,53,104,.78);
  line-height: 1.45;
}

body.page-request-prayer .cmc-prayerreq-cats{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.page-request-prayer .cmc-prayerreq-cat{
  appearance: none;
  border: 1px solid rgba(11,42,111,.2);
  background: #fff;
  color: #11325f;
  border-radius: 999px;
  min-height: 34px;
  padding: 0 12px;
  font-size: .86rem;
  font-weight: 700;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.page-request-prayer .cmc-prayerreq-cat:hover{
  border-color: rgba(47,111,216,.46);
}

body.page-request-prayer .cmc-prayerreq-cat.is-active{
  color: #fff;
  background: linear-gradient(180deg, #2a78d2, #1d63b3);
  border-color: rgba(26,85,160,.85);
  box-shadow: 0 8px 20px rgba(16, 61, 112, .24);
}

body.page-request-prayer .cmc-prayerreq-optional{
  margin-top: 14px;
  border: 1px solid rgba(11,42,111,.16);
  border-radius: 14px;
  background: rgba(255,255,255,.68);
  overflow: hidden;
}

body.page-request-prayer .cmc-prayerreq-optional summary{
  list-style: none;
  cursor: pointer;
  user-select: none;
  padding: 11px 12px;
  color: rgba(18,53,104,.86);
  font-weight: 700;
  font-size: .92rem;
}

body.page-request-prayer .cmc-prayerreq-optional summary::-webkit-details-marker{
  display: none;
}

body.page-request-prayer .cmc-prayerreq-optional summary::after{
  content: "+";
  float: right;
  font-size: 1rem;
}

body.page-request-prayer .cmc-prayerreq-optional[open] summary::after{
  content: "-";
}

body.page-request-prayer .cmc-prayerreq-optional__inner{
  padding: 0 12px 12px;
  border-top: 1px solid rgba(11,42,111,.1);
}

body.page-request-prayer .cmc-prayerreq-optional--toggles{
  margin-top: 8px;
}

body.page-request-prayer .cmc-prayerreq-form select{
  width: 100%;
  border: 1px solid rgba(11,42,111,.18);
  border-radius: 12px;
  padding: 12px;
  background: #fff;
  color: #0d2b56;
  font-size: .98rem;
  line-height: 1.45;
}

body.page-request-prayer .cmc-prayerreq-form select:focus{
  border-color: rgba(47,111,216,.72);
  box-shadow: 0 0 0 3px rgba(47,111,216,.16);
  outline: none;
}

body.page-request-prayer .cmc-prayerreq-form__check--consent{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(11,42,111,.14);
  background: rgba(255,255,255,.76);
}

body.page-request-prayer .cmc-prayerreq-form.is-hidden{
  display: none;
}

body.page-request-prayer .cmc-prayerreq-errors--js{
  margin: 0 0 10px;
}

body.page-request-prayer .cmc-prayerreq-challenge{
  margin-top: 12px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(11,42,111,.14);
  background: rgba(255,255,255,.78);
}

body.page-request-prayer .cmc-prayer-wall{
  background: linear-gradient(180deg, #f8fbff, #f2f7ff);
}

body.page-request-prayer .cmc-prayer-wall__head h2{
  margin: 0;
  color: #123568;
}

body.page-request-prayer .cmc-prayer-wall__head p{
  margin: 8px 0 0;
  color: rgba(18,53,104,.78);
}

body.page-request-prayer .cmc-prayer-wall__grid{
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.page-request-prayer .cmc-prayer-wall__item{
  background: #fff;
  border: 1px solid rgba(11,42,111,.12);
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 14px 30px rgba(8,28,58,.08);
}

body.page-request-prayer .cmc-prayer-wall__item p{
  margin: 8px 0 0;
  color: rgba(13,44,82,.84);
  line-height: 1.62;
}

body.page-request-prayer .cmc-prayer-wall__meta{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: .82rem;
  font-weight: 800;
  color: #1b4d89;
}

@media (max-width: 980px){
  body.page-request-prayer .cmc-prayerreq-hero{
    padding-top: 104px !important;
    padding-bottom: 82px !important;
  }

  body.page-request-prayer .cmc-prayerreq-hero__inner{
    padding: 14px;
    border-radius: 16px;
  }

  body.page-request-prayer .cmc-prayerreq-hero::after{
    height: 70px;
  }

  body.page-request-prayer.cmc-site .cmc-prayerreq-hero + .cmc-prayerreq-section::before{
    top: -69px;
    height: 70px;
  }

  body.page-request-prayer .cmc-prayerreq-hero__actions .cmc-btn{
    width: 100%;
    justify-content: center;
  }

  body.page-request-prayer .cmc-prayerreq-proof__grid,
  body.page-request-prayer .cmc-prayer-wall__grid{
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Request Prayer UX Refinement Pass
========================================================= */
body.page-request-prayer .cmc-prayerreq-section{
  padding-top: clamp(24px, 3vw, 42px);
}

body.page-request-prayer .cmc-prayerreq-grid{
  grid-template-columns: minmax(0, 1.38fr) minmax(280px, .62fr);
  gap: clamp(16px, 2.2vw, 28px);
  align-items: start;
}

body.page-request-prayer .cmc-prayerreq-card{
  position: relative;
  overflow: hidden;
}

body.page-request-prayer .cmc-prayerreq-card::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background: linear-gradient(90deg, #1f5ea8, #2f75cd, #5aa4ff);
}

body.page-request-prayer .cmc-prayerreq-card__title{
  letter-spacing: -.01em;
}

body.page-request-prayer .cmc-prayerreq-card__lead{
  margin-top: 8px;
  line-height: 1.65;
}

body.page-request-prayer .cmc-prayerreq-card__meta{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.page-request-prayer .cmc-prayerreq-card__meta span{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(17,72,132,.18);
  background: rgba(255,255,255,.9);
  color: rgba(16,49,90,.86);
  font-size: .78rem;
  font-weight: 700;
}

body.page-request-prayer .cmc-prayerreq-form{
  margin-top: 16px;
  display: grid;
  gap: 12px;
}

body.page-request-prayer .cmc-prayerreq-form__row{
  margin-top: 0;
}

body.page-request-prayer .cmc-prayerreq-form__row label{
  margin-bottom: 8px;
  font-size: .92rem;
}

body.page-request-prayer .cmc-prayerreq-form :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea, select){
  min-height: 46px;
  border-radius: 12px;
}

body.page-request-prayer .cmc-prayerreq-form textarea{
  min-height: 180px;
}

body.page-request-prayer .cmc-prayerreq-form__grouphead{
  margin-top: 4px;
  padding-top: 8px;
  border-top: 1px solid rgba(16,61,112,.12);
  color: #123568;
  font-size: .84rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
}

body.page-request-prayer .cmc-prayerreq-form__check{
  border: 1px solid rgba(11,42,111,.1);
  border-radius: 12px;
  padding: 10px 12px;
  background: rgba(255,255,255,.8);
  margin-top: 0;
}

body.page-request-prayer .cmc-prayerreq-form__check input{
  margin-top: 2px;
}

body.page-request-prayer .cmc-prayerreq-form__submit{
  margin-top: 2px;
}

body.page-request-prayer .cmc-prayerreq-form__footnote{
  margin: 0;
  color: rgba(16,49,90,.7);
  font-size: .82rem;
  line-height: 1.55;
}

body.page-request-prayer .cmc-prayerreq-alert{
  margin-top: 16px;
}

@media (min-width: 1025px){
  body.page-request-prayer .cmc-prayerreq-side{
    position: sticky;
    top: calc(var(--cmc-header-top, 0px) + 92px);
  }

  body.page-request-prayer .cmc-prayerreq-side__card{
    border-radius: 16px;
  }
}

@media (max-width: 980px){
  body.page-request-prayer .cmc-prayerreq-card__meta{
    gap: 6px;
  }

  body.page-request-prayer .cmc-prayerreq-form{
    gap: 10px;
  }

  body.page-request-prayer .cmc-prayerreq-form__check{
    padding: 9px 10px;
  }
}

/* =========================================================
   Request Prayer Phase 2: Minimal Premium Variant
========================================================= */
body.page-request-prayer .cmc-prayerreq-hero{
  min-height: clamp(430px, 58vh, 620px);
  padding-bottom: clamp(92px, 11vh, 132px) !important;
}

body.page-request-prayer .cmc-prayerreq-hero__inner{
  max-width: 820px;
  padding: clamp(12px, 1.6vw, 18px) clamp(14px, 2vw, 24px);
  border-radius: 18px;
}

body.page-request-prayer .cmc-prayerreq-hero__title{
  font-size: clamp(2.35rem, 4.8vw, 4.2rem);
  line-height: .99;
}

body.page-request-prayer .cmc-prayerreq-hero__text{
  font-size: clamp(1.04rem, 1.4vw, 1.2rem);
  max-width: 58ch;
}

body.page-request-prayer .cmc-prayerreq-hero__actions{
  margin-top: 18px;
}

body.page-request-prayer .cmc-prayerreq-section{
  padding-top: clamp(18px, 2.2vw, 28px);
}

body.page-request-prayer .cmc-prayerreq-grid{
  grid-template-columns: minmax(0, 860px);
  justify-content: center;
}

body.page-request-prayer .cmc-prayerreq-card{
  border-radius: 18px;
  box-shadow: 0 18px 34px rgba(8, 28, 58, .1);
  padding: clamp(18px, 2.3vw, 28px);
}

body.page-request-prayer .cmc-prayerreq-card::before{
  height: 3px;
}

body.page-request-prayer .cmc-prayerreq-card__title{
  font-size: clamp(1.5rem, 2.2vw, 2.25rem);
}

body.page-request-prayer .cmc-prayerreq-card__lead{
  font-size: 1rem;
  color: rgba(15,45,93,.76);
}

body.page-request-prayer .cmc-prayerreq-form{
  gap: 10px;
}

body.page-request-prayer .cmc-prayerreq-form__grouphead{
  margin-top: 8px;
}

body.page-request-prayer .cmc-prayerreq-form :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea, select){
  font-size: 1rem;
}

body.page-request-prayer .cmc-prayerreq-form__submit{
  width: 100%;
  justify-content: center;
  min-height: 48px;
}

body.page-request-prayer :is(.cmc-prayerreq-proof, .cmc-prayer-wall, .cmc-prayerreq-side){
  display: none !important;
}

@media (max-width: 980px){
  body.page-request-prayer .cmc-prayerreq-hero{
    min-height: auto;
    padding-top: 104px !important;
    padding-bottom: 78px !important;
  }

  body.page-request-prayer .cmc-prayerreq-hero__title{
    font-size: clamp(1.9rem, 8.4vw, 2.7rem);
  }
}

/* =========================================================
   About Page (Strategic Plan aligned)
========================================================= */
body.page-about .cmc-about-page{
  color: #123155;
  background:
    radial-gradient(900px 340px at 12% -8%, rgba(89,152,228,.09), rgba(89,152,228,0) 72%),
    #f8fbff;
}

body.page-about .cmc-about-hero{
  position: relative;
  min-height: clamp(480px, 62vh, 680px);
  padding: clamp(248px, 26vh, 340px) 0 clamp(108px, 13vh, 156px);
  background:
    linear-gradient(180deg, rgba(8, 25, 52, .86) 0%, rgba(10, 34, 68, .72) 56%, rgba(12, 39, 76, .62) 100%),
    var(--cmc-about-hero-image);
  background-size: cover;
  background-position: center;
  color: #fff;
}

body.page-about .cmc-about-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,0) 44%);
  pointer-events: none;
}

body.page-about .cmc-about-hero::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: clamp(74px, 8.5vw, 110px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 130' preserveAspectRatio='none'%3E%3Cpath fill='%23f8fbff' d='M0 58 C180 22 350 26 550 56 C760 88 940 94 1145 70 C1330 48 1455 42 1600 52 L1600 130 L0 130 Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}

body.page-about .cmc-about-hero__inner{
  position: relative;
  z-index: 2;
  max-width: min(820px, 100%);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.page-about .cmc-about-hero__kicker{
  margin: 0;
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 900;
  color: rgba(255,255,255,.96) !important;
}

body.page-about .cmc-about-hero__title{
  margin: 10px 0 0;
  font-size: clamp(2.35rem, 5vw, 4.2rem);
  line-height: .98;
  letter-spacing: -.02em;
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.28);
}

body.page-about .cmc-about-hero__lead{
  margin: 14px 0 0;
  font-size: clamp(1rem, 1.35vw, 1.2rem);
  line-height: 1.68;
  max-width: 58ch;
  color: rgba(255,255,255,.98) !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.24);
}

body.page-about .cmc-about-hero__actions{
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-about .cmc-about-section{
  padding: clamp(34px, 4.4vw, 72px) 0;
  background: linear-gradient(180deg, #f9fcff, #f4f9ff);
}

body.page-about .cmc-about-section:nth-of-type(even){
  background: linear-gradient(180deg, #f5faff, #f8fcff);
}

body.page-about .cmc-about-strip{
  margin-top: -26px;
  position: relative;
  z-index: 12;
}

body.page-about .cmc-about-strip::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -34px;
  height: 34px;
  background: linear-gradient(180deg, rgba(248,251,255,0), rgba(248,251,255,.9));
  pointer-events: none;
}

body.page-about .cmc-about-strip__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.page-about .cmc-about-strip__item{
  background: linear-gradient(180deg, #ffffff, #f6fbff);
  border: 1px solid rgba(11,42,111,.14);
  border-radius: 14px;
  box-shadow: 0 16px 30px rgba(8,28,58,.1);
  padding: 14px 12px;
}

body.page-about .cmc-about-strip__num{
  margin: 0;
  font-size: clamp(1.35rem, 2vw, 1.95rem);
  font-weight: 900;
  line-height: 1.04;
  color: #11427d;
}

body.page-about .cmc-about-strip__item p{
  margin: 6px 0 0;
  color: rgba(16,42,77,.78);
}

body.page-about .cmc-about-nav{
  position: sticky;
  top: calc(var(--cmc-header-top, 0px) + 12px);
  z-index: 40;
  margin: 10px 0 0;
}

body.page-about .cmc-about-nav__inner{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px;
  border-radius: 14px;
  border: 1px solid rgba(11,42,111,.14);
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

body.page-about .cmc-about-nav__chip{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(20,77,143,.18);
  color: #12457d;
  text-decoration: none;
  font-size: .84rem;
  font-weight: 800;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body.page-about .cmc-about-nav__chip:hover{
  color: #0e3f73;
  border-color: rgba(20,77,143,.28);
  box-shadow: 0 8px 16px rgba(8,28,58,.08);
}

body.page-about .cmc-about-nav__chip:focus-visible{
  outline: 0;
  box-shadow: 0 0 0 3px rgba(33,106,196,.26);
}

body.page-about .cmc-about-nav__chip.is-active{
  color: #fff;
  background: #1f66b8;
  border-color: rgba(25,87,164,.84);
}

body.page-about :is(#about-leadership, #about-identity, #about-story, #about-coverage, #about-beliefs, #about-next-step){
  scroll-margin-top: calc(var(--cmc-header-top, 0px) + 88px);
}

body.page-about .cmc-about-section--identity{
  margin-top: -2px;
}

body.page-about .cmc-about-section--accent{
  background: linear-gradient(180deg, #f2f8ff, #f7fbff);
}

body.page-about .cmc-about-section--cta{
  background: linear-gradient(180deg, #1b4e86, #174677);
  color: #f2f7ff;
}

body.page-about .cmc-about-head h2{
  margin: 0;
  font-size: clamp(1.58rem, 2.35vw, 2.35rem);
  color: #0b2f5b;
}

body.page-about .cmc-about-head p{
  margin: 10px 0 0;
  color: rgba(16,42,77,.86);
  line-height: 1.66;
  max-width: 64ch;
}

body.page-about .cmc-about-head{
  margin-bottom: 6px;
}

body.page-about .cmc-about-grid-2{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

body.page-about .cmc-about-grid-3{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body.page-about :is(.cmc-about-card, .cmc-about-value, .cmc-about-pillar, .cmc-about-stat){
  background: linear-gradient(180deg, #ffffff, #f8fcff);
  border: 1px solid rgba(11,42,111,.12);
  border-radius: 16px;
  box-shadow: 0 10px 20px rgba(8, 28, 58, .06);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

body.page-about :is(.cmc-about-card, .cmc-about-value, .cmc-about-pillar, .cmc-about-stat):hover{
  transform: translateY(-1px);
  border-color: rgba(22,89,160,.2);
  box-shadow: 0 12px 22px rgba(8, 28, 58, .08);
}

body.page-about .cmc-about-card{
  padding: 18px;
}

body.page-about .cmc-about-card h2{
  margin: 0;
  color: #123568;
}

body.page-about .cmc-about-card p{
  margin: 10px 0 0;
  line-height: 1.66;
  max-width: 62ch;
  color: rgba(16,42,77,.86);
}

body.page-about .cmc-about-values{
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.page-about .cmc-about-leaders{
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.page-about .cmc-about-leader{
  background: linear-gradient(180deg, #ffffff, #f8fcff);
  border: 1px solid rgba(11,42,111,.12);
  border-top: 2px solid rgba(31,105,187,.26);
  border-radius: 16px;
  box-shadow: 0 10px 20px rgba(8,28,58,.06);
  padding: 14px;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

body.page-about .cmc-about-leader:hover{
  transform: translateY(-1px);
  border-color: rgba(20,77,143,.2);
  box-shadow: 0 12px 22px rgba(8,28,58,.08);
}

body.page-about .cmc-about-leader h3{
  margin: 0;
  color: #123568;
}

body.page-about .cmc-about-leader p{
  margin: 8px 0 0;
  color: rgba(16,42,77,.86);
  line-height: 1.6;
  max-width: 62ch;
}

body.page-about .cmc-about-leader__link{
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  margin-top: 10px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(20,77,143,.22);
  color: #1b62ac;
  text-decoration: none;
  font-weight: 800;
}

body.page-about .cmc-about-timeline{
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.page-about .cmc-about-time{
  background: linear-gradient(180deg, #ffffff, #f8fcff);
  border: 1px solid rgba(11,42,111,.12);
  border-radius: 16px;
  box-shadow: 0 10px 20px rgba(8,28,58,.06);
  padding: 14px;
  transition: transform .22s ease, box-shadow .22s ease;
}

body.page-about .cmc-about-time:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(8,28,58,.08);
}

body.page-about .cmc-about-time__year{
  display: inline-block;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(22,89,160,.12);
  border: 1px solid rgba(22,89,160,.2);
  color: #1559a0;
  font-size: .8rem;
  font-weight: 900;
  line-height: 28px;
}

body.page-about .cmc-about-time h3{
  margin: 10px 0 0;
  font-size: 1.02rem;
  color: #123568;
}

body.page-about .cmc-about-time p{
  margin: 8px 0 0;
  color: rgba(16,42,77,.86);
  line-height: 1.58;
  max-width: 60ch;
}

body.page-about .cmc-about-coverage{
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 12px;
}

body.page-about .cmc-about-coverage__card{
  background: linear-gradient(180deg, #ffffff, #f8fcff);
  border: 1px solid rgba(11,42,111,.12);
  border-top: 2px solid rgba(31,105,187,.26);
  border-radius: 16px;
  box-shadow: 0 10px 20px rgba(8,28,58,.06);
  padding: 16px;
}

body.page-about .cmc-about-coverage__card h3{
  margin: 0;
  color: #123568;
  font-weight: 900;
  line-height: 1.18;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

body.page-about .cmc-about-coverage__card p{
  margin: 8px 0 0;
  color: rgba(16,42,77,.86);
  line-height: 1.62;
  max-width: 64ch;
}

body.page-about .cmc-about-coverage__list{
  margin: 10px 0 0;
  padding-left: 18px;
  color: rgba(16,42,77,.88);
}

body.page-about .cmc-about-coverage__list li{
  margin: 7px 0;
  line-height: 1.55;
}

body.page-about .cmc-about-coverage__card--visual{
  background:
    radial-gradient(680px 280px at 20% -10%, rgba(39,103,183,.11), rgba(39,103,183,0) 68%),
    linear-gradient(180deg, #f8fbff, #f3f8ff);
}

body.page-about .cmc-about-coverage__maplabel{
  margin: 0;
  font-size: .8rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #1a4f8f;
}

body.page-about .cmc-about-beliefs{
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.page-about .cmc-about-beliefs__card{
  background: linear-gradient(180deg, #ffffff, #f8fcff);
  border: 1px solid rgba(11,42,111,.12);
  border-radius: 16px;
  box-shadow: 0 10px 20px rgba(8,28,58,.06);
  padding: 14px;
  transition: transform .22s ease, box-shadow .22s ease;
}

body.page-about .cmc-about-beliefs__card:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(8,28,58,.08);
}

body.page-about .cmc-about-beliefs__card h3{
  margin: 0;
  color: #123568;
  font-weight: 900;
  line-height: 1.18;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

body.page-about .cmc-about-beliefs__card p{
  margin: 8px 0 0;
  color: rgba(16,42,77,.86);
  line-height: 1.58;
  max-width: 60ch;
}

body.page-about .cmc-about-commitments{
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.page-about .cmc-about-commitment{
  background:
    linear-gradient(180deg, #ffffff, #f8fcff),
    repeating-linear-gradient(135deg, rgba(31,105,187,.03) 0 2px, transparent 2px 8px);
  border: 1px solid rgba(11,42,111,.12);
  border-radius: 16px;
  box-shadow: 0 10px 20px rgba(8,28,58,.06);
  padding: 14px;
  transition: transform .22s ease, box-shadow .22s ease;
}

body.page-about .cmc-about-commitment:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(8,28,58,.08);
}

body.page-about .cmc-about-commitment h3{
  margin: 0;
  font-size: 1rem;
  color: #123568;
}

body.page-about .cmc-about-commitment p{
  margin: 8px 0 0;
  color: rgba(16,42,77,.86);
  line-height: 1.58;
  max-width: 60ch;
}

body.page-about .cmc-about-faq{
  margin-top: 14px;
  display: grid;
  gap: 10px;
}

body.page-about .cmc-about-faq__item{
  border-radius: 14px;
  border: 1px solid rgba(11,42,111,.14);
  background: linear-gradient(180deg, #ffffff, #f8fcff);
  box-shadow: 0 8px 16px rgba(8,28,58,.05);
  overflow: hidden;
  transition: box-shadow .2s ease, border-color .2s ease;
}

body.page-about .cmc-about-faq__item[open]{
  border-color: rgba(20,77,143,.2);
  box-shadow: 0 10px 20px rgba(8,28,58,.07);
}

body.page-about .cmc-about-faq__item summary{
  cursor: pointer;
  list-style: none;
  padding: 12px 14px;
  color: #123568;
  font-weight: 800;
}

body.page-about .cmc-about-faq__item summary::-webkit-details-marker{
  display: none;
}

body.page-about .cmc-about-faq__item p{
  margin: 0;
  padding: 0 14px 14px;
  color: rgba(16,42,77,.88);
  line-height: 1.62;
  max-width: 66ch;
}

body.page-about .cmc-about-value{
  padding: 14px;
}

body.page-about .cmc-about-value h3{
  margin: 0;
  color: #123568;
  font-size: 1.05rem;
  font-weight: 900;
}

body.page-about .cmc-about-value p{
  margin: 8px 0 0;
  color: rgba(16,42,77,.86);
  line-height: 1.58;
  max-width: 60ch;
  font-weight: 700;
}

body.page-about .cmc-about-pillars{
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  gap: 18px;
}

body.page-about .cmc-about-pillar{
  padding: 22px 20px;
  min-width: 0;
}

body.page-about .cmc-about-pillar h3{
  margin: 0;
  font-size: .98rem;
  color: #123568;
  font-weight: 900;
  line-height: 1.18;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

body.page-about .cmc-about-pillar p{
  margin: 8px 0 0;
  color: rgba(16,42,77,.86);
  line-height: 1.52;
  max-width: 58ch;
}

body.page-about .cmc-about-stat{
  padding: 16px 14px;
}

body.page-about .cmc-about-stat__num{
  margin: 0;
  font-size: clamp(1.6rem, 2.6vw, 2.4rem);
  font-weight: 900;
  line-height: 1;
  color: #11427d;
}

body.page-about .cmc-about-stat p{
  margin: 8px 0 0;
  color: rgba(16,42,77,.86);
}

body.page-about .cmc-about-cta{
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 18px;
  padding: clamp(16px, 2.4vw, 30px);
  box-shadow: 0 14px 24px rgba(7, 24, 54, .16);
}

body.page-about :is(.cmc-about-value, .cmc-about-pillar, .cmc-about-commitment):nth-child(3n+1){
  border-top: 2px solid rgba(31,105,187,.2);
}

body.page-about :is(.cmc-about-value, .cmc-about-pillar, .cmc-about-commitment):nth-child(3n+2){
  border-top: 2px solid rgba(31,105,187,.2);
}

body.page-about :is(.cmc-about-value, .cmc-about-pillar, .cmc-about-commitment):nth-child(3n){
  border-top: 2px solid rgba(31,105,187,.2);
}

body.page-about .cmc-about-cta h2{
  margin: 0;
  font-size: clamp(1.55rem, 2.2vw, 2.2rem);
  color: #fff;
}

body.page-about .cmc-about-cta p{
  margin: 10px 0 0;
  color: rgba(242,247,255,.96);
  line-height: 1.62;
  max-width: 62ch;
}

body.page-about .cmc-about-cta__actions{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 1100px){
  body.page-about .cmc-about-strip__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-about .cmc-about-pillars{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-about .cmc-about-values{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-about .cmc-about-leaders,
  body.page-about .cmc-about-beliefs{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-about .cmc-about-commitments{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-about .cmc-about-timeline{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-about .cmc-about-coverage{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px){
  body.page-about .cmc-about-strip{
    margin-top: -16px;
  }

  body.page-about .cmc-about-grid-2,
  body.page-about .cmc-about-grid-3,
  body.page-about .cmc-about-values,
  body.page-about .cmc-about-pillars,
  body.page-about .cmc-about-strip__grid,
  body.page-about .cmc-about-leaders,
  body.page-about .cmc-about-beliefs,
  body.page-about .cmc-about-timeline,
  body.page-about .cmc-about-commitments{
    grid-template-columns: 1fr;
  }

  body.page-about .cmc-about-nav{
    position: static;
    margin-top: 12px;
  }

  body.page-about .cmc-about-hero{
    padding-top: 128px;
    padding-bottom: 72px;
  }

  body.page-about .cmc-about-hero__actions .cmc-btn,
  body.page-about .cmc-about-cta__actions .cmc-btn{
    width: 100%;
    justify-content: center;
  }
}

/* About page visual refresh: align with ACMS card language */
body.page-about .cmc-about-page{
  background: #ffffff;
  color: #163252;
}

body.page-about .cmc-about-section{
  background: #ffffff;
  padding: clamp(40px, 5vw, 76px) 0;
}

body.page-about .cmc-about-section:nth-of-type(even),
body.page-about .cmc-about-section--accent{
  background: #eef3ff;
}

body.page-about .cmc-about-strip{
  margin-top: -18px;
}

body.page-about .cmc-about-strip__grid,
body.page-about .cmc-about-grid-2,
body.page-about .cmc-about-grid-3,
body.page-about .cmc-about-values,
body.page-about .cmc-about-leaders,
body.page-about .cmc-about-timeline,
body.page-about .cmc-about-beliefs,
body.page-about .cmc-about-commitments,
body.page-about .cmc-about-coverage{
  gap: 22px;
}

body.page-about .cmc-about-head{
  margin-bottom: 18px;
}

body.page-about .cmc-about-head h2{
  color: #0b2f5b;
  font-size: clamp(1.95rem, 3.4vw, 3rem);
  line-height: 1.12;
  max-width: 18ch;
}

body.page-about .cmc-about-head p{
  margin-top: 14px;
  color: #4d627d;
  font-size: 1.02rem;
  line-height: 1.68;
  max-width: 64ch;
}

body.page-about .cmc-about-strip__item,
body.page-about .cmc-about-card,
body.page-about .cmc-about-value,
body.page-about .cmc-about-pillar,
body.page-about .cmc-about-stat,
body.page-about .cmc-about-leader,
body.page-about .cmc-about-time,
body.page-about .cmc-about-coverage__card,
body.page-about .cmc-about-beliefs__card,
body.page-about .cmc-about-commitment,
body.page-about .cmc-about-faq__item{
  background: #f1f1f1 !important;
  border: 0 !important;
  border-radius: 28px !important;
  box-shadow: none !important;
  padding: clamp(22px, 3vw, 34px);
}

body.page-about .cmc-about-leader,
body.page-about .cmc-about-time,
body.page-about .cmc-about-coverage__card,
body.page-about .cmc-about-beliefs__card,
body.page-about .cmc-about-commitment{
  padding: clamp(24px, 3vw, 36px);
}

body.page-about :is(.cmc-about-card, .cmc-about-value, .cmc-about-pillar, .cmc-about-stat):hover,
body.page-about .cmc-about-leader:hover,
body.page-about .cmc-about-time:hover,
body.page-about .cmc-about-beliefs__card:hover,
body.page-about .cmc-about-commitment:hover{
  transform: none;
  box-shadow: none;
}

body.page-about .cmc-about-strip__num,
body.page-about .cmc-about-stat__num{
  color: var(--cmc-hover, #2f6fd8);
}

body.page-about .cmc-about-card h2,
body.page-about .cmc-about-leader h3,
body.page-about .cmc-about-time h3,
body.page-about .cmc-about-coverage__card h3,
body.page-about .cmc-about-beliefs__card h3,
body.page-about .cmc-about-value h3,
body.page-about .cmc-about-pillar h3,
body.page-about .cmc-about-commitment h3{
  color: var(--cmc-hover, #2f6fd8) !important;
  font-size: clamp(1.35rem, 2vw, 1.95rem);
  line-height: 1.16;
  font-weight: 900;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

body.page-about .cmc-about-pillar h3,
body.page-about .cmc-about-value h3,
body.page-about .cmc-about-commitment h3,
body.page-about .cmc-about-time h3{
  font-size: clamp(1.15rem, 1.65vw, 1.5rem);
  font-weight: 900;
  line-height: 1.18;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

body.page-about .cmc-about-card p,
body.page-about .cmc-about-leader p,
body.page-about .cmc-about-time p,
body.page-about .cmc-about-coverage__card p,
body.page-about .cmc-about-beliefs__card p,
body.page-about .cmc-about-value p,
body.page-about .cmc-about-pillar p,
body.page-about .cmc-about-commitment p,
body.page-about .cmc-about-stat p,
body.page-about .cmc-about-strip__item p,
body.page-about .cmc-about-faq__item p,
body.page-about .cmc-about-coverage__list{
  color: #4d4d4d;
  line-height: 1.65;
}

body.page-about .cmc-about-coverage__card--visual{
  background: #f1f1f1 !important;
}

body.page-about .cmc-about-coverage__maplabel{
  color: #0b2f5b;
}

body.page-about .cmc-about-time__year{
  background: rgba(47,111,216,.12);
  border-color: rgba(47,111,216,.2);
  color: var(--cmc-hover, #2f6fd8);
}

body.page-about .cmc-about-faq__item summary{
  padding: 20px 24px;
  color: #0b2f5b;
  font-size: 1.05rem;
}

body.page-about .cmc-about-faq__item p{
  padding: 0 24px 24px;
}

body.page-about .cmc-about-leader__link{
  background: var(--cmc-hover, #2f6fd8);
  border-color: var(--cmc-hover, #2f6fd8);
  color: #ffffff !important;
  padding: 0 16px;
}

body.page-about .cmc-about-leader__link:hover,
body.page-about .cmc-about-leader__link:focus-visible{
  color: #ffffff !important;
  filter: brightness(1.04);
}

body.page-about .cmc-about-nav__inner{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,47,91,.08);
  border-radius: 18px;
  box-shadow: none;
}

body.page-about .cmc-about-nav__chip{
  color: #0f3d72;
  border-color: rgba(47,111,216,.16);
  background: rgba(255,255,255,.78);
}

body.page-about .cmc-about-nav__chip.is-active{
  background: var(--cmc-hover, #2f6fd8);
  border-color: var(--cmc-hover, #2f6fd8);
}

body.page-about .cmc-about-cta{
  background: linear-gradient(180deg, #143766, #0f2f5a);
  border: 0;
  border-radius: 28px;
  box-shadow: none;
}

body.page-about .cmc-about-cta h2{
  font-size: clamp(1.8rem, 3vw, 2.7rem);
}

body.page-about .cmc-about-cta__actions{
  margin-top: 18px;
}

/* =========================================================
   Beliefs Page
========================================================= */
body.page-beliefs{
  --cmc-beliefs-radius: 14px;
  --cmc-beliefs-border: rgba(11, 42, 111, .12);
  --cmc-beliefs-shadow: 0 10px 20px rgba(8, 28, 58, .06);
  --cmc-beliefs-shadow-hover: 0 12px 22px rgba(8, 28, 58, .08);
  --cmc-beliefs-ink: #0b2f5b;
  --cmc-beliefs-copy: rgba(16, 42, 77, .86);
  --cmc-beliefs-accent: #1f66b8;
}

body.page-beliefs .cmc-beliefs-page{
  color: #123155;
  background:
    radial-gradient(940px 320px at 14% -8%, rgba(89, 153, 230, .08), rgba(89, 153, 230, 0) 70%),
    #f8fbff;
}

body.page-beliefs .cmc-beliefs-hero{
  position: relative;
  overflow: hidden;
  min-height: clamp(440px, 58vh, 620px);
  padding: clamp(160px, 16.5vh, 220px) 0 clamp(98px, 12.5vh, 142px);
  background:
    linear-gradient(180deg, rgba(6, 22, 46, .94), rgba(9, 31, 61, .82)),
    radial-gradient(760px 290px at 18% 10%, rgba(102, 168, 249, .14), rgba(102, 168, 249, 0) 72%),
    radial-gradient(720px 260px at 86% 14%, rgba(54, 126, 210, .13), rgba(54, 126, 210, 0) 74%);
  background-size: auto, auto, auto;
  background-position: center, center, center;
  background-repeat: no-repeat;
  color: #fff;
}

body.page-beliefs .cmc-beliefs-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2, 12, 30, .28), rgba(2, 12, 30, .08) 42%, rgba(2, 12, 30, 0) 100%);
  pointer-events: none;
}

body.page-beliefs .cmc-beliefs-hero::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: clamp(78px, 8vw, 108px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 130' preserveAspectRatio='none'%3E%3Cpath fill='%23f8fbff' d='M0 54 C180 22 354 26 548 56 C754 88 936 94 1140 70 C1328 48 1454 40 1600 52 L1600 130 L0 130 Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}

body.page-beliefs .cmc-beliefs-hero__inner{
  position: relative;
  z-index: 2;
  max-width: min(900px, 100%);
  padding: clamp(16px, 2vw, 24px);
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, .22);
  background: rgba(8, 38, 74, .32);
  box-shadow: 0 18px 34px rgba(3, 17, 41, .28);
}

body.page-beliefs .cmc-beliefs-hero__kicker{
  margin: 0;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .8rem;
  font-weight: 900;
  color: rgba(255, 255, 255, .98) !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, .28);
}

body.page-beliefs .cmc-beliefs-hero__title{
  margin: 10px 0 0;
  font-size: clamp(2.4rem, 5vw, 4.2rem);
  line-height: .98;
  letter-spacing: -.018em;
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .32);
}

body.page-beliefs .cmc-beliefs-hero__lead{
  margin: 14px 0 0;
  max-width: 62ch;
  font-size: clamp(1rem, 1.35vw, 1.2rem);
  line-height: 1.66;
  color: rgba(245, 250, 255, .99) !important;
  text-shadow: 0 1px 7px rgba(0, 0, 0, .28);
}

body.page-beliefs .cmc-beliefs-hero__actions{
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-beliefs .cmc-beliefs-strip{
  position: relative;
  margin-top: -20px;
  z-index: 12;
}

body.page-beliefs .cmc-beliefs-strip__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.page-beliefs .cmc-beliefs-strip__item{
  background: #fff;
  border: 1px solid var(--cmc-beliefs-border);
  border-radius: var(--cmc-beliefs-radius);
  box-shadow: var(--cmc-beliefs-shadow);
  padding: 14px 12px;
}

body.page-beliefs .cmc-beliefs-strip__item h2{
  margin: 0;
  font-size: clamp(1.6rem, 2.4vw, 2.3rem);
  line-height: 1.04;
  color: #11427d;
}

body.page-beliefs .cmc-beliefs-strip__item p{
  margin: 6px 0 0;
  color: rgba(16, 42, 77, .84);
}

body.page-beliefs .cmc-beliefs-nav{
  position: sticky;
  top: calc(var(--cmc-header-top, 0px) + 14px);
  z-index: 38;
  margin-top: 12px;
}

body.page-beliefs .cmc-beliefs-nav__inner{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px;
  border-radius: 12px;
  border: 1px solid rgba(14, 54, 107, .12);
  background: rgba(255, 255, 255, .94);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

body.page-beliefs .cmc-beliefs-nav__chip{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 35px;
  padding: 0 12px 0 9px;
  border-radius: 999px;
  text-decoration: none;
  font-size: .84rem;
  font-weight: 800;
  color: #12457d;
  border: 1px solid rgba(16, 62, 118, .18);
  background: rgba(255, 255, 255, .95);
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body.page-beliefs .cmc-beliefs-nav__chip-mark{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(31, 102, 184, .12);
  color: #175aa4;
  font-size: .62rem;
  letter-spacing: .04em;
  font-weight: 900;
}

body.page-beliefs .cmc-beliefs-nav__chip:hover{
  color: #0e3d71;
  border-color: rgba(16, 62, 118, .28);
  box-shadow: 0 6px 14px rgba(9, 31, 60, .08);
}

body.page-beliefs .cmc-beliefs-nav__chip.is-active{
  color: #fff;
  background: var(--cmc-beliefs-accent);
  border-color: rgba(20, 79, 149, .86);
  box-shadow: 0 8px 14px rgba(9, 38, 73, .18);
}

body.page-beliefs .cmc-beliefs-nav__chip.is-active .cmc-beliefs-nav__chip-mark{
  background: rgba(255, 255, 255, .22);
  color: #fff;
}

body.page-beliefs .cmc-beliefs-section{
  padding: clamp(36px, 4.2vw, 72px) 0;
  background: #f9fcff;
}

body.page-beliefs .cmc-beliefs-section:nth-of-type(even){
  background: #f4f9ff;
}

body.page-beliefs .cmc-beliefs-head{
  margin-bottom: 8px;
}

body.page-beliefs .cmc-beliefs-head__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(31, 102, 184, .14), rgba(31, 102, 184, .08));
  border: 1px solid rgba(31, 102, 184, .18);
  color: #1d63b2;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .06em;
}

body.page-beliefs .cmc-beliefs-head__range{
  display: inline-flex;
  margin-left: 10px;
  transform: translateY(-9px);
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
  color: rgba(16, 62, 118, .72);
}

body.page-beliefs .cmc-beliefs-head h2{
  margin: 4px 0 0;
  font-size: clamp(1.65rem, 2.35vw, 2.4rem);
  color: var(--cmc-beliefs-ink);
}

body.page-beliefs .cmc-beliefs-head p{
  margin: 10px 0 0;
  max-width: 64ch;
  line-height: 1.62;
  color: var(--cmc-beliefs-copy);
}

body.page-beliefs .cmc-beliefs-grid{
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body.page-beliefs .cmc-belief-card{
  position: relative;
  padding: 14px;
  border-radius: var(--cmc-beliefs-radius);
  border: 1px solid var(--cmc-beliefs-border);
  box-shadow: var(--cmc-beliefs-shadow);
  background: #fff;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.page-beliefs .cmc-belief-card:hover{
  transform: translateY(-1px);
  box-shadow: var(--cmc-beliefs-shadow-hover);
}

body.page-beliefs .cmc-belief-card__num{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: linear-gradient(180deg, #2a78d2, #1d63b3);
  color: #fff;
  font-size: .82rem;
  font-weight: 900;
  box-shadow: none;
}

body.page-beliefs .cmc-belief-card h3{
  margin: 10px 0 0;
  font-size: 1.04rem;
  line-height: 1.34;
  color: #123b70;
}

body.page-beliefs .cmc-belief-card p{
  margin: 8px 0 0;
  max-width: 62ch;
  line-height: 1.58;
  color: var(--cmc-beliefs-copy);
}

body.page-beliefs .cmc-beliefs-section--cta{
  background: linear-gradient(180deg, #1b4e86, #174677);
  color: #eff6ff;
}

body.page-beliefs .cmc-beliefs-cta{
  border-radius: 18px;
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .3);
  padding: clamp(16px, 2.4vw, 30px);
  box-shadow: 0 14px 24px rgba(7, 24, 54, .16);
}

body.page-beliefs .cmc-beliefs-cta h2{
  margin: 0;
  font-size: clamp(1.5rem, 2.2vw, 2.2rem);
  color: #fff;
}

body.page-beliefs .cmc-beliefs-cta p{
  margin: 10px 0 0;
  max-width: 60ch;
  line-height: 1.62;
  color: rgba(242, 247, 255, .96);
}

body.page-beliefs .cmc-beliefs-cta__actions{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-beliefs :is(#beliefs-godhead, #beliefs-humanity, #beliefs-church, #beliefs-lifestyle, #beliefs-hope){
  scroll-margin-top: calc(var(--cmc-header-top, 0px) + 88px);
}

body.page-beliefs .cmc-belief-card{
  scroll-margin-top: calc(var(--cmc-header-top, 0px) + 88px);
}

@media (prefers-reduced-motion: no-preference){
  body.page-beliefs .cmc-beliefs-head,
  body.page-beliefs .cmc-belief-card,
  body.page-beliefs .cmc-beliefs-strip__item{
    animation: cmcBeliefsFade .45s ease both;
  }

  body.page-beliefs .cmc-belief-card{ animation-delay: .06s; }
}

@keyframes cmcBeliefsFade{
  from{ opacity: 0; transform: translateY(8px); }
  to{ opacity: 1; transform: translateY(0); }
}

@media (max-width: 1100px){
  body.page-beliefs .cmc-beliefs-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px){
  body.page-beliefs .cmc-beliefs-strip{
    margin-top: -14px;
  }

  body.page-beliefs .cmc-beliefs-strip__grid,
  body.page-beliefs .cmc-beliefs-grid{
    grid-template-columns: 1fr;
  }

  body.page-beliefs .cmc-beliefs-nav{
    position: static;
  }

  body.page-beliefs .cmc-beliefs-hero{
    padding-top: 132px;
    padding-bottom: 78px;
  }

  body.page-beliefs .cmc-beliefs-nav__inner{
    gap: 6px;
    padding: 7px;
  }

  body.page-beliefs .cmc-beliefs-nav__chip{
    min-height: 33px;
    font-size: .8rem;
  }

  body.page-beliefs .cmc-beliefs-head__range{
    margin-left: 8px;
    transform: translateY(-8px);
    font-size: .72rem;
  }

  body.page-beliefs .cmc-beliefs-hero__actions .cmc-btn,
  body.page-beliefs .cmc-beliefs-cta__actions .cmc-btn{
    width: 100%;
    justify-content: center;
  }
}

/* =========================================================
   Departments Page
========================================================= */
body.page-departments .cmc-dept-page{
  color: #123155;
  background:
    radial-gradient(930px 340px at 12% -6%, rgba(84,147,224,.1), rgba(84,147,224,0) 70%),
    #f8fbff;
}

body.page-departments .cmc-dept-hero{
  position: relative;
  overflow: hidden;
  min-height: clamp(430px, 58vh, 620px);
  padding: clamp(154px, 16.5vh, 220px) 0 clamp(96px, 12.5vh, 140px);
  background:
    linear-gradient(180deg, rgba(7, 24, 50, .88), rgba(10, 34, 66, .74)),
    radial-gradient(780px 300px at 18% 10%, rgba(102,168,249,.2), rgba(102,168,249,0) 72%),
    var(--cmc-dept-hero-image);
  background-size: auto, auto, cover;
  background-position: center, center, center;
  background-repeat: no-repeat;
  color: #fff;
}

body.page-departments .cmc-dept-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2, 12, 30, .26), rgba(2, 12, 30, 0) 44%);
  pointer-events: none;
}

body.page-departments .cmc-dept-hero::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: clamp(76px, 8vw, 106px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 130' preserveAspectRatio='none'%3E%3Cpath fill='%23f8fbff' d='M0 54 C180 22 354 26 548 56 C754 88 936 94 1140 70 C1328 48 1454 40 1600 52 L1600 130 L0 130 Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}

body.page-departments .cmc-dept-hero__inner{
  position: relative;
  z-index: 2;
  max-width: min(900px, 100%);
  padding: clamp(16px, 2vw, 24px);
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, .22);
  background: rgba(8, 38, 74, .32);
  box-shadow: 0 18px 34px rgba(3, 17, 41, .28);
}

body.page-departments .cmc-dept-hero__kicker{
  margin: 0;
  font-size: .8rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 900;
  color: rgba(255, 255, 255, .99) !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, .28);
}

body.page-departments .cmc-dept-hero__title{
  margin: 10px 0 0;
  font-size: clamp(2.25rem, 4.8vw, 4rem);
  line-height: .98;
  letter-spacing: -.02em;
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .34);
}

body.page-departments .cmc-dept-hero__lead{
  margin: 14px 0 0;
  max-width: 62ch;
  font-size: clamp(1rem, 1.32vw, 1.2rem);
  line-height: 1.66;
  color: rgba(245, 250, 255, .99) !important;
  text-shadow: 0 1px 7px rgba(0, 0, 0, .28);
}

body.page-departments .cmc-dept-hero__actions{
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-departments .cmc-dept-strip{
  position: relative;
  margin-top: -20px;
  z-index: 12;
}

body.page-departments .cmc-dept-breadcrumb{
  padding: 10px 0 0;
  background: #f8fbff;
}

body.page-departments .cmc-dept-breadcrumb p{
  margin: 0;
  font-size: .82rem;
  color: rgba(16, 42, 77, .72);
}

body.page-departments .cmc-dept-breadcrumb a{
  color: #1b62ac;
  text-decoration: none;
}

body.page-departments .cmc-dept-tools{
  padding: 16px 0 8px;
  background: #f8fbff;
}

body.page-departments .cmc-dept-tools__inner{
  display: grid;
  grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
  gap: 10px;
  align-items: end;
}

body.page-departments .cmc-dept-search{
  display: grid;
  gap: 6px;
}

body.page-departments .cmc-dept-search__label{
  font-size: .76rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(16, 42, 77, .72);
}

body.page-departments .cmc-dept-search__input{
  width: 100%;
  min-height: 40px;
  border-radius: 10px;
  border: 1px solid rgba(14, 54, 107, .18);
  background: #fff;
  padding: 0 12px;
  color: #10325f;
}

body.page-departments .cmc-dept-filters{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.page-departments .cmc-dept-filter{
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(16, 62, 118, .16);
  background: #fff;
  color: #12457d;
  font-size: .8rem;
  font-weight: 800;
  cursor: pointer;
}

body.page-departments .cmc-dept-filter.is-active{
  background: #1f66b8;
  border-color: rgba(20, 79, 149, .86);
  color: #fff;
}

body.page-departments .cmc-dept-filter__count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  margin-left: 6px;
  padding: 0 5px;
  border-radius: 999px;
  background: rgba(16, 62, 118, .12);
  font-size: .72rem;
  font-weight: 900;
}

body.page-departments .cmc-dept-filter.is-active .cmc-dept-filter__count{
  background: rgba(255, 255, 255, .22);
}

body.page-departments .cmc-dept-filter--reset{
  border-style: dashed;
}

body.page-departments .cmc-dept-strip__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.page-departments .cmc-dept-strip__item{
  background: #fff;
  border: 1px solid rgba(11, 42, 111, .12);
  border-radius: 14px;
  box-shadow: 0 10px 20px rgba(8, 28, 58, .06);
  padding: 14px 12px;
}

body.page-departments .cmc-dept-strip__item h2{
  margin: 0;
  font-size: clamp(1.55rem, 2.2vw, 2.2rem);
  line-height: 1.04;
  color: #11427d;
}

body.page-departments .cmc-dept-strip__item p{
  margin: 6px 0 0;
  color: rgba(16, 42, 77, .84);
}

body.page-departments .cmc-dept-nav{
  position: sticky;
  top: calc(var(--cmc-header-top, 0px) + 14px);
  z-index: 38;
  margin-top: 12px;
}

body.page-departments .cmc-dept-nav__inner{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px;
  border-radius: 12px;
  border: 1px solid rgba(14, 54, 107, .12);
  background: rgba(255, 255, 255, .94);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

body.page-departments .cmc-dept-nav__chip{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(16, 62, 118, .18);
  background: rgba(255, 255, 255, .96);
  color: #12457d;
  text-decoration: none;
  font-size: .84rem;
  font-weight: 800;
}

body.page-departments .cmc-dept-nav__chip:hover{
  color: #0e3d71;
  border-color: rgba(16, 62, 118, .28);
}

body.page-departments .cmc-dept-nav__chip.is-active{
  background: #1f66b8;
  border-color: rgba(20, 79, 149, .86);
  color: #fff;
}

body.page-departments .cmc-dept-section{
  padding: clamp(34px, 4.2vw, 72px) 0;
  background: #f9fcff;
}

body.page-departments .cmc-dept-section:nth-of-type(even){
  background: #f4f9ff;
}

body.page-departments .cmc-dept-featured{
  padding: 18px 0 6px;
  background: #f8fbff;
}

body.page-departments .cmc-dept-featured__grid{
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.page-departments .cmc-dept-featured__card{
  background: #fff;
  border: 1px solid rgba(11, 42, 111, .12);
  border-radius: 14px;
  box-shadow: 0 10px 20px rgba(8, 28, 58, .06);
  padding: 14px;
}

body.page-departments .cmc-dept-featured__card h3{
  margin: 0;
  color: #123b70;
}

body.page-departments .cmc-dept-featured__card p{
  margin: 8px 0 0;
  color: rgba(16, 42, 77, .86);
}

body.page-departments .cmc-dept-requests{
  padding: 10px 0 0;
  background: #f8fbff;
}

body.page-departments .cmc-dept-requests__row{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.page-departments .cmc-dept-requests__item{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border-radius: 10px;
  border: 1px solid rgba(16, 62, 118, .16);
  background: #fff;
  text-decoration: none;
  color: #134a86;
  font-size: .84rem;
  font-weight: 800;
}

body.page-departments .cmc-dept-head h2{
  margin: 0;
  font-size: clamp(1.6rem, 2.3vw, 2.35rem);
  color: #0b2f5b;
}

body.page-departments .cmc-dept-head p{
  margin: 10px 0 0;
  max-width: 64ch;
  line-height: 1.62;
  color: rgba(16, 42, 77, .86);
}

body.page-departments .cmc-dept-grid{
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body.page-departments .cmc-dept-card{
  background: #fff;
  border: 1px solid rgba(11, 42, 111, .12);
  border-radius: 14px;
  box-shadow: 0 10px 20px rgba(8, 28, 58, .06);
  padding: 14px;
  transition: transform .18s ease, box-shadow .18s ease;
}

body.page-departments .cmc-dept-card__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: linear-gradient(180deg, #2a78d2, #1d63b3);
  color: #fff;
  font-size: .75rem;
  font-weight: 900;
}

body.page-departments .cmc-dept-card:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(8, 28, 58, .08);
}

body.page-departments .cmc-dept-card h3{
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.32;
  color: #123b70;
}

body.page-departments .cmc-dept-card p{
  margin: 8px 0 0;
  line-height: 1.58;
  color: rgba(16, 42, 77, .86);
}

body.page-departments .cmc-dept-card__officer{
  margin: 10px 0 0;
  font-size: .78rem;
  font-weight: 800;
  color: rgba(16, 62, 118, .76);
}

body.page-departments .cmc-dept-card__status{
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  margin-left: 8px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
}

body.page-departments .cmc-dept-card__status--open{
  background: rgba(9, 134, 112, .12);
  color: #067767;
}

body.page-departments .cmc-dept-card__status--appointment{
  background: rgba(199, 133, 26, .13);
  color: #8a600d;
}

body.page-departments .cmc-dept-card__status--email{
  background: rgba(21, 89, 160, .12);
  color: #1559a0;
}

body.page-departments .cmc-dept-card__event{
  margin: 10px 0 0;
  font-size: .78rem;
  color: rgba(16, 62, 118, .78);
}

body.page-departments .cmc-dept-card__event a{
  color: #1b62ac;
}

body.page-departments .cmc-dept-card__actions{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.page-departments .cmc-dept-card__link{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin-top: 10px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(16, 62, 118, .18);
  color: #1b62ac;
  text-decoration: none;
  font-size: .82rem;
  font-weight: 800;
}

body.page-departments .cmc-dept-card__link--ghost{
  background: #f7fbff;
}

body.page-departments .cmc-dept-card.is-hidden{
  display: none;
}

body.page-departments .cmc-dept-section.is-hidden{
  display: none;
}

body.page-departments .cmc-dept-quick{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.page-departments .cmc-dept-quick__link{
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .34);
  color: rgba(255, 255, 255, .96);
  text-decoration: none;
  font-size: .78rem;
  font-weight: 800;
}

body.page-departments :is(.cmc-dept-nav__chip, .cmc-dept-filter, .cmc-dept-search__input, .cmc-dept-card__link, .cmc-dept-requests__item, .cmc-dept-quick__link):focus-visible{
  outline: 0;
  box-shadow: 0 0 0 3px rgba(33, 106, 196, .24);
}

body.page-departments .cmc-dept-section--cta{
  background: linear-gradient(180deg, #1b4e86, #174677);
  color: #eff6ff;
}

body.page-departments .cmc-dept-cta{
  border-radius: 18px;
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .3);
  padding: clamp(16px, 2.4vw, 30px);
  box-shadow: 0 14px 24px rgba(7, 24, 54, .16);
}

body.page-departments .cmc-dept-cta h2{
  margin: 0;
  color: #fff;
  font-size: clamp(1.5rem, 2.2vw, 2.2rem);
}

body.page-departments .cmc-dept-cta p{
  margin: 10px 0 0;
  max-width: 62ch;
  line-height: 1.62;
  color: rgba(242, 247, 255, .96);
}

body.page-departments .cmc-dept-cta__actions{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-departments .cmc-dept-stickybar{
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 80;
  display: none;
  gap: 8px;
}

body.page-departments .cmc-dept-stickybar a{
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 10px;
  background: #1f66b8;
  color: #fff;
  text-decoration: none;
  font-size: .82rem;
  font-weight: 800;
  box-shadow: 0 10px 18px rgba(9, 38, 73, .22);
}

body.page-departments :is(#dept-discipleship, #dept-children-youth, #dept-mission-outreach, #dept-health-service, #dept-organization){
  scroll-margin-top: calc(var(--cmc-header-top, 0px) + 88px);
}

@media (max-width: 1100px){
  body.page-departments .cmc-dept-tools__inner{
    grid-template-columns: 1fr;
  }

  body.page-departments .cmc-dept-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-departments .cmc-dept-featured__grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px){
  body.page-departments .cmc-dept-strip{
    margin-top: -14px;
  }

  body.page-departments .cmc-dept-strip__grid,
  body.page-departments .cmc-dept-grid{
    grid-template-columns: 1fr;
  }

  body.page-departments .cmc-dept-requests__row{
    grid-template-columns: 1fr;
  }

  body.page-departments .cmc-dept-nav{
    position: static;
  }

  body.page-departments .cmc-dept-card__actions{
    flex-direction: column;
  }

  body.page-departments .cmc-dept-hero{
    padding-top: 128px;
    padding-bottom: 80px;
  }

  body.page-departments .cmc-dept-hero__actions .cmc-btn,
  body.page-departments .cmc-dept-cta__actions .cmc-btn,
  body.page-departments .cmc-dept-card__actions .cmc-dept-card__link{
    width: 100%;
    justify-content: center;
  }

  body.page-departments .cmc-dept-stickybar{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Department detail pages */
body.page-department-detail .cmc-dept-detail-page{
  color: #123155;
  background: #f8fbff;
}

body.page-department-detail .cmc-dept-detail-hero{
  position: relative;
  min-height: clamp(280px, 38vh, 420px);
  padding: clamp(142px, 15vh, 196px) 0 clamp(64px, 8vh, 96px);
  background: linear-gradient(180deg, rgba(8, 25, 52, .9), rgba(10, 34, 68, .74));
  color: #fff;
}

body.page-department-detail .cmc-dept-detail-hero__inner{
  max-width: min(820px, 100%);
}

body.page-department-detail .cmc-dept-detail-hero__kicker{
  margin: 0;
  font-size: .78rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgba(255, 255, 255, .95);
}

body.page-department-detail .cmc-dept-detail-hero__title{
  margin: 10px 0 0;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1;
  color: #fff;
}

body.page-department-detail .cmc-dept-detail-hero__lead{
  margin: 12px 0 0;
  max-width: 62ch;
  line-height: 1.62;
  color: rgba(245, 250, 255, .95);
}

body.page-department-detail .cmc-dept-detail-section{
  padding: clamp(30px, 4vw, 64px) 0;
}

body.page-department-detail .cmc-dept-detail-layout{
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 14px;
}

body.page-department-detail .cmc-dept-detail-card{
  background: #fff;
  border: 1px solid rgba(11, 42, 111, .12);
  border-radius: 14px;
  box-shadow: 0 10px 20px rgba(8, 28, 58, .06);
  padding: 16px;
}

body.page-department-detail .cmc-dept-detail-card h2{
  margin: 0;
  color: #0b2f5b;
}

body.page-department-detail .cmc-dept-detail-card p{
  margin: 10px 0 0;
  color: rgba(16, 42, 77, .86);
  line-height: 1.62;
}

body.page-department-detail .cmc-dept-detail-focus{
  margin-top: 14px;
  background: #fff;
  border: 1px solid rgba(11, 42, 111, .12);
  border-radius: 14px;
  box-shadow: 0 10px 20px rgba(8, 28, 58, .06);
  padding: 16px;
}

body.page-department-detail .cmc-dept-detail-focus h2{
  margin: 0;
  color: #0b2f5b;
}

body.page-department-detail .cmc-dept-detail-focus ul{
  margin: 10px 0 0;
  padding-left: 18px;
  color: rgba(16, 42, 77, .86);
}

body.page-department-detail .cmc-dept-detail-focus li{
  margin: 7px 0;
  line-height: 1.56;
}

body.page-department-detail .cmc-dept-detail-actions{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@media (max-width: 900px){
  body.page-department-detail .cmc-dept-detail-layout{
    grid-template-columns: 1fr;
  }
}
/* Footer social icon + label enhancement */
body.cmc-site .cmc-footer .cmc-footer__social {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

body.cmc-site .cmc-footer .cmc-footer__social li {
  margin: 0;
}

body.cmc-site .cmc-footer .cmc-footer__social-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.1);
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

body.cmc-site .cmc-footer .cmc-footer__social-link:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.42);
  transform: translateY(-1px);
}

body.cmc-site .cmc-footer .cmc-footer__social-link:focus-visible {
  outline: 3px solid rgba(255, 255, 255, 0.95);
  outline-offset: 2px;
}

body.cmc-site .cmc-footer .cmc-footer__social-icon {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  flex: 0 0 28px;
}

body.cmc-site .cmc-footer .cmc-footer__social-icon svg {
  width: 16px;
  height: 16px;
  fill: #ffffff;
}

body.cmc-site .cmc-footer .cmc-footer__social-text {
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #ffffff;
}

@media (max-width: 640px) {
  body.cmc-site .cmc-footer .cmc-footer__social-link {
    width: 100%;
  }
}

/* Footer social links: remove extra circular/pill backgrounds around labels */
body.cmc-site .cmc-footer .cmc-footer__social-link {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  transform: none !important;
}

body.cmc-site .cmc-footer .cmc-footer__social-link:hover {
  background: transparent !important;
  border-color: transparent !important;
  transform: none !important;
}

/* =========================================================
   Get Answers Page
========================================================= */
body.page-get-answers .cmc-answers-page{
  color: #123155;
  background:
    radial-gradient(900px 300px at 10% -8%, rgba(93,151,230,.11), rgba(93,151,230,0) 72%),
    #f8fbff;
}

body.page-get-answers .cmc-answers-hero{
  position: relative;
  overflow: hidden;
  min-height: clamp(700px, 93vh, 1030px);
  padding: clamp(256px, 27vh, 366px) 0 clamp(160px, 20vh, 233px);
  background:
    linear-gradient(180deg, rgba(7,24,50,.46), rgba(10,34,66,.28)),
    radial-gradient(920px 360px at 18% 8%, rgba(255,255,255,.22), rgba(255,255,255,0) 72%),
    url('https://cmc.adventist.org/wp-content/uploads/2026/02/About-Us-scaled.jpg');
  background-size: auto, auto, cover;
  background-position: center, center, center;
  background-repeat: no-repeat;
  color: #fff;
}

body.page-get-answers .cmc-answers-hero::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: clamp(76px, 8vw, 106px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 130' preserveAspectRatio='none'%3E%3Cpath fill='%23f8fbff' d='M0 54 C180 22 354 26 548 56 C754 88 936 94 1140 70 C1328 48 1454 40 1600 52 L1600 130 L0 130 Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}

body.page-get-answers .cmc-answers-hero__inner{
  position: relative;
  z-index: 2;
  max-width: min(880px, 100%);
  min-height: clamp(190px, 24vh, 280px);
  margin-top: clamp(72px, 10vh, 130px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.page-get-answers .cmc-answers-hero__kicker{
  margin: 0;
  font-size: .8rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: rgba(255,255,255,.99);
}

body.page-get-answers .cmc-answers-hero__title{
  margin: 10px 0 0;
  font-size: clamp(2.25rem, 4.8vw, 4rem);
  line-height: .98;
  letter-spacing: -.02em;
  color: #fff;
}

body.page-get-answers .cmc-answers-hero__lead{
  margin: 14px 0 0;
  max-width: 62ch;
  font-size: clamp(1rem, 1.3vw, 1.18rem);
  line-height: 1.66;
  color: rgba(245,250,255,.99);
}

/* Fallback in case page class is unavailable before scripts run. */
.cmc-answers-page .cmc-answers-hero .cmc-answers-hero__title{
  color: #fff !important;
}

body.page-get-answers .cmc-answers-hero__actions{
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-get-answers .cmc-answers-strip{
  position: relative;
  margin-top: -20px;
  z-index: 10;
  padding: 0 0 6px;
  background: #f8fbff;
}

body.page-get-answers .cmc-answers-strip__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.page-get-answers .cmc-answers-strip__item{
  background: #fff;
  border: 1px solid rgba(11,42,111,.12);
  border-radius: 14px;
  box-shadow: 0 10px 20px rgba(8,28,58,.06);
  padding: 14px 12px;
}

body.page-get-answers .cmc-answers-strip__item h2{
  margin: 0;
  font-size: clamp(1.55rem, 2.2vw, 2.2rem);
  line-height: 1.04;
  color: #11427d;
}

body.page-get-answers .cmc-answers-strip__item p{
  margin: 6px 0 0;
  color: rgba(16,42,77,.84);
}

body.page-get-answers .cmc-answers-section{
  padding: clamp(34px, 4.2vw, 72px) 0;
  background: #f9fcff;
}

body.page-get-answers #curated-answers{
  background:
    linear-gradient(180deg, #e3effb 0%, #eef5fe 52%, #e5f0fc 100%);
}

body.page-get-answers .cmc-answers-section--community{
  background: #f4f9ff;
}

body.page-get-answers .cmc-answers-head h2{
  margin: 0;
  font-size: clamp(1.7rem, 2.4vw, 2.4rem);
  color: #0c325f;
}

body.page-get-answers .cmc-answers-head p{
  margin: 10px 0 0;
  color: rgba(16,42,77,.86);
  line-height: 1.62;
}

body.page-get-answers .cmc-answers-tools{
  margin-top: 16px;
  display: grid;
  grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
  gap: 10px;
  align-items: end;
  padding: clamp(12px, 1.8vw, 18px);
  border-radius: 16px;
  border: 1px solid rgba(14,54,107,.16);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,251,255,.94));
  box-shadow: 0 10px 22px rgba(8,28,58,.08);
}

body.page-get-answers .cmc-answers-search{
  display: grid;
  gap: 6px;
}

body.page-get-answers .cmc-answers-search__label{
  font-size: .76rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(16,42,77,.72);
}

body.page-get-answers .cmc-answers-search__input{
  width: 100%;
  min-height: 40px;
  border-radius: 10px;
  border: 1px solid rgba(14,54,107,.18);
  background: #fff;
  padding: 0 12px;
  color: #10325f;
}

body.page-get-answers .cmc-answers-filters{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.page-get-answers .cmc-answers-filter{
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(16,62,118,.16);
  background: #fff;
  color: #12457d;
  font-size: .8rem;
  font-weight: 800;
  cursor: pointer;
}

body.page-get-answers .cmc-answers-filter.is-active{
  background: #1f66b8;
  border-color: rgba(20,79,149,.86);
  color: #fff;
}

body.page-get-answers .cmc-answers-grid{
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body.page-get-answers .cmc-answer-card{
  background: #fff;
  border: 1px solid rgba(11,42,111,.12);
  border-radius: 14px;
  box-shadow: 0 10px 20px rgba(8,28,58,.06);
  overflow: hidden;
}

body.page-get-answers .cmc-answer-card__q{
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 14px;
  display: grid;
  gap: 8px;
}

body.page-get-answers .cmc-answer-card__topic{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(21,89,160,.12);
  color: #1559a0;
  font-size: .7rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}

body.page-get-answers .cmc-answer-card__title{
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.35;
  color: #123b70;
}

body.page-get-answers .cmc-answer-card__a{
  padding: 0 14px 14px;
  color: rgba(16,42,77,.88);
}

body.page-get-answers .cmc-answer-card__a p{
  margin: 0;
  line-height: 1.62;
}

body.page-get-answers .cmc-answer-card__refs{
  margin-top: 10px !important;
  font-size: .84rem;
  color: rgba(16,42,77,.76);
}

body.page-get-answers .cmc-answers-community{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
}

body.page-get-answers .cmc-answers-community__intro h2{
  margin: 0;
  color: #0c325f;
  font-size: clamp(1.55rem, 2.1vw, 2.1rem);
}

body.page-get-answers .cmc-answers-community__intro p{
  margin: 10px 0 0;
  line-height: 1.64;
  color: rgba(16,42,77,.86);
}

body.page-get-answers .cmc-answers-form,
body.page-get-answers .cmc-answers-feed-wrap{
  background: #fff;
  border: 1px solid rgba(11,42,111,.12);
  border-radius: 14px;
  box-shadow: 0 10px 20px rgba(8,28,58,.06);
  padding: 14px;
}

body.page-get-answers .cmc-answers-form{
  display: grid;
  gap: 10px;
}

body.page-get-answers .cmc-answers-form label{
  display: grid;
  gap: 6px;
}

body.page-get-answers .cmc-answers-form span{
  font-size: .82rem;
  font-weight: 800;
  color: rgba(16,42,77,.78);
}

body.page-get-answers .cmc-answers-form__row{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.page-get-answers .cmc-answers-form :is(input, select, textarea){
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(14,54,107,.18);
  background: #fff;
  color: #10325f;
  padding: 10px 12px;
}

body.page-get-answers .cmc-answers-feed-wrap h3{
  margin: 0 0 10px;
  color: #0c325f;
  font-size: 1.1rem;
}

body.page-get-answers .cmc-answers-feed{
  display: grid;
  gap: 10px;
}

body.page-get-answers .cmc-answers-feed__empty{
  margin: 0;
  color: rgba(16,42,77,.75);
}

body.page-get-answers .cmc-answers-post{
  border-radius: 12px;
  border: 1px solid rgba(11,42,111,.12);
  background: #f7fbff;
  padding: 12px;
}

body.page-get-answers .cmc-answers-post__meta{
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

body.page-get-answers .cmc-answers-post__meta strong{
  color: #0d3767;
}

body.page-get-answers .cmc-answers-post__meta span{
  display: inline-flex;
  min-height: 22px;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(21,89,160,.12);
  color: #1559a0;
  font-size: .72rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
}

body.page-get-answers .cmc-answers-post__q{
  margin: 8px 0 0;
  color: rgba(16,42,77,.9);
  line-height: 1.55;
}

body.page-get-answers .cmc-answers-like{
  margin-top: 10px;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(16,62,118,.18);
  background: #fff;
  color: #12457d;
  font-weight: 800;
  cursor: pointer;
}

body.page-get-answers :is(.cmc-answers-filter, .cmc-answers-search__input, .cmc-answer-card__q, .cmc-answers-form input, .cmc-answers-form select, .cmc-answers-form textarea, .cmc-answers-like):focus-visible{
  outline: 0;
  box-shadow: 0 0 0 3px rgba(33,106,196,.24);
}

@media (max-width: 980px){
  body.page-get-answers .cmc-answers-tools{
    grid-template-columns: 1fr;
    padding: 12px;
  }

  body.page-get-answers .cmc-answers-grid{
    grid-template-columns: 1fr;
  }

  body.page-get-answers .cmc-answers-community{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px){
  body.page-get-answers .cmc-answers-hero{
    padding-top: 212px;
    padding-bottom: 132px;
  }

  body.page-get-answers .cmc-answers-hero__inner{
    margin-top: clamp(34px, 6vh, 58px);
  }

  body.page-get-answers .cmc-answers-strip{
    margin-top: -14px;
  }

  body.page-get-answers .cmc-answers-strip__grid{
    grid-template-columns: 1fr;
  }

  body.page-get-answers .cmc-answers-form__row{
    grid-template-columns: 1fr;
  }

  body.page-get-answers .cmc-answers-hero__actions .cmc-btn{
    width: 100%;
    justify-content: center;
  }
}
/* =========================================================
   Get Answers Page - Phase Full Upgrade
========================================================= */
body.page-get-answers .cmc-answers-hero{
  background:
    linear-gradient(180deg, rgba(7,24,50,.46), rgba(10,34,66,.28)),
    radial-gradient(920px 360px at 18% 8%, rgba(255,255,255,.22), rgba(255,255,255,0) 72%),
    var(--cmc-answers-hero-image) !important;
  background-size: auto, auto, cover !important;
  background-position: center, center, center !important;
  background-repeat: no-repeat !important;
}

body.page-get-answers .cmc-answers-section--spotlight{
  padding-top: 26px;
  background: linear-gradient(180deg, #1b4e86, #174677);
}

body.page-get-answers .cmc-answers-section--spotlight .cmc-answers-head h2{
  color: #fff;
}

body.page-get-answers .cmc-answers-section--spotlight .cmc-answers-head p{
  color: rgba(242,247,255,.95);
}

body.page-get-answers .cmc-answers-spotlights{
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.page-get-answers .cmc-answers-spotlight{
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 14px;
  box-shadow: 0 14px 24px rgba(7,24,54,.16);
  padding: 14px;
}

body.page-get-answers .cmc-answers-spotlight__topic{
  margin: 0;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(236,244,255,.95);
  text-shadow: 0 2px 8px rgba(0,0,0,.34);
}

body.page-get-answers .cmc-answers-spotlight h3{
  margin: 8px 0 0;
  color: #fff;
  font-size: 1.08rem;
  text-shadow: 0 2px 8px rgba(0,0,0,.34);
}

body.page-get-answers .cmc-answers-spotlight p{
  margin: 8px 0 0;
  color: rgba(242,247,255,.95);
  line-height: 1.58;
  text-shadow: 0 2px 8px rgba(0,0,0,.34);
}

body.page-get-answers .cmc-answers-spotlight__link{
  display: inline-flex;
  margin-top: 10px;
  min-height: 32px;
  align-items: center;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.38);
  color: #fff;
  background: rgba(255,255,255,.12);
  text-decoration: none;
  font-size: .8rem;
  font-weight: 800;
}

body.page-get-answers .cmc-answers-spotlight__link:link,
body.page-get-answers .cmc-answers-spotlight__link:visited,
body.page-get-answers .cmc-answers-spotlight__link:hover,
body.page-get-answers .cmc-answers-spotlight__link:focus{
  color: #fff !important;
}

body.page-get-answers .cmc-answer-card__top{
  padding: 12px 14px 0;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

body.page-get-answers .cmc-answer-card__status,
body.page-get-answers .cmc-status-pill{
  display: inline-flex;
  min-height: 22px;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

body.page-get-answers .cmc-answer-card__status--answered,
body.page-get-answers .cmc-status-pill--answered{
  background: rgba(9,134,112,.13);
  color: #067767;
}

body.page-get-answers .cmc-answer-card__status--in_review,
body.page-get-answers .cmc-status-pill--review{
  background: rgba(21,89,160,.12);
  color: #1559a0;
}

body.page-get-answers .cmc-answer-card__status--new,
body.page-get-answers .cmc-status-pill--new{
  background: rgba(199,133,26,.13);
  color: #8a600d;
}

body.page-get-answers .cmc-answer-card__badges{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body.page-get-answers .cmc-answer-card__badge{
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(16,62,118,.09);
  color: #12457d;
  font-size: .72rem;
  font-weight: 800;
}

body.page-get-answers .cmc-answer-card__feedback{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

body.page-get-answers .cmc-answer-card__feedback > span{
  font-size: .8rem;
  font-weight: 800;
  color: rgba(16,42,77,.74);
}

body.page-get-answers .cmc-answer-feedback,
body.page-get-answers .cmc-answer-related-btn{
  min-height: 30px;
  border-radius: 999px;
  border: 1px solid rgba(16,62,118,.18);
  background: #fff;
  color: #12457d;
  font-size: .78rem;
  font-weight: 800;
  padding: 0 10px;
  cursor: pointer;
}

body.page-get-answers .cmc-answer-feedback.is-picked{
  background: #1f66b8;
  border-color: rgba(20,79,149,.86);
  color: #fff;
}

body.page-get-answers .cmc-answer-card__related{
  margin-top: 12px;
  border-top: 1px solid rgba(11,42,111,.1);
  padding-top: 10px;
}

body.page-get-answers .cmc-answer-card__related strong{
  display: block;
  font-size: .82rem;
  color: #0d3767;
}

body.page-get-answers .cmc-answer-card__related ul{
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body.page-get-answers .cmc-answers-community__left{
  display: grid;
  gap: 12px;
}

body.page-get-answers .cmc-answers-form__anon{
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}

body.page-get-answers .cmc-answers-form__anon input{
  width: 18px !important;
  height: 18px !important;
}

body.page-get-answers .cmc-answers-form label.is-disabled{
  opacity: .55;
}

body.page-get-answers .cmc-answers-form__msg{
  margin: 0;
  min-height: 20px;
  font-size: .82rem;
  color: #1559a0;
  font-weight: 700;
}

body.page-get-answers .cmc-answers-feed-head{
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

body.page-get-answers .cmc-answers-feed-head h3{
  margin: 0;
}

body.page-get-answers .cmc-answers-feed-head label{
  display: inline-grid;
  gap: 5px;
}

body.page-get-answers .cmc-answers-feed-head label span{
  font-size: .72rem;
  font-weight: 800;
  color: rgba(16,42,77,.74);
  text-transform: uppercase;
  letter-spacing: .07em;
}

body.page-get-answers .cmc-answers-feed-head select{
  min-height: 34px;
  border-radius: 9px;
  border: 1px solid rgba(14,54,107,.18);
  background: #fff;
  color: #10325f;
  padding: 0 10px;
}

body.page-get-answers .cmc-answers-status-legend{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body.page-get-answers .cmc-answers-post__votes{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.page-get-answers .cmc-answers-like{
  min-height: 31px;
}

body.page-get-answers .cmc-answers-like--alt{
  background: #f7fbff;
}

body.page-get-answers .cmc-answers-section--cta{
  background: linear-gradient(180deg, #1b4e86, #174677);
}

body.page-get-answers .cmc-answers-cta{
  border-radius: 18px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.3);
  padding: clamp(16px, 2.4vw, 30px);
  box-shadow: 0 14px 24px rgba(7,24,54,.16);
  color: #eff6ff;
}

body.page-get-answers .cmc-answers-cta h2{
  margin: 0;
  color: #fff;
  font-size: clamp(1.5rem, 2.2vw, 2.2rem);
}

body.page-get-answers .cmc-answers-cta p{
  margin: 10px 0 0;
  max-width: 62ch;
  line-height: 1.62;
  color: rgba(242,247,255,.96);
}

body.page-get-answers .cmc-answers-cta__actions{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 1100px){
  body.page-get-answers .cmc-answers-spotlights{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px){
  body.page-get-answers .cmc-answers-cta__actions .cmc-btn{
    width: 100%;
    justify-content: center;
  }
}
/* Get Answers extended UX features */
body.page-get-answers .cmc-answers-lang{
  display: inline-flex;
  gap: 6px;
  margin-bottom: 8px;
}

body.page-get-answers .cmc-answers-lang__btn{
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.1);
  color: #fff;
  font-size: .75rem;
  font-weight: 800;
  cursor: pointer;
}

body.page-get-answers .cmc-answers-lang__btn.is-active{
  background: #fff;
  color: #123f73;
}

body.page-get-answers .cmc-answers-section--weekly{
  background: #f4f9ff;
}

body.page-get-answers .cmc-answers-weekly{
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.page-get-answers .cmc-weekly-card{
  background: #fff;
  border: 1px solid rgba(11,42,111,.12);
  border-radius: 14px;
  box-shadow: 0 10px 20px rgba(8,28,58,.06);
  padding: 12px;
}

body.page-get-answers .cmc-weekly-card span{
  display: inline-flex;
  min-height: 22px;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(21,89,160,.12);
  color: #1559a0;
  font-size: .72rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.page-get-answers .cmc-weekly-card p{
  margin: 8px 0 0;
  color: rgba(16,42,77,.88);
  line-height: 1.55;
}

body.page-get-answers .cmc-answer-card__refs-wrap{
  margin-top: 10px;
  display: grid;
  gap: 8px;
}

body.page-get-answers .cmc-verse-row{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

body.page-get-answers .cmc-verse-chip{
  min-height: 28px;
  border-radius: 999px;
  border: 1px solid rgba(16,62,118,.18);
  background: #fff;
  color: #12457d;
  font-size: .76rem;
  font-weight: 800;
  padding: 0 9px;
  cursor: pointer;
}

body.page-get-answers .cmc-verse-pop{
  border-radius: 10px;
  border: 1px solid rgba(11,42,111,.12);
  background: #f7fbff;
  padding: 10px;
}

body.page-get-answers .cmc-verse-pop strong{
  color: #103b72;
}

body.page-get-answers .cmc-verse-pop p{
  margin: 6px 0 0;
  line-height: 1.58;
  color: rgba(16,42,77,.86);
}

body.page-get-answers .cmc-trust-strip{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.page-get-answers .cmc-trust-strip span{
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(16,62,118,.16);
  background: #fff;
  color: #12457d;
  font-size: .78rem;
  font-weight: 700;
}

body.page-get-answers .cmc-answers-similar{
  margin: 4px 0 0;
  padding-left: 18px;
  color: #12457d;
  font-size: .82rem;
}

body.page-get-answers .cmc-official-answer{
  margin-top: 10px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid rgba(9,134,112,.18);
  background: rgba(9,134,112,.08);
}

body.page-get-answers .cmc-official-answer h4{
  margin: 0;
  font-size: .86rem;
  color: #0b5c50;
}

body.page-get-answers .cmc-official-answer p{
  margin: 7px 0 0;
  color: rgba(16,42,77,.88);
  line-height: 1.58;
}

body.page-get-answers .cmc-follow-row{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.page-get-answers .cmc-follow-email{
  flex: 1 1 200px;
  min-height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(14,54,107,.18);
  background: #fff;
  color: #10325f;
  padding: 0 10px;
}

body.page-get-answers .cmc-follow-btn{
  min-height: 32px;
  border-radius: 999px;
  border: 1px solid rgba(16,62,118,.18);
  background: #fff;
  color: #12457d;
  font-size: .8rem;
  font-weight: 800;
  padding: 0 10px;
  cursor: pointer;
}

body.page-get-answers .cmc-follow-btn[disabled]{
  opacity: .65;
  cursor: default;
}

body.page-get-answers :is(.cmc-answers-lang__btn, .cmc-verse-chip, .cmc-follow-btn, .cmc-follow-email):focus-visible{
  outline: 0;
  box-shadow: 0 0 0 3px rgba(33,106,196,.24);
}

@media (max-width: 980px){
  body.page-get-answers .cmc-answers-weekly{
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce){
  body.page-get-answers *{
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
}

/* =========================================================
   Leadership Profile Refresh (All Leadership Pages)
========================================================= */
body.cmc-site .cmc-leader-hero{
  position: relative;
  min-height: clamp(480px, 68vh, 760px);
  padding: clamp(200px, 24vw, 310px) 0 clamp(94px, 10vw, 150px);
}

body.cmc-site .cmc-leader-hero--directory{
  display: flex;
  align-items: center;
  min-height: clamp(560px, 78vh, 860px);
  padding: clamp(120px, 14vw, 180px) 0 clamp(110px, 12vw, 160px);
}



body.cmc-site .cmc-leader-hero__inner{
  width: 100%;
  max-width: 900px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body.cmc-site .cmc-leader-hero__lead{
  max-width: 56ch;
  margin: 2px 0 0;
  color: rgba(255,255,255,.90);
  font-size: 1rem;
  line-height: 1.7;
  font-weight: 500;
  text-shadow: 0 6px 18px rgba(0,0,0,.24);
}

body.cmc-site .cmc-leader-hero .cmc-leader-h2{
  color: #fff;
  font-size: clamp(3.4rem, 7vw, 7rem);
  font-weight: 1000;
  line-height: .92;
  letter-spacing: -.04em;
  text-shadow: 0 10px 28px rgba(0,0,0,.3);
}

body.cmc-site .cmc-leader-hero::before{
  background:
    radial-gradient(1200px 620px at 16% 14%, rgba(255,255,255,.08), rgba(255,255,255,0) 54%),
    linear-gradient(180deg, rgba(0,0,0,.58) 0%, rgba(0,0,0,.82) 88%);
}

body.cmc-site .cmc-leader-hero--president::before{
  background:
    radial-gradient(900px 520px at 18% 18%, rgba(52, 109, 216, .26), rgba(52, 109, 216, 0) 52%),
    linear-gradient(180deg, rgba(7, 19, 44, .28) 0%, rgba(8, 30, 67, .82) 100%);
}

body.cmc-site .cmc-leader-hero--executive-secretary::before{
  background:
    radial-gradient(900px 520px at 18% 18%, rgba(24, 169, 174, .22), rgba(24, 169, 174, 0) 52%),
    linear-gradient(180deg, rgba(5, 31, 43, .26) 0%, rgba(10, 77, 91, .82) 100%);
}

body.cmc-site .cmc-leader-hero--chief-finance-officer::before{
  background:
    radial-gradient(900px 520px at 18% 18%, rgba(232, 165, 48, .24), rgba(232, 165, 48, 0) 52%),
    linear-gradient(180deg, rgba(53, 28, 2, .26) 0%, rgba(110, 61, 7, .82) 100%);
}

body.cmc-site .cmc-leader-hero--director::before{
  background:
    radial-gradient(900px 520px at 18% 18%, rgba(133, 92, 255, .22), rgba(133, 92, 255, 0) 52%),
    linear-gradient(180deg, rgba(24, 10, 58, .24) 0%, rgba(62, 31, 121, .82) 100%);
}

body.cmc-site .cmc-leader-jump{
  position: sticky;
  top: 84px;
  z-index: 45;
  margin-top: 0;
  border-top: 1px solid rgba(12, 48, 92, .08);
  border-bottom: 1px solid rgba(12, 48, 92, .08);
  backdrop-filter: blur(12px) saturate(120%);
  background: linear-gradient(180deg, rgba(247,250,255,.98), rgba(241,246,253,.92));
  box-shadow: 0 12px 28px rgba(7, 34, 70, .08);
}

/* Leadership pages use hero + nav, so restore the wave bridge for this structure. */
body.cmc-site .cmc-leader-hero{
  border-bottom: 0 !important;
  border-top: 0 !important;
}

body.page-president .cmc-header,
body.page-executive-secretary .cmc-header,
body.page-chief-finance-officer .cmc-header,
body.page-template-page_director-profile .cmc-header,
body.single-cmc_leader .cmc-header{
  border-bottom: 0 !important;
}

body.cmc-site .cmc-leader-hero + .cmc-leader-jump{
  position: relative;
  z-index: 6;
  overflow: visible;
}

body.cmc-site .cmc-leader-hero + .cmc-leader-jump::before{
  content: none !important;
}

/* Put the wave directly on the leadership hero (prevents misplaced seam lines). */
body.cmc-site .cmc-leader-hero::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 86px;
  z-index: 6;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 120' preserveAspectRatio='none'%3E%3Cpath fill='%23f7faff' d='M0 56 C230 24 430 26 640 58 C840 90 1010 92 1220 66 C1380 46 1498 44 1600 50 L1600 120 L0 120 Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "" !important;
}

body.cmc-site .cmc-leader-jump__inner{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  padding: 12px 0 12px;
  justify-content: flex-start;
}

body.cmc-site .cmc-leader-jump__label{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin-right: 4px;
  color: rgba(11,42,111,.54);
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .16em;
  text-transform: uppercase;
}

body.cmc-site .cmc-leader-jump__link{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(18, 77, 140, .14);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,249,255,.92));
  color: #0f3c72;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .02em;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
  box-shadow: 0 10px 18px rgba(7, 34, 70, .06);
}

body.cmc-site .cmc-leader-jump__link:hover{
  transform: translateY(-1px);
  border-color: rgba(18, 77, 140, .28);
  box-shadow: 0 12px 22px rgba(6, 38, 80, .12);
  color: #0b2a6f;
  background: #ffffff;
}

body.cmc-site .cmc-leader-jump__link:focus-visible{
  outline: 0;
  box-shadow: 0 0 0 3px rgba(33,106,196,.24);
}

body.cmc-site :is(.cmc-leader-hero + .cmc-content, .cmc-leader-jump + .cmc-content) .cmc-leader-card{
  margin-top: 18px;
  border-radius: 24px !important;
  border: 1px solid rgba(12, 40, 78, .1) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,251,255,.96)) !important;
  box-shadow: 0 28px 54px rgba(3, 24, 51, .17) !important;
  overflow: hidden;
}

body.cmc-site .cmc-leader-card__grid{
  grid-template-columns: minmax(230px, 290px) 1fr;
  gap: 30px;
  padding: clamp(24px, 2.8vw, 34px);
}

body.page-president .cmc-leader-card{
  position: relative;
  margin-top: 0 !important;
  padding-top: 24px;
}

body.page-president .cmc-leader-actions :is(.cmc-nav-cta, .cmc-btn, .cmc-btn--ghost, .cmc-btn--pill, .cmc-btn--leader-ghost){
  background: linear-gradient(135deg, #1f4e7b, #3779d8) !important;
  border-color: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 16px 30px rgba(23, 82, 171, .18);
}

body.page-president .cmc-leader-actions :is(.cmc-nav-cta, .cmc-btn, .cmc-btn--ghost, .cmc-btn--pill, .cmc-btn--leader-ghost):hover{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.page-president :is(.cmc-nav-cta, .cmc-btn, .cmc-btn--ghost, .cmc-btn--pill, .cmc-btn--leader-ghost),
body.page-executive-secretary :is(.cmc-nav-cta, .cmc-btn, .cmc-btn--ghost, .cmc-btn--pill, .cmc-btn--leader-ghost),
body.page-chief-finance-officer :is(.cmc-nav-cta, .cmc-btn, .cmc-btn--ghost, .cmc-btn--pill, .cmc-btn--leader-ghost),
body.page-template-page_director-profile :is(.cmc-nav-cta, .cmc-btn, .cmc-btn--ghost, .cmc-btn--pill, .cmc-btn--leader-ghost),
body.single-cmc_leader :is(.cmc-nav-cta, .cmc-btn, .cmc-btn--ghost, .cmc-btn--pill, .cmc-btn--leader-ghost){
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.page-president .cmc-leader-jump{
  position: relative !important;
  top: auto !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

body.page-president #overview{
  padding-top: 0;
}

body.page-executive-secretary .cmc-leader-jump,
body.page-chief-finance-officer .cmc-leader-jump,
body.page-template-page_director-profile .cmc-leader-jump,
body.single-cmc_leader .cmc-leader-jump{
  position: relative !important;
  top: auto !important;
}

body.page-president .cmc-leader-card__sticker{
  position: absolute;
  top: 14px;
  left: 24px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, #1f4e7b, #3779d8);
  color: #ffffff;
  font-size: .76rem;
  font-weight: 950;
  letter-spacing: .16em;
  text-transform: uppercase;
  box-shadow: 0 14px 28px rgba(23,82,171,.24);
}

body.page-president .cmc-leader-portrait--full{
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(245,250,255,.98));
}

body.page-president .cmc-leader-portrait--full img{
  object-fit: contain !important;
  object-position: center bottom !important;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,250,255,.98));
}

body.cmc-site .cmc-leader-portrait{
  border-radius: 20px;
  border: 1px solid rgba(14, 49, 96, .16);
  box-shadow: 0 18px 36px rgba(6, 40, 84, .16);
}

body.cmc-site .cmc-leader-title{
  font-size: clamp(1.8rem, 2.8vw, 2.8rem);
  line-height: 1.03;
}

body.cmc-site .cmc-leader-role{
  margin-top: 7px;
  font-size: 1rem;
  letter-spacing: .01em;
}

body.cmc-site .cmc-leader-quote{
  margin-top: 16px;
  max-width: 58ch;
  padding-left: 14px;
  border-left: 3px solid rgba(13,79,148,.35);
  color: rgba(11,42,111,.82);
  font-size: 1rem;
}

body.cmc-site .cmc-leader-section{
  padding: clamp(46px, 6vw, 76px) 0;
}

body.cmc-site .cmc-leader-section--soft{
  background:
    radial-gradient(1100px 460px at 80% 0%, rgba(17, 85, 160, .12), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.86));
}

body.cmc-site .cmc-leader-kicker{
  margin-bottom: 8px;
  color: rgba(14,53,100,.68);
}

body.cmc-site .cmc-leader-h2{
  margin-bottom: 14px;
  font-size: clamp(1.55rem, 2.2vw, 2.3rem);
}

body.cmc-site .cmc-leader-prose{
  max-width: 74ch;
  font-size: 1.01rem;
  line-height: 1.8;
}

body.cmc-site .cmc-leader-highlights{
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  gap: 16px;
}

body.cmc-site .cmc-leader-highlight{
  border-radius: 16px !important;
  padding: 18px 17px 16px;
  background:
    radial-gradient(520px 180px at 16% 0%, rgba(47,110,219,.10), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,252,255,.96));
  box-shadow: 0 16px 34px rgba(4, 24, 53, .08);
  border-top: 3px solid rgba(47,110,219,.32);
  transition: transform .18s ease, box-shadow .18s ease;
}

body.cmc-site .cmc-leader-highlight:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 40px rgba(4, 24, 53, .12);
}

body.cmc-site .cmc-leader-highlight__title{
  font-size: 1.08rem;
}

body.cmc-site .cmc-leader-bio{
  gap: 22px;
}

body.cmc-site .cmc-leader-bio__media{
  min-height: clamp(260px, 34vw, 420px);
}

body.cmc-site .cmc-leader-timeline{
  position: relative;
  gap: 10px;
  padding-left: 18px;
}

body.cmc-site .cmc-leader-timeline::before{
  content: "";
  position: absolute;
  left: 4px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: linear-gradient(180deg, rgba(26,102,188,.25), rgba(26,102,188,.04));
}

body.cmc-site .cmc-leader-timeline__item{
  position: relative;
  border-radius: 14px;
}

body.cmc-site .cmc-leader-timeline__item::before{
  content: "";
  position: absolute;
  left: -18px;
  top: 14px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid rgba(20,85,155,.72);
  background: #fff;
}

body.cmc-site .cmc-leader-contact{
  gap: 14px;
}

body.cmc-site .cmc-leader-contact__card{
  border-radius: 16px !important;
  background:
    radial-gradient(520px 180px at 18% 0%, rgba(47,110,219,.10), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(249,252,255,.96));
  transition: transform .18s ease, box-shadow .18s ease;
}

body.cmc-site .cmc-leader-contact__card:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 46px rgba(0,0,0,.12);
}

body.cmc-site .cmc-leader-meta li + li{
  margin-top: 7px;
}

body.cmc-site .cmc-leader-other{
  gap: 14px;
}

body.cmc-site .cmc-leader-other__card{
  position: relative;
  border-radius: 14px !important;
  transition: transform .18s ease, box-shadow .18s ease;
}

body.cmc-site .cmc-leader-other__card::after{
  content: "\2192";
  margin-left: auto;
  color: rgba(15, 58, 109, .58);
  font-weight: 800;
}

body.cmc-site .cmc-leader-other__card:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 42px rgba(0,0,0,.12);
}

body.cmc-site .cmc-leader-other__portrait{
  border-radius: 14px;
}

body.cmc-site .cmc-leader-other__name{
  font-size: 1.02rem;
}

body.cmc-site .cmc-leader-other__role{
  margin-bottom: 8px;
}

@media (max-width: 980px){
  body.cmc-site .cmc-leader-jump{
    top: 72px;
  }

  body.cmc-site .cmc-leader-hero + .cmc-leader-jump::before{
    top: -61px;
    height: 62px;
  }

  body.cmc-site .cmc-leader-hero::after{
    height: 62px;
  }

  body.cmc-site .cmc-leader-jump__inner{
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 10px 0;
    scrollbar-width: thin;
  }

  body.cmc-site .cmc-leader-jump__link{
    white-space: nowrap;
    min-height: 32px;
    padding: 0 10px;
    font-size: .78rem;
  }

  body.cmc-site .cmc-leader-hero__stats{
    grid-template-columns: 1fr;
  }

  body.cmc-site :is(.cmc-leader-hero + .cmc-content, .cmc-leader-jump + .cmc-content) .cmc-leader-card{
    margin-top: 16px;
  }

  body.cmc-site .cmc-leader-card__grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  body.cmc-site .cmc-leader-portrait{
    max-width: 320px;
  }

  body.cmc-site .cmc-leader-highlights{
    grid-template-columns: 1fr;
  }

  body.cmc-site .cmc-leader-bio{
    grid-template-columns: 1fr;
  }

  body.cmc-site .cmc-leader-contact{
    grid-template-columns: 1fr;
  }

  body.cmc-site .cmc-leader-other{
    grid-template-columns: 1fr;
  }
}

/* Leadership profile pages: keep the top stack airy and non-overlapping. */
body.page-president .cmc-leader-jump,
body.page-executive-secretary .cmc-leader-jump,
body.page-chief-finance-officer .cmc-leader-jump,
body.page-template-page_director-profile .cmc-leader-jump,
body.single-cmc_leader .cmc-leader-jump{
  position: relative !important;
  top: auto !important;
  z-index: 6;
  margin-top: 0 !important;
}

body.page-president .cmc-leader-jump{
  margin-bottom: 18px !important;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
}

body.page-president .cmc-leader-jump__inner{
  padding-top: 12px;
  padding-bottom: 12px;
}

body.page-president .cmc-leader-jump__label{
  color: rgba(11,42,111,.54);
}

body.page-president .cmc-leader-jump__link{
  border-color: rgba(18, 77, 140, .14);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,249,255,.92));
  color: #0f3c72;
  box-shadow: 0 10px 18px rgba(7, 34, 70, .06);
}

body.page-president .cmc-leader-jump__link:hover{
  background: #ffffff;
  border-color: rgba(18, 77, 140, .28);
  color: #0b2a6f;
}

body.page-president .cmc-leader-jump + .cmc-content .cmc-leader-card{
  margin-top: 18px !important;
}

body.page-president .cmc-leader-card,
body.page-executive-secretary .cmc-leader-card,
body.page-chief-finance-officer .cmc-leader-card,
body.page-template-page_director-profile .cmc-leader-card,
body.single-cmc_leader .cmc-leader-card{
  margin-top: 18px !important;
}

body.page-president .cmc-leader-card{
  margin-top: 18px !important;
}

body.page-president .cmc-leader-hero,
body.page-executive-secretary .cmc-leader-hero,
body.page-chief-finance-officer .cmc-leader-hero,
body.page-template-page_director-profile .cmc-leader-hero,
body.single-cmc_leader .cmc-leader-hero{
  padding-bottom: clamp(108px, 11vw, 160px);
}

body.page-president .cmc-leader-hero__stats,
body.page-executive-secretary .cmc-leader-hero__stats,
body.page-chief-finance-officer .cmc-leader-hero__stats,
body.page-template-page_director-profile .cmc-leader-hero__stats,
body.single-cmc_leader .cmc-leader-hero__stats{
  margin-top: 2px;
}

body.page-president .cmc-leader-hero__stats--president{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
  max-width: 780px;
}

body.page-president .cmc-leader-hero__stat{
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 14px 28px rgba(4, 22, 47, .16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.page-president .cmc-leader-hero__stat-label{
  display: block;
  margin-bottom: 4px;
  color: rgba(255,255,255,.72);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.page-president .cmc-leader-hero__stat-value{
  display: block;
  color: #ffffff;
  font-size: .94rem;
  font-weight: 800;
  line-height: 1.35;
}

@media (max-width: 720px){
  body.page-president .cmc-leader-hero__stats--president{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px){
  body.page-president .cmc-leader-jump,
  body.page-executive-secretary .cmc-leader-jump,
  body.page-chief-finance-officer .cmc-leader-jump,
  body.page-template-page_director-profile .cmc-leader-jump,
  body.single-cmc_leader .cmc-leader-jump{
    position: relative !important;
    top: auto !important;
  }

  body.page-president :is(.cmc-leader-hero + .cmc-content, .cmc-leader-jump + .cmc-content) .cmc-leader-card,
  body.page-executive-secretary :is(.cmc-leader-hero + .cmc-content, .cmc-leader-jump + .cmc-content) .cmc-leader-card,
  body.page-chief-finance-officer :is(.cmc-leader-hero + .cmc-content, .cmc-leader-jump + .cmc-content) .cmc-leader-card,
  body.page-template-page_director-profile :is(.cmc-leader-hero + .cmc-content, .cmc-leader-jump + .cmc-content) .cmc-leader-card,
  body.single-cmc_leader :is(.cmc-leader-hero + .cmc-content, .cmc-leader-jump + .cmc-content) .cmc-leader-card{
    margin-top: 14px !important;
  }

  body.page-president .cmc-leader-jump + .cmc-content .cmc-leader-card{
    margin-top: 0 !important;
  }
}

/* Leadership pages: force transparent top header (remove dark top band/line). */
html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .single-cmc_leader
) .cmc-header,
html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .single-cmc_leader
) .cmc-header.is-scrolled,
html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .single-cmc_leader
) .cmc-header.is-sticky,
html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .single-cmc_leader
) .cmc-header.is-fixed{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .single-cmc_leader
) .cmc-header::before,
html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .single-cmc_leader
) .cmc-header::after{
  content: none !important;
  opacity: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Fallback selector: any page rendering a leadership hero should have a fully transparent header. */
html body.cmc-site:has(.cmc-leader-hero) .cmc-header,
html body.cmc-site:has(.cmc-leader-hero) .cmc-header.is-scrolled,
html body.cmc-site:has(.cmc-leader-hero) .cmc-header.is-sticky,
html body.cmc-site:has(.cmc-leader-hero) .cmc-header.is-fixed,
html.cmc-nav-open body.cmc-site:has(.cmc-leader-hero) .cmc-header,
html.cmc-nav-open body.cmc-site:has(.cmc-leader-hero) .cmc-header.is-scrolled,
html.cmc-nav-open body.cmc-site:has(.cmc-leader-hero) .cmc-header.is-sticky,
html.cmc-nav-open body.cmc-site:has(.cmc-leader-hero) .cmc-header.is-fixed{
  background: transparent !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.cmc-site:has(.cmc-leader-hero) .cmc-header::before,
html body.cmc-site:has(.cmc-leader-hero) .cmc-header::after{
  content: none !important;
  opacity: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.cmc-site:has(.cmc-leader-hero) .cmc-header > .cmc-header__inner,
html body.cmc-site:has(.cmc-leader-hero) .cmc-header > .l-wrap.cmc-header__inner,
html body.cmc-site:has(.cmc-leader-hero) .cmc-header > .cmc-wrap.cmc-header__inner{
  background: transparent !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Leadership pages: keep utility row visible but fully transparent (no dark strip). */
html body.cmc-site:has(.cmc-leader-hero) .cmc-utility--inline,
html body.cmc-site:has(.cmc-leader-hero) .cmc-utility,
html body.cmc-site:has(.cmc-leader-hero) .cmc-utility__right{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Browser-safe leadership header class (set in header.blade.php). */
html body.cmc-site .cmc-header.cmc-header--leader,
html body.cmc-site .cmc-header.cmc-header--leader.is-scrolled,
html body.cmc-site .cmc-header.cmc-header--leader.is-sticky,
html body.cmc-site .cmc-header.cmc-header--leader.is-fixed{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.cmc-site .cmc-header.cmc-header--leader::before,
html body.cmc-site .cmc-header.cmc-header--leader::after{
  content: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.cmc-site .cmc-header.cmc-header--leader .cmc-utility--inline,
html body.cmc-site .cmc-header.cmc-header--leader .cmc-utility,
html body.cmc-site .cmc-header.cmc-header--leader .cmc-utility__right{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Global: keep secondary menu, but never paint a dark strip behind it. */
html body.cmc-site .cmc-utility--inline,
html body.cmc-site .cmc-utility,
html body.cmc-site .cmc-utility__right{
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Leadership pages: also clear wrapper layers that can still render a dark top strip. */
html body.cmc-site .cmc-header.cmc-header--leader > .cmc-header__inner,
html body.cmc-site .cmc-header.cmc-header--leader .cmc-header__right,
html body.cmc-site .cmc-header.cmc-header--leader .cmc-utility__inner{
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Leadership pages: clear the primary-nav row (the dark strip behind Mission/Knowledge Hub/About). */
html body.cmc-site .cmc-header.cmc-header--leader #cmc-primary-nav,
html body.cmc-site .cmc-header.cmc-header--leader #cmc-primary-nav.cmc-nav,
html body.cmc-site .cmc-header.cmc-header--leader #cmc-primary-nav .cmc-nav__panel,
html body.cmc-site .cmc-header.cmc-header--leader #cmc-primary-nav .cmc-menu--primary,
html body.cmc-site .cmc-header.cmc-header--leader #cmc-primary-nav .cmc-menu--primary > li,
html body.cmc-site .cmc-header.cmc-header--leader #cmc-primary-nav .cmc-menu--primary > li > a{
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Global fallback: never paint a separate strip behind the primary menu row. */
html body.cmc-site .cmc-header #cmc-primary-nav .cmc-nav__panel,
html body.cmc-site .cmc-header #cmc-primary-nav .cmc-menu--primary,
html body.cmc-site .cmc-header #cmc-primary-nav .cmc-menu--primary > li,
html body.cmc-site .cmc-header #cmc-primary-nav .cmc-menu--primary > li > a{
  background: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Global strip removal: clear any painted header rows/wrappers on normal state. */
html:not(.cmc-nav-open) body.cmc-site .cmc-header,
html:not(.cmc-nav-open) body.cmc-site .cmc-header::before,
html:not(.cmc-nav-open) body.cmc-site .cmc-header::after,
html:not(.cmc-nav-open) body.cmc-site .cmc-header > .cmc-header__inner,
html:not(.cmc-nav-open) body.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
html:not(.cmc-nav-open) body.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner,
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-header__right,
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-utility,
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-utility--inline,
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-utility__inner,
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-utility__right,
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-nav__panel,
html:not(.cmc-nav-open) body.cmc-site .cmc-header #cmc-primary-nav,
html:not(.cmc-nav-open) body.cmc-site .c-header,
html:not(.cmc-nav-open) body.cmc-site .l-header,
html:not(.cmc-nav-open) body.cmc-site .l-header__inner{
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Global hero wave: apply a consistent lower wavy border on all hero variants. */
body.cmc-site :is(.cmc-hero, .cmc-news__hero, .cmc-news-hero, .cmc-res-hero, .cmc-biblestudy-hero, .cmc-prayerreq-hero, .cmc-virtual-hero, .cmc-events-hero, .cmc-event-hero, .cmc-reg-hero, .cmc-leader-hero, .cmc-officer-hero, .cmc-strategic-hero, .cmc-sp-hero, .cmc-sp__hero){
  position: relative !important;
  overflow: hidden !important;
}

body.cmc-site :is(.cmc-hero, .cmc-news__hero, .cmc-news-hero, .cmc-res-hero, .cmc-biblestudy-hero, .cmc-prayerreq-hero, .cmc-virtual-hero, .cmc-events-hero, .cmc-event-hero, .cmc-reg-hero, .cmc-leader-hero, .cmc-officer-hero, .cmc-strategic-hero, .cmc-sp-hero, .cmc-sp__hero)::after{
  content: none !important;
  background: none !important;
  background-image: none !important;
}

/* Remove the tinted in-hero wave (blue/grey). Keep only the lower border wave (::after). */
body.cmc-site :is(.cmc-topstage, .cmc-hero, .cmc-home-hero, .cmc-news__hero, .cmc-news-hero, .cmc-res-hero, .cmc-biblestudy-hero, .cmc-prayerreq-hero, .cmc-virtual-hero, .cmc-events-hero, .cmc-event-hero, .cmc-reg-hero, .cmc-leader-hero, .cmc-officer-hero, .cmc-strategic-hero, .cmc-sp-hero, .cmc-sp__hero, .cmc-about-hero, .cmc-beliefs-hero, .cmc-dept-hero, .cmc-dept-detail-hero, .cmc-answers-hero)::before{
  content: none !important;
  background: none !important;
  background-image: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* Extend next section background upward in a wave shape to remove white gaps. */
body.cmc-site :is(.cmc-topstage, .cmc-hero, .cmc-home-hero, .cmc-news__hero, .cmc-news-hero, .cmc-res-hero, .cmc-biblestudy-hero, .cmc-prayerreq-hero, .cmc-virtual-hero, .cmc-events-hero, .cmc-event-hero, .cmc-reg-hero, .cmc-leader-hero, .cmc-officer-hero, .cmc-strategic-hero, .cmc-sp-hero, .cmc-sp__hero, .cmc-about-hero, .cmc-beliefs-hero, .cmc-dept-hero, .cmc-dept-detail-hero, .cmc-answers-hero) + :is(section, div, article, main){
  position: relative !important;
  z-index: 3 !important;
  overflow: visible !important;
}

body.cmc-site :is(.cmc-topstage, .cmc-hero, .cmc-home-hero, .cmc-news__hero, .cmc-news-hero, .cmc-res-hero, .cmc-biblestudy-hero, .cmc-prayerreq-hero, .cmc-virtual-hero, .cmc-events-hero, .cmc-event-hero, .cmc-reg-hero, .cmc-leader-hero, .cmc-officer-hero, .cmc-strategic-hero, .cmc-sp-hero, .cmc-sp__hero, .cmc-about-hero, .cmc-beliefs-hero, .cmc-dept-hero, .cmc-dept-detail-hero, .cmc-answers-hero) + :is(section, div, article, main)::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -86px !important;
  height: 88px !important;
  z-index: 6 !important;
  pointer-events: none !important;
  background-color: inherit !important;
  background-image: inherit !important;
  background-repeat: inherit !important;
  background-size: inherit !important;
  background-position: inherit !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 120' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 56 C230 24 430 26 640 58 C840 90 1010 92 1220 66 C1380 46 1498 44 1600 50 L1600 120 L0 120 Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 120' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 56 C230 24 430 26 640 58 C840 90 1010 92 1220 66 C1380 46 1498 44 1600 50 L1600 120 L0 120 Z'/%3E%3C/svg%3E") !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
}

/* Add a short soft fade under every hero into the next section's base color. */
body.cmc-site :is(.cmc-topstage, .cmc-hero, .cmc-home-hero, .cmc-news__hero, .cmc-news-hero, .cmc-res-hero, .cmc-biblestudy-hero, .cmc-prayerreq-hero, .cmc-virtual-hero, .cmc-events-hero, .cmc-event-hero, .cmc-reg-hero, .cmc-leader-hero, .cmc-officer-hero, .cmc-strategic-hero, .cmc-sp-hero, .cmc-sp__hero, .cmc-about-hero, .cmc-beliefs-hero, .cmc-dept-hero, .cmc-dept-detail-hero, .cmc-answers-hero) + :is(section, div, article, main)::after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 74px !important;
  pointer-events: none !important;
  z-index: 5 !important;
  background-color: inherit !important;
  background-image: inherit !important;
  background-repeat: inherit !important;
  background-size: inherit !important;
  background-position: inherit !important;
  -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.78), transparent) !important;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.78), transparent) !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 900px){
  body.cmc-site :is(.cmc-topstage, .cmc-hero, .cmc-home-hero, .cmc-news__hero, .cmc-news-hero, .cmc-res-hero, .cmc-biblestudy-hero, .cmc-prayerreq-hero, .cmc-virtual-hero, .cmc-events-hero, .cmc-event-hero, .cmc-reg-hero, .cmc-leader-hero, .cmc-officer-hero, .cmc-strategic-hero, .cmc-sp-hero, .cmc-sp__hero, .cmc-about-hero, .cmc-beliefs-hero, .cmc-dept-hero, .cmc-dept-detail-hero, .cmc-answers-hero) + :is(section, div, article, main)::before{
    top: -61px !important;
    height: 62px !important;
  }
}

/* Keep the news hero image fully visible without the next section overlapping it. */
body.cmc-site .cmc-news__hero + .cmc-news__section{
  z-index: 1 !important;
}

body.cmc-site .cmc-news__hero + .cmc-news__section::before,
body.cmc-site .cmc-news__hero + .cmc-news__section::after{
  content: none !important;
  display: none !important;
}

/* =========================================================
   FIND HOUSE OF PRAYER PAGE
========================================================= */
.cmc-findchurch-hero{
  position: relative;
  background-size: cover;
  background-position: center;
  min-height: clamp(380px, 56vh, 620px);
  border-bottom: 0 !important;
}
.cmc-findchurch-hero__overlay{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(950px 420px at 12% 8%, rgba(52,115,201,.34), transparent 62%),
    radial-gradient(900px 380px at 88% 16%, rgba(20,57,107,.48), transparent 64%),
    linear-gradient(180deg, rgba(8,29,61,.78), rgba(8,29,61,.56));
}
.cmc-findchurch-hero__inner{
  position: relative;
  z-index: 2;
  color: #fff;
  max-width: 980px;
  padding: clamp(150px, 16vh, 232px) 0 clamp(96px, 11vh, 144px);
}
.cmc-findchurch-hero__kicker{
  margin: 0 0 10px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.86);
}
.cmc-findchurch-hero__title{
  margin: 0;
  font-size: clamp(2rem, 5.1vw, 3.7rem);
  line-height: 1.04;
  letter-spacing: -.01em;
  text-wrap: balance;
}
.cmc-findchurch-hero__lead{
  margin: 14px 0 0;
  max-width: 72ch;
  color: rgba(255,255,255,.94);
  font-size: clamp(1rem, 1.6vw, 1.18rem);
  line-height: 1.65;
}
.cmc-findchurch-hero__highlights{
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cmc-findchurch-hero__highlights span{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255,255,255,.10);
  color: rgba(255,255,255,.95);
  border-radius: 999px;
  padding: 6px 12px;
  font-size: .82rem;
  font-weight: 800;
}
.cmc-findchurch-hero__cta{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cmc-findchurch-hero__cta button{
  border: 1px solid rgba(255,255,255,.34);
  background: rgba(9,35,78,.35);
  color: #fff;
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 850;
  font-size: .84rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}
.cmc-findchurch-hero__cta button:hover{
  transform: translateY(-1px);
  background: rgba(16,53,114,.55);
  border-color: rgba(255,255,255,.5);
}

.cmc-ico{
  width: 16px;
  height: 16px;
  display: inline-block;
  flex: 0 0 auto;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  vertical-align: -2px;
}
.cmc-ico--search{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 4a7 7 0 1 1 0 14a7 7 0 0 1 0-14m0-2a9 9 0 1 0 5.65 16l4.68 4.67l1.41-1.41l-4.67-4.68A9 9 0 0 0 11 2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 4a7 7 0 1 1 0 14a7 7 0 0 1 0-14m0-2a9 9 0 1 0 5.65 16l4.68 4.67l1.41-1.41l-4.67-4.68A9 9 0 0 0 11 2'/%3E%3C/svg%3E");
}
.cmc-ico--route{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 4a4 4 0 0 1 3.87 3h2.63v2h-2.63A4 4 0 0 1 14 12a4 4 0 0 1-3.87-3H3V7h7.13A4 4 0 0 1 14 4m0 2a2 2 0 1 0 0 4a2 2 0 0 0 0-4M10 12v2H6.87A4 4 0 0 0 3 17a4 4 0 0 0 3.87 3H21v-2H6.87a2 2 0 0 1 0-4H10v2l4-3z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 4a4 4 0 0 1 3.87 3h2.63v2h-2.63A4 4 0 0 1 14 12a4 4 0 0 1-3.87-3H3V7h7.13A4 4 0 0 1 14 4m0 2a2 2 0 1 0 0 4a2 2 0 0 0 0-4M10 12v2H6.87A4 4 0 0 0 3 17a4 4 0 0 0 3.87 3H21v-2H6.87a2 2 0 0 1 0-4H10v2l4-3z'/%3E%3C/svg%3E");
}
.cmc-ico--plus{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6z'/%3E%3C/svg%3E");
}
.cmc-ico--target{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 3h2v2.06A7 7 0 0 1 18.94 11H21v2h-2.06A7 7 0 0 1 13 18.94V21h-2v-2.06A7 7 0 0 1 5.06 13H3v-2h2.06A7 7 0 0 1 11 5.06zm1 4a5 5 0 1 0 0 10a5 5 0 0 0 0-10m0 3a2 2 0 1 1 0 4a2 2 0 0 1 0-4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 3h2v2.06A7 7 0 0 1 18.94 11H21v2h-2.06A7 7 0 0 1 13 18.94V21h-2v-2.06A7 7 0 0 1 5.06 13H3v-2h2.06A7 7 0 0 1 11 5.06zm1 4a5 5 0 1 0 0 10a5 5 0 0 0 0-10m0 3a2 2 0 1 1 0 4a2 2 0 0 1 0-4'/%3E%3C/svg%3E");
}
.cmc-ico--save{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7zM7 5h8v4H7zm12 14H5V5h1v6h10V5h.17L19 7.83zM12 18a3 3 0 1 1 0-6a3 3 0 0 1 0 6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7zM7 5h8v4H7zm12 14H5V5h1v6h10V5h.17L19 7.83zM12 18a3 3 0 1 1 0-6a3 3 0 0 1 0 6'/%3E%3C/svg%3E");
}
.cmc-ico--church{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 2h2v3h2v2h-2v2.2l5 2.05V22h-4v-4h-4v4H6V11.25L11 9.2V7H9V5h2zm-3 12v2h8v-2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 2h2v3h2v2h-2v2.2l5 2.05V22h-4v-4h-4v4H6V11.25L11 9.2V7H9V5h2zm-3 12v2h8v-2z'/%3E%3C/svg%3E");
}
.cmc-ico--mail{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m0 4l-8 5L4 8V6l8 5l8-5z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m0 4l-8 5L4 8V6l8 5l8-5z'/%3E%3C/svg%3E");
}
.cmc-ico--grid{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm10 0h8v8h-8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm10 0h8v8h-8z'/%3E%3C/svg%3E");
}
.cmc-ico--pin{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 1 7 7c0 5.25-7 13-7 13S5 14.25 5 9a7 7 0 0 1 7-7m0 4a3 3 0 1 0 0 6a3 3 0 0 0 0-6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 1 7 7c0 5.25-7 13-7 13S5 14.25 5 9a7 7 0 0 1 7-7m0 4a3 3 0 1 0 0 6a3 3 0 0 0 0-6'/%3E%3C/svg%3E");
}
.cmc-ico--phone{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1-.24a11.4 11.4 0 0 0 3.58.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1a11.4 11.4 0 0 0 .57 3.58a1 1 0 0 1-.24 1z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1-.24a11.4 11.4 0 0 0 3.58.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1a11.4 11.4 0 0 0 .57 3.58a1 1 0 0 1-.24 1z'/%3E%3C/svg%3E");
}
.cmc-ico--calendar{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3zm13 8H4v10h16z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3zm13 8H4v10h16z'/%3E%3C/svg%3E");
}
.cmc-ico--clock{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 1 0 20a10 10 0 0 1 0-20m1 5h-2v6l5 3l1-1.73l-4-2.27z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 1 0 20a10 10 0 0 1 0-20m1 5h-2v6l5 3l1-1.73l-4-2.27z'/%3E%3C/svg%3E");
}
.cmc-ico--image{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm0 12l4-5l3 4l2-3l5 4zm4-8a2 2 0 1 1 0 4a2 2 0 0 1 0-4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm0 12l4-5l3 4l2-3l5 4zm4-8a2 2 0 1 1 0 4a2 2 0 0 1 0-4'/%3E%3C/svg%3E");
}
.cmc-ico--lat{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 3h2v18h-2zM6 8l-3 4l3 4h2l-3-4l3-4zm12 0h-2l3 4l-3 4h2l3-4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 3h2v18h-2zM6 8l-3 4l3 4h2l-3-4l3-4zm12 0h-2l3 4l-3 4h2l3-4z'/%3E%3C/svg%3E");
}
.cmc-ico--lng{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 11h18v2H3zM8 6l4-3l4 3v2l-4-3l-4 3zm0 12l4 3l4-3v-2l-4 3l-4-3z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 11h18v2H3zM8 6l4-3l4 3v2l-4-3l-4 3zm0 12l4 3l4-3v-2l-4 3l-4-3z'/%3E%3C/svg%3E");
}
.cmc-ico--alert{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M1 21h22L12 2zm12-3h-2v2h2zm0-8h-2v6h2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M1 21h22L12 2zm12-3h-2v2h2zm0-8h-2v6h2z'/%3E%3C/svg%3E");
}

.cmc-findchurch{
  position: relative;
  padding: clamp(34px, 4.5vw, 64px) 0 clamp(56px, 7vw, 104px);
  background:
    radial-gradient(1000px 380px at 20% 0%, rgba(31,78,121,.09), transparent 60%),
    radial-gradient(850px 340px at 82% 12%, rgba(31,78,121,.06), transparent 62%),
    linear-gradient(180deg, rgba(11,42,111,.02), #f7faff 56%, #fff 100%);
}
.cmc-findchurch__grid{
  display: grid;
  grid-template-columns: minmax(300px, 410px) minmax(0, 1fr);
  gap: clamp(18px, 2.8vw, 34px);
  align-items: start;
}

.cmc-findchurch__panel,
.cmc-findchurch__submit-wrap{
  border-radius: 20px;
  border: 1px solid rgba(11,42,111,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,252,255,.96));
  box-shadow:
    0 16px 38px rgba(11,42,111,.10),
    0 4px 12px rgba(11,42,111,.06);
}
.cmc-findchurch__panel{
  padding: clamp(14px, 2vw, 20px);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  position: sticky;
  top: 104px;
}
.cmc-findchurch__panel,
.cmc-findchurch__map-wrap{
  transition: box-shadow .26s ease, transform .26s ease, border-color .26s ease;
}
.cmc-findchurch__panel:hover,
.cmc-findchurch__map-wrap:hover{
  box-shadow: 0 24px 52px rgba(11,42,111,.17);
}
.cmc-findchurch__panel-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.cmc-findchurch__panel-head h2{
  margin: 0;
  color: #0b2a6f;
  font-size: clamp(1.1rem, 1.6vw, 1.3rem);
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.cmc-findchurch__label{
  display: block;
  margin: 10px 0 7px;
  color: rgba(11,42,111,.78);
  font-size: .88rem;
  font-weight: 850;
}
.cmc-findchurch__search-wrap{
  position: relative;
}
.cmc-findchurch__search{
  width: 100%;
  height: 46px;
  border-radius: 12px;
  border: 1px solid rgba(11,42,111,.16);
  background: #fff;
  color: rgba(11,42,111,.95);
  padding: 0 14px;
}
.cmc-findchurch__search:focus{
  outline: 2px solid rgba(47,111,216,.45);
  outline-offset: 1px;
}
.cmc-findchurch__autocomplete{
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  margin: 0;
  padding: 8px 0;
  list-style: none;
  border: 1px solid rgba(11,42,111,.16);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(11,42,111,.12);
  z-index: 30;
  max-height: 260px;
  overflow: auto;
}
.cmc-findchurch__autocomplete li{
  padding: 8px 12px;
  color: rgba(11,42,111,.92);
  cursor: pointer;
}
.cmc-findchurch__autocomplete li:hover,
.cmc-findchurch__autocomplete li.is-active{
  background: rgba(31,78,121,.09);
}
.cmc-findchurch__chips{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cmc-findchurch__chip{
  border: 1px solid rgba(11,42,111,.2);
  border-radius: 999px;
  background: #fff;
  color: #0b2a6f;
  padding: 6px 10px;
  font-weight: 800;
  font-size: .78rem;
  cursor: pointer;
}
.cmc-findchurch__chip.is-active{
  border-color: #1f4e79;
  background: rgba(31,78,121,.13);
}
.cmc-findchurch__list{
  margin: 12px 0 0;
  padding: 0 2px 2px;
  list-style: none;
  max-height: 580px;
  overflow: auto;
}
.cmc-findchurch__item{
  position: relative;
  border: 1px solid rgba(11,42,111,.12);
  border-radius: 14px;
  padding: 12px;
  background: rgba(255,255,255,.98);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.cmc-findchurch__item + .cmc-findchurch__item{
  margin-top: 10px;
}
.cmc-findchurch__item:hover{
  transform: translateY(-2px);
  border-color: rgba(31,78,121,.22);
  box-shadow: 0 10px 22px rgba(11,42,111,.11);
}
.cmc-findchurch__hovercard{
  position: absolute;
  left: calc(100% + 12px);
  top: 12px;
  z-index: 8;
  width: 220px;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(11,42,111,.12);
  background: rgba(255,255,255,.98);
  box-shadow: 0 18px 36px rgba(11,42,111,.16);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.cmc-findchurch__item:hover .cmc-findchurch__hovercard,
.cmc-findchurch__item:focus-within .cmc-findchurch__hovercard{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.cmc-findchurch__hovercard-img{
  width: 100%;
  height: 104px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 8px;
}
.cmc-findchurch__hovercard-body strong,
.cmc-findchurch__hovercard-body span{
  display: block;
}
.cmc-findchurch__hovercard-body strong{
  color: #0b2a6f;
  margin-bottom: 4px;
}
.cmc-findchurch__hovercard-body span{
  color: rgba(11,42,111,.76);
  font-size: .84rem;
  line-height: 1.45;
}
.cmc-findchurch__item:focus-visible{
  outline: 2px solid rgba(47,111,216,.6);
  outline-offset: 2px;
}
.cmc-findchurch__thumb{
  width: 100%;
  height: 140px;
  border-radius: 10px;
  object-fit: cover;
  margin-bottom: 9px;
}
.cmc-findchurch__item h3{
  margin: 0 0 5px;
  color: #0b2a6f;
  font-size: 1rem;
  line-height: 1.25;
}
.cmc-findchurch__badges{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 7px;
}
.cmc-findchurch__badge{
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid rgba(11,42,111,.18);
  background: rgba(31,78,121,.08);
  color: rgba(11,42,111,.84);
  font-size: .72rem;
  font-weight: 800;
  padding: 4px 8px;
}
.cmc-findchurch__badge.is-open{
  border-color: rgba(22,101,52,.28);
  background: rgba(22,101,52,.11);
  color: #166534;
}
.cmc-findchurch__badge.is-verified{
  border-color: rgba(47,111,216,.34);
  background: rgba(47,111,216,.12);
  color: #1f4e79;
}
.cmc-findchurch__item p{
  margin: 3px 0;
  color: rgba(11,42,111,.82);
  font-size: .92rem;
}
.cmc-findchurch__item-actions{
  margin-top: 9px;
  display: flex;
  gap: 12px;
  align-items: center;
  background: linear-gradient(180deg, rgba(9,35,78,.92), rgba(8,29,61,.92));
  border-radius: 10px;
  padding: 8px 10px;
}
.cmc-findchurch__focus{
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.08);
  color: #fff;
  border-radius: 10px;
  padding: 7px 11px;
  cursor: pointer;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.cmc-findchurch__focus:hover{
  background: rgba(255,255,255,.16);
}
.cmc-findchurch__report{
  border: 0;
  background: transparent;
  color: #ffd0d4;
  font-weight: 800;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.cmc-findchurch__item-actions a{
  color: #dbeafe;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.cmc-findchurch__item-actions a:hover{
  text-decoration: underline;
}
.cmc-findchurch__empty{
  margin-top: 10px;
  color: rgba(11,42,111,.72);
  font-weight: 700;
}
.cmc-findchurch__skeleton{
  margin-top: 10px;
  display: grid;
  gap: 8px;
}
.cmc-findchurch__skeleton span{
  display: block;
  height: 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(11,42,111,.08), rgba(47,111,216,.17), rgba(11,42,111,.08));
  background-size: 220% 100%;
  animation: cmc-findchurch-loading 1.2s linear infinite;
}
@keyframes cmc-findchurch-loading{
  0%{ background-position: 200% 0; }
  100%{ background-position: -30% 0; }
}
.cmc-findchurch__noresult{
  margin-top: 10px;
  padding: 12px;
  border: 1px solid rgba(11,42,111,.16);
  border-radius: 12px;
  background: rgba(31,78,121,.06);
}
.cmc-findchurch__noresult-title{
  margin: 0 0 4px;
  font-weight: 850;
  color: #0b2a6f;
}
.cmc-findchurch__noresult-text{
  margin: 0 0 8px;
  color: rgba(11,42,111,.78);
}
.cmc-findchurch__similar{
  margin: 0 0 10px;
  padding-left: 18px;
  color: rgba(11,42,111,.86);
}
.cmc-findchurch__similar li + li{
  margin-top: 3px;
}

.cmc-findchurch__map-wrap{
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(11,42,111,.16);
  min-height: 620px;
  box-shadow: 0 22px 46px rgba(11,42,111,.14);
  background: linear-gradient(160deg, rgba(247,250,255,.9), rgba(240,248,255,.85));
}
.cmc-findchurch__route{
  padding: 12px 14px;
  border-bottom: 1px solid rgba(11,42,111,.14);
  background: rgba(255,255,255,.9);
}
.cmc-findchurch__route-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.cmc-findchurch__route-head h3{
  margin: 0;
  color: #0b2a6f;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.cmc-findchurch__route-head select{
  height: 36px;
  border-radius: 9px;
  border: 1px solid rgba(11,42,111,.16);
  padding: 0 10px;
}
.cmc-findchurch__route-meta{
  margin: 8px 0 0;
  color: rgba(11,42,111,.82);
  font-size: .92rem;
}
.cmc-findchurch__route-meta a{
  color: #1f4e79;
  font-weight: 800;
}
.cmc-findchurch__legend{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(11,42,111,.12);
  background: rgba(247,250,255,.92);
}
.cmc-findchurch__legend span{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  border: 1px solid rgba(11,42,111,.15);
  background: #fff;
  color: rgba(11,42,111,.84);
  padding: 4px 9px;
  font-size: .74rem;
  font-weight: 800;
}
.cmc-findchurch__map{
  width: 100%;
  min-height: 620px;
}
.cmc-findchurch .leaflet-container{
  font-family: "Advent Sans", Arial, sans-serif;
}
.cmc-findchurch .leaflet-popup-content-wrapper{
  border-radius: 12px;
}
.cmc-findchurch-popup{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  min-width: 220px;
}
.cmc-findchurch-popup__img{
  width: 72px;
  height: 72px;
  border-radius: 12px;
  object-fit: cover;
  flex: 0 0 auto;
}
.cmc-findchurch-popup__body strong,
.cmc-findchurch-popup__body span{
  display: block;
}
.cmc-findchurch-popup strong{
  color: #0b2a6f;
}
.cmc-findchurch-popup__body strong{
  margin-bottom: 4px;
}
.cmc-findchurch-popup__body span{
  color: rgba(11,42,111,.78);
  font-size: .82rem;
  line-height: 1.45;
}
@media (max-width: 980px){
  .cmc-findchurch__hovercard{
    display: none;
  }
}

.cmc-findchurch__submit-wrap{
  margin-top: clamp(24px, 3.4vw, 42px);
  padding: clamp(16px, 2.5vw, 30px);
}
.cmc-findchurch__notice{
  margin-bottom: 14px;
  border-radius: 12px;
  border: 1px solid rgba(11,42,111,.14);
  padding: 10px 12px;
  font-weight: 800;
}
.cmc-findchurch__notice.is-success{
  color: #166534;
  border-color: rgba(22,101,52,.34);
  background: rgba(22,101,52,.10);
}
.cmc-findchurch__notice.is-error{
  color: #8f1d24;
  border-color: rgba(143,29,36,.32);
  background: rgba(143,29,36,.08);
}
.cmc-findchurch__submit-wrap[hidden]{
  display: none !important;
}
.cmc-findchurch__submit-wrap h2{
  margin: 0 0 8px;
  color: #0b2a6f;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.cmc-findchurch__help{
  margin: 0 0 16px;
  color: rgba(11,42,111,.78);
  max-width: 76ch;
}
.cmc-findchurch-form{
  display: grid;
  gap: 12px;
}
.cmc-findchurch-form__row label{
  display: block;
  margin-bottom: 6px;
  font-weight: 800;
  color: rgba(11,42,111,.84);
}
.cmc-findchurch-form__row input{
  width: 100%;
  height: 46px;
  border-radius: 11px;
  border: 1px solid rgba(11,42,111,.16);
  padding: 0 13px;
  background: #fff;
}
.cmc-findchurch-input{
  position: relative;
}
.cmc-findchurch-input .cmc-ico{
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(11,42,111,.56);
  width: 15px;
  height: 15px;
}
.cmc-findchurch-input input{
  padding-left: 36px;
}
.cmc-findchurch-form__row input:focus{
  outline: 2px solid rgba(47,111,216,.42);
  outline-offset: 1px;
}
.cmc-findchurch-form__row--two{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.cmc-findchurch-form__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.cmc-findchurch-form__actions .cmc-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.cmc-findchurch-form__status{
  min-height: 22px;
  margin: 2px 0 0;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.cmc-findchurch-form__status::before{
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 999px;
  display: inline-block;
  opacity: 0;
}
.cmc-findchurch-form__status.is-error{ color: #8f1d24; }
.cmc-findchurch-form__status.is-success{ color: #166534; }
.cmc-findchurch-form__status.is-error::before{
  opacity: 1;
  background: #8f1d24;
  animation: cmc-status-pop .28s ease;
}
.cmc-findchurch-form__status.is-success::before{
  opacity: 1;
  background: #166534;
  animation: cmc-status-pop .28s ease;
}
@keyframes cmc-status-pop{
  0%{ transform: scale(.2); opacity: .2; }
  100%{ transform: scale(1); opacity: 1; }
}

/* Keep this band only for small-desktop widths to avoid overlapping tablet rules below. */
@media (min-width: 1025px) and (max-width: 1080px){
  .cmc-findchurch__grid{
    grid-template-columns: 1fr;
  }
  .cmc-findchurch__panel{
    position: static;
  }
  .cmc-findchurch__map-wrap,
  .cmc-findchurch__map{
    min-height: 500px;
  }
}
@media (max-width: 760px){
  .cmc-findchurch__route-head{
    flex-direction: column;
    align-items: flex-start;
  }
  .cmc-findchurch__route-head select{
    width: 100%;
  }
  .cmc-findchurch-hero__inner{
    padding-top: clamp(122px, 18vh, 170px);
    padding-bottom: 88px;
  }
  .cmc-findchurch-form__row--two{
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   FIND HOUSE OF PRAYER - LIVELY VISUAL PASS
========================================================= */
body.page-find-house-of-prayer .cmc-findchurch{
  isolation: isolate;
  margin-top: -86px;
  padding-top: calc(clamp(34px, 4.5vw, 64px) + 86px);
  z-index: 7;
  background: transparent !important;
  min-height: calc(100vh - 240px);
}
body.page-find-house-of-prayer.cmc-site,
body.page-find-house-of-prayer .l-wrap__content,
body.page-find-house-of-prayer .l-content,
body.page-find-house-of-prayer .l-main.cmc-main{
  background:
    radial-gradient(900px 420px at 8% -8%, rgba(47,111,216,.16), transparent 66%),
    radial-gradient(820px 360px at 96% 2%, rgba(11,42,111,.15), transparent 70%),
    radial-gradient(620px 260px at 50% 12%, rgba(255,255,255,.32), transparent 72%),
    linear-gradient(180deg, #eef5ff 0%, #f6faff 46%, #ffffff 100%) !important;
}
body.page-find-house-of-prayer .cmc-main{
  background:
    radial-gradient(900px 420px at 8% -8%, rgba(47,111,216,.16), transparent 66%),
    radial-gradient(820px 360px at 96% 2%, rgba(11,42,111,.15), transparent 70%),
    radial-gradient(620px 260px at 50% 12%, rgba(255,255,255,.32), transparent 72%),
    linear-gradient(180deg, #eef5ff 0%, #f6faff 46%, #ffffff 100%);
}
body.page-find-house-of-prayer .cmc-footer.cmc-footer--pro{
  margin-top: 0 !important;
}
body.page-find-house-of-prayer .cmc-footer{
  margin-top: 0 !important;
}
body.page-find-house-of-prayer .cmc-findchurch-hero{
  position: relative;
  overflow: visible !important;
}
body.page-find-house-of-prayer .cmc-findchurch-hero::after{
  content: "" !important;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 88px;
  z-index: 8;
  pointer-events: none;
  background: #eef5ff;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 120' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 56 C230 24 430 26 640 58 C840 90 1010 92 1220 66 C1380 46 1498 44 1600 50 L1600 120 L0 120 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 120' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 56 C230 24 430 26 640 58 C840 90 1010 92 1220 66 C1380 46 1498 44 1600 50 L1600 120 L0 120 Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  box-shadow: 0 1px 0 rgba(255,255,255,.3), 0 -1px 0 rgba(8,29,61,.12);
}

/* Force visible hero wave for Find House of Prayer */
body.page-find-house-of-prayer.cmc-site .cmc-findchurch-hero::after{
  content: "" !important;
  display: block !important;
  opacity: 1 !important;
}
body.page-find-house-of-prayer .cmc-findchurch-hero + .cmc-findchurch::before,
body.page-find-house-of-prayer .cmc-findchurch-hero + .cmc-findchurch::after{
  content: none !important;
}
body.page-find-house-of-prayer .cmc-main{
  padding-bottom: 0 !important;
}
body.page-find-house-of-prayer .cmc-findchurch::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(520px 260px at 9% 14%, rgba(47,111,216,.12), transparent 72%),
    radial-gradient(600px 300px at 96% 8%, rgba(11,42,111,.10), transparent 74%),
    repeating-linear-gradient(
      135deg,
      rgba(11,42,111,.022) 0px,
      rgba(11,42,111,.022) 2px,
      transparent 2px,
      transparent 14px
    );
  z-index: -1;
  animation: cmc-findchurch-bg-float 13s ease-in-out infinite alternate;
}
@keyframes cmc-findchurch-bg-float{
  0%{ transform: translateY(0); }
  100%{ transform: translateY(-8px); }
}
body.page-find-house-of-prayer .cmc-findchurch__panel{
  border-color: rgba(31,78,121,.20);
  box-shadow:
    0 26px 56px rgba(11,42,111,.14),
    0 8px 18px rgba(11,42,111,.08);
}
body.page-find-house-of-prayer .cmc-findchurch__panel-head h2{
  letter-spacing: .02em;
}
body.page-find-house-of-prayer .cmc-findchurch__search{
  border-color: rgba(31,78,121,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 6px 14px rgba(11,42,111,.06);
  transition: border-color .2s ease, box-shadow .2s ease;
}
body.page-find-house-of-prayer .cmc-findchurch__search:focus{
  border-color: rgba(47,111,216,.65);
  box-shadow: 0 0 0 4px rgba(47,111,216,.14), 0 10px 24px rgba(11,42,111,.13);
}
body.page-find-house-of-prayer .cmc-findchurch__chip{
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}
body.page-find-house-of-prayer .cmc-findchurch__chip:hover{
  transform: translateY(-1px);
  border-color: rgba(31,78,121,.42);
  background: rgba(31,78,121,.12);
}
body.page-find-house-of-prayer .cmc-findchurch__chip.is-active{
  color: #fff;
  border-color: #1f4e79;
  background: linear-gradient(135deg, #2f6fd8, #1f4e79);
  box-shadow: 0 8px 18px rgba(31,78,121,.24);
}
body.page-find-house-of-prayer .cmc-findchurch__item{
  animation: cmc-findchurch-item-in .42s ease both;
}
body.page-find-house-of-prayer .cmc-findchurch__item:nth-child(1){ animation-delay: .02s; }
body.page-find-house-of-prayer .cmc-findchurch__item:nth-child(2){ animation-delay: .05s; }
body.page-find-house-of-prayer .cmc-findchurch__item:nth-child(3){ animation-delay: .08s; }
body.page-find-house-of-prayer .cmc-findchurch__item:nth-child(4){ animation-delay: .11s; }
body.page-find-house-of-prayer .cmc-findchurch__item:nth-child(5){ animation-delay: .14s; }
body.page-find-house-of-prayer .cmc-findchurch__item:nth-child(6){ animation-delay: .17s; }
body.page-find-house-of-prayer .cmc-findchurch__item:nth-child(7){ animation-delay: .20s; }
body.page-find-house-of-prayer .cmc-findchurch__item:nth-child(8){ animation-delay: .23s; }
@keyframes cmc-findchurch-item-in{
  0%{
    opacity: 0;
    transform: translateY(10px) scale(.992);
  }
  100%{
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
body.page-find-house-of-prayer .cmc-findchurch__badge.is-open{
  box-shadow: 0 4px 10px rgba(22,101,52,.16);
}
body.page-find-house-of-prayer .cmc-findchurch__focus{
  transition: transform .16s ease, background-color .16s ease, border-color .16s ease;
}
body.page-find-house-of-prayer .cmc-findchurch__focus:hover{
  transform: translateY(-1px);
  border-color: rgba(31,78,121,.32);
}
body.page-find-house-of-prayer .cmc-findchurch .cmc-ico{
  transition: transform .18s ease, opacity .18s ease;
}
body.page-find-house-of-prayer .cmc-findchurch button:hover .cmc-ico,
body.page-find-house-of-prayer .cmc-findchurch a:hover .cmc-ico{
  transform: scale(1.08);
}

/* Additional Find Church enhancements */
.cmc-ico--user{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5m0 2c-4.42 0-8 1.79-8 4v2h16v-2c0-2.21-3.58-4-8-4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5m0 2c-4.42 0-8 1.79-8 4v2h16v-2c0-2.21-3.58-4-8-4'/%3E%3C/svg%3E");
}
.cmc-findchurch-hp{
  position: absolute !important;
  left: -9999px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.cmc-findchurch__dup-hint{
  margin: 6px 0 0;
  font-size: .8rem;
  font-weight: 700;
  color: #166534;
}
.cmc-findchurch__dup-hint.is-warn{
  color: #8f1d24;
}
.cmc-findchurch__route-compare{
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 5px;
}
.cmc-findchurch__route-compare li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid rgba(11,42,111,.14);
  background: rgba(255,255,255,.92);
  padding: 5px 9px;
  font-size: .78rem;
  color: rgba(11,42,111,.85);
}
.cmc-findchurch__offline{
  margin: 8px 10px 0;
  border-radius: 10px;
  border: 1px solid rgba(143,29,36,.32);
  background: rgba(143,29,36,.08);
  color: #8f1d24;
  font-size: .82rem;
  font-weight: 700;
  padding: 8px 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.cmc-findchurch__fav{
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.08);
  color: #fff;
  border-radius: 10px;
  padding: 7px 10px;
  cursor: pointer;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.cmc-findchurch__fav:hover{
  background: rgba(255,255,255,.16);
}

.cmc-findchurch-drawer{
  position: fixed;
  right: 16px;
  top: 94px;
  width: min(380px, calc(100vw - 24px));
  max-height: calc(100vh - 112px);
  overflow: auto;
  border-radius: 16px;
  border: 1px solid rgba(11,42,111,.18);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.98));
  box-shadow: 0 26px 56px rgba(11,42,111,.2);
  z-index: 50;
}
.cmc-findchurch-drawer__close{
  position: sticky;
  top: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 0;
  border-bottom-left-radius: 10px;
  background: #0b2a6f;
  color: #fff;
  cursor: pointer;
}
.cmc-findchurch-drawer__close .cmc-ico{
  transform: rotate(45deg);
}
.cmc-findchurch-drawer__body{
  padding: 12px 14px 16px;
  color: rgba(11,42,111,.88);
}
.cmc-findchurch-drawer__body h3{
  margin: 8px 0 6px;
  color: #0b2a6f;
}
.cmc-findchurch-drawer__body p{
  margin: 4px 0;
  font-size: .92rem;
}
.cmc-findchurch-drawer__img{
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 10px;
}
.cmc-findchurch-drawer__actions{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cmc-findchurch-drawer__actions a,
.cmc-findchurch-drawer__actions button{
  border: 1px solid rgba(11,42,111,.2);
  border-radius: 10px;
  background: rgba(31,78,121,.08);
  color: #0b2a6f;
  padding: 7px 10px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.cmc-findchurch-drawer__actions button{
  cursor: pointer;
}
@media (max-width: 980px){
  .cmc-findchurch-drawer{
    top: auto;
    right: 10px;
    left: 10px;
    bottom: 10px;
    width: auto;
    max-height: 56vh;
  }
}
body.page-find-house-of-prayer .cmc-findchurch__map-wrap{
  position: relative;
  border-color: rgba(31,78,121,.28);
  animation: cmc-findchurch-map-rise .55s ease both;
}
@keyframes cmc-findchurch-map-rise{
  0%{
    opacity: .85;
    transform: translateY(8px);
  }
  100%{
    opacity: 1;
    transform: translateY(0);
  }
}
body.page-find-house-of-prayer .cmc-findchurch__map-wrap::before{
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(47,111,216,.38), rgba(31,78,121,0), rgba(47,111,216,.24));
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
body.page-find-house-of-prayer .cmc-findchurch__route{
  background: linear-gradient(180deg, rgba(247,250,255,.96), rgba(240,248,255,.94));
}
body.page-find-house-of-prayer .cmc-findchurch__route-head h3{
  position: relative;
  padding-left: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
}
body.page-find-house-of-prayer .cmc-findchurch__route-head h3::before{
  content: none;
}
body.page-find-house-of-prayer .cmc-findchurch__route-meta{
  line-height: 1.55;
}
body.page-find-house-of-prayer .cmc-findchurch__submit-wrap{
  border-color: rgba(31,78,121,.2);
  box-shadow:
    0 18px 44px rgba(11,42,111,.12),
    0 5px 14px rgba(11,42,111,.08);
}
body.page-find-house-of-prayer .cmc-findchurch-form__row input{
  transition: border-color .2s ease, box-shadow .2s ease;
}
body.page-find-house-of-prayer .cmc-findchurch-form__row input:focus{
  border-color: rgba(47,111,216,.58);
  box-shadow: 0 0 0 4px rgba(47,111,216,.13);
}

/* ==========================================================================
   Global Form Icons + Placeholder Polish
   ========================================================================== */
body.cmc-site .cmc-form-field{
  position: relative;
  display: block;
  width: 100%;
}
body.cmc-site .cmc-form-icon{
  position: absolute;
  left: 12px;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  opacity: .72;
  pointer-events: none;
  background-color: currentColor;
  color: #295083;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
body.cmc-site .cmc-form-field > :is(input, textarea, select).cmc-has-icon-input{
  padding-left: 42px !important;
}
body.cmc-site .cmc-form-field > textarea.cmc-has-icon-input{
  padding-top: 12px;
}
body.cmc-site :is(input, textarea)::placeholder{
  color: rgba(41, 80, 131, .66);
}
body.cmc-site label.cmc-form-label--icon{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
body.cmc-site .cmc-form-label-icon{
  position: static;
  top: auto;
  left: auto;
  transform: none;
  width: 14px;
  height: 14px;
  opacity: .8;
  flex: 0 0 14px;
}

body.cmc-site .cmc-form-icon--search{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 2a8 8 0 105.293 14.004l4.35 4.35 1.414-1.414-4.35-4.35A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 2a8 8 0 105.293 14.004l4.35 4.35 1.414-1.414-4.35-4.35A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z'/%3E%3C/svg%3E");
}
body.cmc-site .cmc-form-icon--email{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18v14H3V5zm2 2v.2l7 5.25 7-5.25V7l-7 5.25L5 7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18v14H3V5zm2 2v.2l7 5.25 7-5.25V7l-7 5.25L5 7z'/%3E%3C/svg%3E");
}
body.cmc-site .cmc-form-icon--phone{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.03-.24 11.36 11.36 0 003.56.57 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1 11.36 11.36 0 00.57 3.56 1 1 0 01-.25 1.03l-2.2 2.2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.03-.24 11.36 11.36 0 003.56.57 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1 11.36 11.36 0 00.57 3.56 1 1 0 01-.25 1.03l-2.2 2.2z'/%3E%3C/svg%3E");
}
body.cmc-site .cmc-form-icon--user{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 100-10 5 5 0 000 10zm0 2c-4.42 0-8 2.01-8 4.5V21h16v-2.5c0-2.49-3.58-4.5-8-4.5z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 100-10 5 5 0 000 10zm0 2c-4.42 0-8 2.01-8 4.5V21h16v-2.5c0-2.49-3.58-4.5-8-4.5z'/%3E%3C/svg%3E");
}
body.cmc-site .cmc-form-icon--location{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 00-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 00-7-7zm0 9.2A2.2 2.2 0 1112 6.8a2.2 2.2 0 010 4.4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 00-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 00-7-7zm0 9.2A2.2 2.2 0 1112 6.8a2.2 2.2 0 010 4.4z'/%3E%3C/svg%3E");
}
body.cmc-site .cmc-form-icon--calendar{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h3v18H4V4h3V2zm11 8H6v10h12V10z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h3v18H4V4h3V2zm11 8H6v10h12V10z'/%3E%3C/svg%3E");
}
body.cmc-site .cmc-form-icon--clock{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 5v5.2l3.2 1.9-1 1.7L11 13V7h2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 5v5.2l3.2 1.9-1 1.7L11 13V7h2z'/%3E%3C/svg%3E");
}
body.cmc-site .cmc-form-icon--link{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.6 13.4a1 1 0 010-1.4l3.4-3.4a3 3 0 114.2 4.2l-2.1 2.1a3 3 0 01-4.24 0 1 1 0 111.42-1.42 1 1 0 001.4 0l2.1-2.1a1 1 0 10-1.4-1.4l-3.4 3.4a1 1 0 01-1.4 0zm2.8-2.8a1 1 0 010 1.4l-3.4 3.4a3 3 0 11-4.2-4.2l2.1-2.1a3 3 0 014.24 0 1 1 0 01-1.42 1.42 1 1 0 00-1.4 0l-2.1 2.1a1 1 0 001.4 1.4l3.4-3.4a1 1 0 011.4 0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.6 13.4a1 1 0 010-1.4l3.4-3.4a3 3 0 114.2 4.2l-2.1 2.1a3 3 0 01-4.24 0 1 1 0 111.42-1.42 1 1 0 001.4 0l2.1-2.1a1 1 0 10-1.4-1.4l-3.4 3.4a1 1 0 01-1.4 0zm2.8-2.8a1 1 0 010 1.4l-3.4 3.4a3 3 0 11-4.2-4.2l2.1-2.1a3 3 0 014.24 0 1 1 0 01-1.42 1.42 1 1 0 00-1.4 0l-2.1 2.1a1 1 0 001.4 1.4l3.4-3.4a1 1 0 011.4 0z'/%3E%3C/svg%3E");
}
body.cmc-site .cmc-form-icon--note{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v18H4V3zm3 4v2h10V7H7zm0 4v2h10v-2H7zm0 4v2h7v-2H7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v18H4V3zm3 4v2h10V7H7zm0 4v2h10v-2H7zm0 4v2h7v-2H7z'/%3E%3C/svg%3E");
}
body.cmc-site .cmc-form-icon--list{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h10v2H4v-2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h10v2H4v-2z'/%3E%3C/svg%3E");
}
body.cmc-site .cmc-form-icon--number{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 4h2l-1 6h3l1-6h2l-1 6h3v2h-3l-1 6h-2l1-6h-3l-1 6H7l1-6H5v-2h3l1-6zm2.67 6l1-6h-2l-1 6h2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 4h2l-1 6h3l1-6h2l-1 6h3v2h-3l-1 6h-2l1-6h-3l-1 6H7l1-6H5v-2h3l1-6zm2.67 6l1-6h-2l-1 6h2z'/%3E%3C/svg%3E");
}
body.cmc-site .cmc-form-icon--edit{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 17.25V21h3.75L17.8 9.94l-3.75-3.75L3 17.25zM20.7 7.04a1 1 0 000-1.41l-2.34-2.34a1 1 0 00-1.41 0L15.13 5.1l3.75 3.75 1.82-1.81z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 17.25V21h3.75L17.8 9.94l-3.75-3.75L3 17.25zM20.7 7.04a1 1 0 000-1.41l-2.34-2.34a1 1 0 00-1.41 0L15.13 5.1l3.75 3.75 1.82-1.81z'/%3E%3C/svg%3E");
}

/* Phase 1: navigation consistency + form submit state */
body.cmc-site form.is-submitting{
  opacity: .92;
}
body.cmc-site form.is-submitting :is(button[type="submit"], input[type="submit"]){
  cursor: progress !important;
  filter: saturate(.92);
}

/* Phase 2: Find Church tools */
body.page-find-house-of-prayer .cmc-findchurch__tools{
  margin: 10px 0 8px;
  padding: 10px;
  border: 1px solid rgba(29, 75, 125, .16);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(250,253,255,.96), rgba(243,249,255,.94));
  display: grid;
  grid-template-columns: 1fr auto auto auto auto;
  align-items: center;
  gap: 8px;
}
body.page-find-house-of-prayer .cmc-findchurch__advanced{
  margin: 8px 0 6px;
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 8px;
}
body.page-find-house-of-prayer .cmc-findchurch__check{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  color: #19456f;
}
body.page-find-house-of-prayer .cmc-findchurch__check input{
  accent-color: #2f6fd8;
}
body.page-find-house-of-prayer .cmc-findchurch__results-meta{
  margin: 0;
  color: #1f4e79;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .02em;
}
body.page-find-house-of-prayer .cmc-findchurch__sort-label{
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .09em;
  font-weight: 800;
  color: rgba(31, 78, 121, .82);
}
body.page-find-house-of-prayer .cmc-findchurch__sort{
  border: 1px solid rgba(31, 78, 121, .2);
  border-radius: 10px;
  background: #fff;
  color: #123a63;
  font-weight: 700;
  padding: 7px 9px;
}
body.page-find-house-of-prayer .cmc-findchurch__toolbtn{
  border: 1px solid rgba(31, 78, 121, .24);
  background: #fff;
  color: #123a63;
  border-radius: 10px;
  font-weight: 800;
  padding: 7px 11px;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
body.page-find-house-of-prayer .cmc-findchurch__toolbtn:hover{
  transform: translateY(-1px);
  border-color: rgba(47,111,216,.46);
  box-shadow: 0 10px 20px rgba(14, 53, 111, .13);
}
body.page-find-house-of-prayer .cmc-findchurch__similar-btn{
  width: 100%;
  text-align: left;
  border: 1px solid rgba(31,78,121,.18);
  background: rgba(255,255,255,.95);
  color: #13385e;
  border-radius: 9px;
  padding: 7px 10px;
  font-weight: 700;
  cursor: pointer;
  transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
body.page-find-house-of-prayer .cmc-findchurch__similar-btn:hover{
  border-color: rgba(47,111,216,.48);
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(10, 42, 93, .12);
}
body.page-find-house-of-prayer .cmc-findchurch__recent{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 9px 0 6px;
}
body.page-find-house-of-prayer .cmc-findchurch__recent-label{
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(31,78,121,.75);
}
body.page-find-house-of-prayer .cmc-findchurch__recent-btn{
  border: 1px solid rgba(31,78,121,.2);
  background: rgba(255,255,255,.95);
  color: #153e68;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
body.page-find-house-of-prayer .cmc-findchurch__recent-btn:hover{
  border-color: rgba(47,111,216,.5);
}
body.page-find-house-of-prayer .cmc-findchurch__routepick{
  width: 100%;
  text-align: left;
  border: 1px solid rgba(31,78,121,.18);
  background: rgba(255,255,255,.92);
  border-radius: 10px;
  padding: 8px 10px;
  color: #143b62;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
}
body.page-find-house-of-prayer .cmc-findchurch__routepick:hover{
  border-color: rgba(47,111,216,.5);
  box-shadow: 0 8px 16px rgba(11,42,92,.12);
}
body.page-find-house-of-prayer .cmc-findchurch__routepick span{
  white-space: nowrap;
  color: rgba(19,63,102,.82);
}

/* Global upgrade pack (rest of website) */

body.cmc-site .cmc-field-error{
  display: block;
  margin-top: 4px;
  color: #b42318;
  font-size: 12px;
  font-weight: 700;
}
body.cmc-site .cmc-field-counter{
  display: block;
  margin-top: 5px;
  color: rgba(22, 63, 104, .72);
  font-size: 11px;
}

body.cmc-site .cmc-global-cta{
  margin: 26px 0 0;
  padding: 26px 0;
  background:
    radial-gradient(420px 140px at 8% 20%, rgba(117,177,255,.16), transparent 60%),
    linear-gradient(135deg, #0f3a66, #1b5186);
  color: #eef6ff;
}
body.cmc-site .cmc-global-cta__inner{
  display: grid;
  gap: 10px;
}
body.cmc-site .cmc-global-cta__title{
  margin: 0;
  color: #fff;
  font-size: clamp(1.2rem, 2.1vw, 1.8rem);
}
body.cmc-site .cmc-global-cta__text{
  margin: 0;
  color: rgba(239,247,255,.9);
}
body.cmc-site .cmc-global-cta__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}
body.cmc-site .cmc-global-cta__btn{
  border: 1px solid rgba(193,223,255,.58);
  background: rgba(255,255,255,.14);
  color: #fff;
  text-decoration: none;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 800;
}
body.cmc-site .cmc-global-cta__btn--ghost{
  background: rgba(255,255,255,.08);
}
body.cmc-site .cmc-global-cta__btn:hover{
  filter: brightness(1.06);
}

@media (max-width: 820px){
  body.page-find-house-of-prayer .cmc-findchurch__advanced{
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }
  body.page-find-house-of-prayer .cmc-findchurch__tools{
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }
  body.page-find-house-of-prayer .cmc-findchurch__results-meta{
    grid-column: 1 / -1;
  }
  body.page-find-house-of-prayer .cmc-findchurch__sort-label{
    align-self: center;
  }
}

@media (max-width: 640px){
  body.page-find-house-of-prayer .cmc-findchurch{
    padding-top: calc(clamp(28px, 5vw, 40px) + 86px);
    padding-bottom: clamp(40px, 9vw, 68px);
  }

  body.page-find-house-of-prayer .cmc-findchurch-hero__inner{
    padding-top: clamp(116px, 17vh, 148px);
    padding-bottom: 72px;
  }

  body.page-find-house-of-prayer .cmc-findchurch-hero__title{
    font-size: clamp(2rem, 8.2vw, 2.5rem);
  }

  body.page-find-house-of-prayer .cmc-findchurch-hero__lead{
    font-size: .98rem;
  }

  body.page-find-house-of-prayer .cmc-findchurch-hero__highlights{
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  body.page-find-house-of-prayer .cmc-findchurch-hero__highlights span,
  body.page-find-house-of-prayer .cmc-findchurch-hero__cta button{
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  body.page-find-house-of-prayer .cmc-findchurch-hero__cta{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.page-find-house-of-prayer .cmc-findchurch__panel{
    padding: 12px;
  }

  body.page-find-house-of-prayer .cmc-findchurch__panel-head{
    flex-wrap: wrap;
    align-items: stretch;
  }

  body.page-find-house-of-prayer .cmc-findchurch__panel-head > *{
    width: 100%;
  }

  body.page-find-house-of-prayer #cmc-findchurch-locate-btn,
  body.page-find-house-of-prayer .cmc-findchurch-form__actions .cmc-btn{
    justify-content: center;
  }

  body.page-find-house-of-prayer .cmc-findchurch__advanced,
  body.page-find-house-of-prayer .cmc-findchurch__tools,
  body.page-find-house-of-prayer .cmc-findchurch-form__actions{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.page-find-house-of-prayer .cmc-findchurch__sort,
  body.page-find-house-of-prayer .cmc-findchurch__toolbtn,
  body.page-find-house-of-prayer .cmc-findchurch__advanced .cmc-findchurch__check,
  body.page-find-house-of-prayer .cmc-findchurch-form__actions .cmc-btn{
    width: 100%;
  }

  body.page-find-house-of-prayer .cmc-findchurch__advanced .cmc-findchurch__check{
    min-height: 42px;
    justify-content: flex-start;
  }

  body.page-find-house-of-prayer .cmc-findchurch__list{
    max-height: none;
    overflow: visible;
  }

  body.page-find-house-of-prayer .cmc-findchurch__item-actions{
    flex-wrap: wrap;
    gap: 8px;
  }

  body.page-find-house-of-prayer .cmc-findchurch__item-actions > *{
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  body.page-find-house-of-prayer .cmc-findchurch__map-wrap,
  body.page-find-house-of-prayer .cmc-findchurch__map{
    min-height: 320px;
  }

  body.page-find-house-of-prayer .cmc-findchurch-drawer{
    right: 0;
    left: 0;
    bottom: 0;
    top: auto;
    width: 100%;
    max-height: min(72vh, 560px);
    border-radius: 18px 18px 0 0;
  }
}

/* ==========================================================================
   Responsive Hardening (All Screens)
   ========================================================================== */
html, body{
  max-width: 100%;
  overflow-x: clip;
}

body.cmc-site *{
  box-sizing: border-box;
}

body.cmc-site img,
body.cmc-site video,
body.cmc-site iframe,
body.cmc-site svg{
  max-width: 100%;
  height: auto;
}

body.cmc-site .cmc-wrap,
body.cmc-site .l-wrap,
body.cmc-site .l-container,
body.cmc-site .container{
  width: min(100%, 1200px);
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(12px, 2.5vw, 28px);
  padding-right: clamp(12px, 2.5vw, 28px);
}

body.cmc-site :is(h1, h2, h3){
  overflow-wrap: anywhere;
}

body.cmc-site .cmc-main table{
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.cmc-site .cmc-main pre,
body.cmc-site .cmc-main code{
  max-width: 100%;
  overflow-x: auto;
}

@media (max-width: 1024px){
  body.cmc-site .cmc-findchurch__grid{
    grid-template-columns: 1fr;
    gap: 16px;
  }
  body.cmc-site .cmc-findchurch__map-wrap,
  body.cmc-site .cmc-findchurch__map{
    min-height: 360px;
  }
}

@media (max-width: 900px){
  body.cmc-site .cmc-findchurch-form__row--two{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px){
  body.cmc-site{
    font-size: 15px;
  }

  body.cmc-site .cmc-hero,
  body.cmc-site [class*="hero"]{
    min-height: auto;
  }

  body.cmc-site :is(.cmc-btn, button, [type="submit"], [type="button"]){
    min-height: 42px;
  }

  body.cmc-site .cmc-global-cta__actions{
    flex-direction: column;
    align-items: stretch;
  }

  body.cmc-site .cmc-global-cta__btn{
    text-align: center;
  }

  body.cmc-site .cmc-findchurch__tools,
  body.cmc-site .cmc-findchurch__advanced{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px){
  body.cmc-site{
    font-size: 14px;
  }

  body.cmc-site .cmc-findchurch__chips{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding-bottom: 2px;
  }

  body.cmc-site .cmc-findchurch__chip{
    flex: 0 0 auto;
    white-space: nowrap;
  }

  body.cmc-site .cmc-findchurch__routepick{
    flex-direction: column;
    align-items: flex-start;
  }

  body.cmc-site .cmc-findchurch__routepick span{
    white-space: normal;
  }
}

/* ==========================================================================
   Responsive QA Pass: cross-page safety overrides
   ========================================================================== */
body.cmc-site .cmc-main :is([class*="grid"], [class*="__grid"], [class*="layout"], [class*="__layout"]) > *{
  min-width: 0;
}

@media (max-width: 1200px){
  body.cmc-site .cmc-main :is([class*="grid"], [class*="__grid"], [class*="layout"], [class*="__layout"], [class*="__split"]) > *{
    min-width: 0 !important;
  }
}

@media (max-width: 980px){
  body.cmc-site .cmc-main :is(
    [class*="grid"],
    [class*="__grid"],
    [class*="layout"],
    [class*="__layout"],
    [class*="__split"],
    [class*="__inner"]
  ){
    grid-template-columns: 1fr !important;
  }

  body.cmc-site .cmc-main :is(
    [class*="stats"],
    [class*="kpi"],
    [class*="pillars"],
    [class*="tiles"]
  ){
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.cmc-site .cmc-main :is(
    [class*="sidebar"],
    [class*="aside"],
    [class*="drawer"]
  ){
    position: static !important;
    top: auto !important;
  }

  body.cmc-site .cmc-main :is(a, button, .cmc-btn){
    white-space: normal;
  }
}

@media (max-width: 680px){
  body.cmc-site .cmc-main :is(
    [class*="stats"],
    [class*="kpi"],
    [class*="pillars"],
    [class*="tiles"],
    [class*="chips"]
  ){
    grid-template-columns: 1fr !important;
  }

  body.cmc-site .cmc-main :is(
    [class*="card"],
    [class*="tile"],
    [class*="item"]
  ){
    min-height: auto !important;
  }
}

/* ==========================================================================
   Focused Visual QA Pass (Home, Find House of Prayer, About, Beliefs, Dept Detail)
   ========================================================================== */

/* Home: prevent cramped hero actions/chips on small screens */
@media (max-width: 760px){
  body.home .cmc-hero__actions{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.home .cmc-hero__actions .cmc-btn{
    width: 100%;
    justify-content: center;
  }

  body.home .cmc-hero-trust{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
}

/* Find House of Prayer: remove residual line under wave and stabilize panel head wrap */
body.page-find-house-of-prayer .cmc-findchurch-hero::after{
  box-shadow: none !important;
}

@media (max-width: 560px){
  body.page-find-house-of-prayer .cmc-findchurch__panel-head{
    flex-wrap: wrap;
  }
}

/* About: prevent global seam pseudo from overriding first section transition */
body.page-about .cmc-about-hero + .cmc-about-strip::after{
  content: none !important;
}

body.page-about .cmc-about-hero + .cmc-about-strip::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -34px !important;
  height: 34px !important;
  background: linear-gradient(180deg, rgba(248,251,255,0), rgba(248,251,255,.9)) !important;
  pointer-events: none !important;
}

/* Beliefs: disable extra global seam overlay to avoid double-transition artifacts */
body.page-beliefs .cmc-beliefs-hero + .cmc-beliefs-strip::before,
body.page-beliefs .cmc-beliefs-hero + .cmc-beliefs-strip::after{
  content: none !important;
}

/* About/Beliefs mobile chips: horizontal scroll instead of dense wrapping */
@media (max-width: 760px){
  body.page-about .cmc-about-nav__inner,
  body.page-beliefs .cmc-beliefs-nav__inner{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  body.page-about .cmc-about-nav__chip,
  body.page-beliefs .cmc-beliefs-nav__chip{
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

/* Department detail (dd2): add reliable wave into content background and remove seam */
body.page-department-detail .cmc-dd2__hero{
  position: relative;
  overflow: hidden;
}

body.page-department-detail .cmc-dd2__hero::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 88px;
  z-index: 3;
  pointer-events: none;
  background: #f4f8fe;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 120' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 56 C230 24 430 26 640 58 C840 90 1010 92 1220 66 C1380 46 1498 44 1600 50 L1600 120 L0 120 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 120' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 56 C230 24 430 26 640 58 C840 90 1010 92 1220 66 C1380 46 1498 44 1600 50 L1600 120 L0 120 Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

body.page-department-detail .cmc-dd2__main{
  position: relative;
  z-index: 4;
  margin-top: -1px;
}

/* ==========================================================================
   Tablet Spacing Pass (768px-1024px)
   ========================================================================== */
@media (min-width: 768px) and (max-width: 1024px){
  body.cmc-site .cmc-section{
    padding-top: clamp(36px, 4.4vw, 56px);
    padding-bottom: clamp(36px, 4.4vw, 56px);
  }

  body.cmc-site :is(.cmc-about-section, .cmc-beliefs-section, .cmc-dept-section){
    padding-top: clamp(34px, 4.2vw, 52px);
    padding-bottom: clamp(34px, 4.2vw, 52px);
  }

  body.cmc-site :is(.cmc-about-card, .cmc-about-value, .cmc-about-pillar, .cmc-about-stat, .cmc-belief-card, .cmc-dept-card){
    padding: 13px;
  }

  body.cmc-site :is(.cmc-about-values, .cmc-about-leaders, .cmc-about-beliefs, .cmc-about-timeline, .cmc-about-commitments, .cmc-beliefs-grid, .cmc-dept-grid){
    gap: 10px;
  }

  body.home .cmc-hero--prayer{
    padding-bottom: clamp(74px, 10vh, 106px);
  }

  body.home .cmc-actions3-grid,
  body.home .cmc-news-grid{
    gap: 12px;
  }

  body.home .cmc-action-card__content{
    padding: 14px;
  }

  body.page-find-house-of-prayer .cmc-findchurch-hero__inner{
    padding-top: clamp(138px, 14vh, 184px);
    padding-bottom: clamp(90px, 10vh, 124px);
  }

  body.page-find-house-of-prayer .cmc-findchurch{
    padding-top: calc(clamp(28px, 3.6vw, 46px) + 86px);
    padding-bottom: clamp(44px, 5.8vw, 72px);
  }

  body.page-find-house-of-prayer .cmc-findchurch__panel{
    padding: 14px;
  }

  body.page-find-house-of-prayer .cmc-findchurch__tools{
    grid-template-columns: 1fr auto auto auto;
    gap: 7px;
  }

  body.page-find-house-of-prayer .cmc-findchurch__advanced{
    grid-template-columns: auto 1fr auto;
    gap: 7px;
  }

  body.page-about .cmc-about-hero{
    padding-top: clamp(148px, 15vh, 198px);
    padding-bottom: clamp(88px, 10.5vh, 124px);
  }

  body.page-about .cmc-about-strip{
    margin-top: -20px;
  }

  body.page-about .cmc-about-nav,
  body.page-beliefs .cmc-beliefs-nav{
    top: calc(var(--cmc-header-top, 0px) + 10px);
  }

  body.page-beliefs .cmc-beliefs-hero{
    padding-top: clamp(146px, 15vh, 198px);
    padding-bottom: clamp(88px, 10.5vh, 124px);
  }

  body.page-beliefs .cmc-beliefs-strip{
    margin-top: -16px;
  }

  body.page-department-detail .cmc-dd2__main{
    padding-top: clamp(24px, 3.2vw, 38px) !important;
    padding-bottom: clamp(34px, 4.4vw, 56px) !important;
  }

  body.page-department-detail .cmc-dd2__card{
    padding: 16px !important;
  }
}

@media (min-width: 900px) and (max-width: 1024px){
  body.page-find-house-of-prayer .cmc-findchurch__grid{
    grid-template-columns: minmax(320px, 380px) minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.page-find-house-of-prayer .cmc-findchurch__map-wrap,
  body.page-find-house-of-prayer .cmc-findchurch__map{
    min-height: 500px;
  }
}

/* ==========================================================================
   iPad Micro-pass (exact 768x1024 and 1024x768)
   ========================================================================== */

/* iPad Portrait: 768 x 1024 */
@media (width: 768px) and (height: 1024px) and (orientation: portrait){
  body.home .cmc-hero--prayer{
    min-height: 560px;
    padding-top: 138px;
    padding-bottom: 88px;
  }

  body.home .cmc-hero__title{
    font-size: clamp(2.25rem, 5.1vw, 2.9rem);
  }

  body.home .cmc-actions3-grid,
  body.home .cmc-news-grid{
    gap: 10px;
  }

  body.page-find-house-of-prayer .cmc-findchurch-hero__inner{
    padding-top: 148px;
    padding-bottom: 108px;
  }

  body.page-find-house-of-prayer .cmc-findchurch__grid{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.page-find-house-of-prayer .cmc-findchurch__panel{
    position: static;
    padding: 13px;
  }

  body.page-find-house-of-prayer .cmc-findchurch__map-wrap,
  body.page-find-house-of-prayer .cmc-findchurch__map{
    min-height: 460px;
  }

  body.page-about .cmc-about-hero,
  body.page-beliefs .cmc-beliefs-hero{
    padding-top: 150px;
    padding-bottom: 96px;
  }

  body.page-about .cmc-about-nav__inner,
  body.page-beliefs .cmc-beliefs-nav__inner{
    gap: 6px;
    padding: 7px;
  }

  body.page-department-detail .cmc-dd2__hero{
    padding-top: 146px !important;
    padding-bottom: 84px !important;
  }

  body.page-department-detail .cmc-dd2__grid{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

/* iPad Landscape: 1024 x 768 */
@media (width: 1024px) and (height: 768px) and (orientation: landscape){
  body.home .cmc-hero--prayer{
    min-height: 500px;
    padding-top: 126px;
    padding-bottom: 78px;
  }

  body.home .cmc-hero__title{
    font-size: clamp(2.3rem, 4.2vw, 3rem);
  }

  body.page-find-house-of-prayer .cmc-findchurch-hero__inner{
    padding-top: 134px;
    padding-bottom: 94px;
  }

  body.page-find-house-of-prayer .cmc-findchurch__grid{
    grid-template-columns: minmax(320px, 360px) minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.page-find-house-of-prayer .cmc-findchurch__panel{
    top: 82px;
    padding: 12px;
  }

  body.page-find-house-of-prayer .cmc-findchurch__tools{
    grid-template-columns: 1fr auto auto auto;
    gap: 6px;
  }

  body.page-find-house-of-prayer .cmc-findchurch__advanced{
    grid-template-columns: auto 1fr auto;
    gap: 6px;
  }

  body.page-find-house-of-prayer .cmc-findchurch__map-wrap,
  body.page-find-house-of-prayer .cmc-findchurch__map{
    min-height: 430px;
  }

  body.page-about .cmc-about-hero,
  body.page-beliefs .cmc-beliefs-hero{
    min-height: 500px;
    padding-top: 136px;
    padding-bottom: 84px;
  }

  body.page-about .cmc-about-strip,
  body.page-beliefs .cmc-beliefs-strip{
    margin-top: -14px;
  }

  body.page-department-detail .cmc-dd2__hero{
    padding-top: 132px !important;
    padding-bottom: 72px !important;
  }

  body.page-department-detail .cmc-dd2__grid{
    grid-template-columns: 1.1fr .9fr !important;
    gap: 12px !important;
  }
}

/* ==========================================================================
   Unified Header (all pages)
   ========================================================================== */
html:not(.cmc-nav-open) body.cmc-site .cmc-header,
html:not(.cmc-nav-open) body.cmc-site .cmc-header.is-scrolled,
html:not(.cmc-nav-open) body.cmc-site .cmc-header.is-sticky,
html:not(.cmc-nav-open) body.cmc-site .cmc-header.is-fixed,
html:not(.cmc-nav-open) body.cmc-site .cmc-header::before,
html:not(.cmc-nav-open) body.cmc-site .cmc-header::after,
html:not(.cmc-nav-open) body.cmc-site .cmc-header > .cmc-header__inner,
html:not(.cmc-nav-open) body.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
html:not(.cmc-nav-open) body.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner,
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-header__right,
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-utility,
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-utility--inline,
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-utility__inner,
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-utility__right,
html:not(.cmc-nav-open) body.cmc-site .cmc-header #cmc-primary-nav,
html:not(.cmc-nav-open) body.cmc-site .cmc-header #cmc-primary-nav.cmc-nav,
html:not(.cmc-nav-open) body.cmc-site .cmc-header #cmc-primary-nav .cmc-nav__panel,
html:not(.cmc-nav-open) body.cmc-site .cmc-header #cmc-primary-nav .cmc-menu--primary,
html:not(.cmc-nav-open) body.cmc-site .cmc-header #cmc-primary-nav .cmc-menu--primary > li,
html:not(.cmc-nav-open) body.cmc-site .cmc-header #cmc-primary-nav .cmc-menu--primary > li > a{
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ==========================================================================
   Header Gap Consistency (all pages)
   ========================================================================== */
body.cmc-site{
  --cmc-hero-header-gap: clamp(148px, 15vh, 196px);
}

/* Never allow top margin on the first content block under header */
body.cmc-site .cmc-main > :first-child{
  margin-top: 0 !important;
}

/* Normalize hero top spacing so header-to-content gap is consistent site-wide */
body.cmc-site :is(
  .cmc-hero,
  .cmc-home-hero,
  .cmc-news__hero,
  .cmc-news-hero,
  .cmc-res-hero,
  .cmc-biblestudy-hero,
  .cmc-prayerreq-hero,
  .cmc-virtual-hero,
  .cmc-events-hero,
  .cmc-event-hero,
  .cmc-reg-hero,
  .cmc-leader-hero,
  .cmc-officer-hero,
  .cmc-strategic-hero,
  .cmc-sp-hero,
  .cmc-sp__hero,
  .cmc-about-hero,
  .cmc-beliefs-hero,
  .cmc-dept-hero,
  .cmc-dept-detail-hero,
  .cmc-dd2__hero,
  .cmc-answers-hero
){
  padding-top: var(--cmc-hero-header-gap) !important;
}

/* Find House of Prayer uses inner hero wrapper for vertical spacing */
body.page-find-house-of-prayer .cmc-findchurch-hero__inner{
  padding-top: var(--cmc-hero-header-gap) !important;
}

@media (max-width: 900px){
  body.cmc-site{
    --cmc-hero-header-gap: clamp(120px, 15vh, 160px);
  }
}

/* ==========================================================================
   Header Edge Padding Lock (left/right symmetry on all pages)
   ========================================================================== */
html body.cmc-site{
  --cmc-header-edge-pad: clamp(14px, 1.8vw, 24px);
}

html body.cmc-site .cmc-header > .cmc-header__inner,
html body.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
html body.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner{
  padding-left: var(--cmc-header-edge-pad) !important;
  padding-right: var(--cmc-header-edge-pad) !important;
}

/* Remove right-only pushes so the container gutter is the only edge spacing */
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-header__right,
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-utility--inline,
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-utility__right,
html:not(.cmc-nav-open) body.cmc-site .cmc-header #cmc-primary-nav,
html:not(.cmc-nav-open) body.cmc-site .cmc-header #cmc-primary-nav .cmc-nav__panel,
html:not(.cmc-nav-open) body.cmc-site .cmc-header #cmc-primary-nav .cmc-menu--primary{
  margin-right: 0 !important;
  padding-right: 0 !important;
}

/* ==========================================================================
   Home Hero Breathing Space (header -> hero text)
   ========================================================================== */
body.home .cmc-topstage .cmc-hero.cmc-hero--prayer{
  padding-top: clamp(472px, 48vw, 680px) !important;
}

@media (max-width: 900px){
  body.home .cmc-topstage .cmc-hero.cmc-hero--prayer{
    padding-top: clamp(376px, 58vw, 504px) !important;
  }
}

/* Keep hero tall, but lift text upward inside it */
body.home .cmc-topstage .cmc-hero__content{
  margin-top: clamp(-240px, -22vw, -150px) !important;
}

@media (max-width: 900px){
  body.home .cmc-topstage .cmc-hero__content{
    margin-top: clamp(-178px, -28vw, -118px) !important;
  }
}

/* Home hero: increase space above the lower wave border */
body.home .cmc-topstage .cmc-hero.cmc-hero--prayer{
  padding-bottom: clamp(150px, 14vw, 220px) !important;
}

/* Home wave bridge: taller lower border shape */
body.home.cmc-site .cmc-topstage + :is(section, div, article, main)::before{
  top: -122px !important;
  height: 124px !important;
}

/* Home soft fade under hero: slightly taller for smoother transition */
body.home .cmc-topstage::after{
  height: clamp(110px, 14vw, 180px) !important;
}

@media (max-width: 900px){
  body.home .cmc-topstage .cmc-hero.cmc-hero--prayer{
    padding-bottom: clamp(120px, 16vw, 170px) !important;
  }

  body.home.cmc-site .cmc-topstage + :is(section, div, article, main)::before{
    top: -92px !important;
    height: 94px !important;
  }

  body.home .cmc-topstage::after{
    height: 82px !important;
  }
}

/* Header CTA text: keep "Study the Bible" white */
html body.cmc-site .cmc-header .cmc-nav-cta,
html body.cmc-site .cmc-header .cmc-nav-cta:visited,
html body.cmc-site .cmc-header .cmc-nav-cta:hover,
html body.cmc-site .cmc-header .cmc-nav-cta:focus{
  color: #ffffff !important;
}

/* Section immediately after hero (Triptych): white base extending under hero */
body.home .cmc-triptych{
  position: relative !important;
  background: #ffffff !important;
  margin-top: -20px !important;
  padding-top: calc(20px + 12px) !important;
}

body.home .cmc-triptych::after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -34px !important;
  height: 36px !important;
  background: #ffffff !important;
  z-index: 0 !important;
}

body.home .cmc-triptych > *{
  position: relative;
  z-index: 1;
}

/* The 3 cards under hero: denim */
body.home .cmc-triptych .cmc-triptych-item{
  background:
    radial-gradient(900px 380px at 14% 8%, rgba(58,126,214,.32), transparent 62%),
    radial-gradient(760px 320px at 88% 12%, rgba(24,74,148,.34), transparent 64%),
    linear-gradient(180deg, #1b5da8 0%, #0f3b73 100%) !important;
  background-color: #113a6a !important;
  border-color: rgba(255,255,255,.22) !important;
}

body.home .cmc-triptych :is(.cmc-triptych-title, .cmc-triptych-text){
  color: #ffffff !important;
}

body.home .cmc-triptych .cmc-btn--pill{
  background: #ffffff !important;
  color: #113a6a !important;
  border-color: rgba(255,255,255,.9) !important;
}

/* Home: end the Who/Believe/Do area with a straight border (no wave) */
body.home .cmc-topstage::after{
  content: none !important;
  background: none !important;
  height: 0 !important;
}

body.home.cmc-site .cmc-topstage + :is(section, div, article, main)::before,
body.home.cmc-site .cmc-topstage + :is(section, div, article, main)::after{
  content: none !important;
  background: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

body.home .cmc-triptych{
  border-bottom: 1px solid rgba(17, 58, 106, .22) !important;
}

/* Global button style: rounded blue CTA across the CMC site */
body.cmc-site :is(
  .cmc-btn,
  .cmc-btn--hero,
  .cmc-btn--hero-ghost,
  .cmc-btn--pill,
  .cmc-nav-cta,
  .cmc-action-card__btn,
  .cmc-news-card__btn,
  .cmc-news-card__link,
  .cmc-final-cta__btn,
  .wp-block-button__link,
  .wp-element-button,
  input[type="submit"],
  button[type="submit"]
):not(.cmc-nav-toggle):not(.cmc-subtoggle){
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: 11px 24px !important;
  min-height: 48px;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  background: linear-gradient(135deg, #4f86ff 0%, #2f6fd8 100%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: .98rem !important;
  letter-spacing: -.01em;
  text-decoration: none !important;
  line-height: 1.1;
  box-shadow: 0 12px 28px rgba(47, 111, 216, .26), inset 0 1px 0 rgba(255,255,255,.18) !important;
  transition: transform .2s, filter .2s, box-shadow .2s, background .2s !important;
}

body.cmc-site :is(
  .cmc-btn,
  .cmc-btn--hero,
  .cmc-btn--hero-ghost,
  .cmc-btn--pill,
  .cmc-nav-cta,
  .cmc-action-card__btn,
  .cmc-news-card__btn,
  .cmc-news-card__link,
  .cmc-final-cta__btn,
  .wp-block-button__link,
  .wp-element-button,
  input[type="submit"],
  button[type="submit"]
):not(.cmc-nav-toggle):not(.cmc-subtoggle):hover{
  transform: translateY(-2px);
  filter: brightness(1.03);
  box-shadow: 0 16px 34px rgba(47, 111, 216, .32), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

body.cmc-site :is(
  .cmc-btn,
  .cmc-btn--hero,
  .cmc-btn--hero-ghost,
  .cmc-btn--pill,
  .cmc-nav-cta,
  .cmc-action-card__btn,
  .cmc-news-card__btn,
  .cmc-news-card__link,
  .cmc-final-cta__btn,
  .wp-block-button__link,
  .wp-element-button,
  input[type="submit"],
  button[type="submit"]
):not(.cmc-nav-toggle):not(.cmc-subtoggle):focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(79, 134, 255, .18), 0 12px 28px rgba(47, 111, 216, .26), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* Desktop header: make the "Study the Bible" CTA sit with the menu row */
html body.cmc-site .cmc-header #cmc-primary-nav .cmc-nav__panel{
  align-items: center !important;
}

html body.cmc-site .cmc-header .cmc-nav-cta,
html body.cmc-site .cmc-header .cmc-nav-cta:visited{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  margin-left: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #3d73e0 0%, #2d61cf 100%) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 12px 24px rgba(6, 18, 46, .22),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  line-height: 1 !important;
  font-size: .82rem !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html body.cmc-site .cmc-header .cmc-nav-cta:hover,
html body.cmc-site .cmc-header .cmc-nav-cta:focus{
  transform: translateY(-1px) !important;
  filter: brightness(1.05) !important;
}

/* Utility language switch (EN / CH) */
.cmc-utility-lang-switch{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.cmc-utility-lang{
  gap: 8px;
}
.cmc-lang-dd{
  position: relative;
}
.cmc-lang-dd__summary{
  list-style: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  border-radius: 0;
  border: 0;
  background: transparent;
  padding: 0 2px;
  color: #ffffff;
  cursor: pointer;
}
.cmc-lang-dd__summary::-webkit-details-marker{
  display: none;
}
.cmc-lang-dd[open] .cmc-lang-dd__summary{
  background: transparent;
}
.cmc-lang-dd__chev{
  font-size: .7rem;
  line-height: 1;
}
.cmc-lang-dd__menu{
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 64px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.22);
  background: #ffffff;
  box-shadow: 0 12px 24px rgba(8,28,58,.18);
  overflow: hidden;
  z-index: 30;
}
.cmc-lang-dd__item{
  display: block;
  padding: 8px 10px;
  font-size: .78rem;
  font-weight: 800;
  color: #0f3768;
  text-decoration: none;
}
.cmc-lang-dd__item:hover{
  background: #eef5ff;
}
.cmc-lang-dd__item.is-current{
  background: #e7f0ff;
}

/* Keep language dropdown visible on mobile even when utility row is simplified */
@media (max-width: 980px){
  .cmc-utility--inline .cmc-utility__right{
    display: flex !important;
    justify-content: flex-end !important;
  }
  .cmc-utility--inline .cmc-menu--utility,
  .cmc-utility--inline .cmc-utility-search-toggle{
    display: none !important;
  }
  .cmc-utility--inline .cmc-utility-lang{
    display: block !important;
  }
  .cmc-lang-dd__summary{
    background: transparent !important;
    color: #ffffff !important;
  }
}

/* ==========================================================================
   2026-03 Template-driven shell cleanup
   ========================================================================== */
body.home .cmc-hero.cmc-hero--prayer{
  background-image: none !important;
  overflow: hidden;
}

body.home .cmc-hero.cmc-hero--prayer .cmc-hero__bg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
}

body.home .cmc-hero.cmc-hero--prayer > .cmc-wrap,
body.home .cmc-hero.cmc-hero--prayer > .l-wrap{
  position: relative;
  z-index: 1;
}

/* ==========================================================================
   2026-03 Get Involved UX pass
   ========================================================================== */
body.page-get-involved .cmc-gi-quick{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
  max-width: 40rem;
}

body.page-get-involved .cmc-gi-quick__item{
  display: grid;
  gap: 2px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.16);
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.08));
  box-shadow: 0 14px 32px rgba(0,0,0,.12);
}

body.page-get-involved .cmc-gi-quick__value{
  color: #ffffff;
  font-size: clamp(1rem, 2vw, 1.3rem);
  font-weight: 950;
  letter-spacing: -.01em;
}

body.page-get-involved .cmc-gi-quick__label{
  color: rgba(255,255,255,.9);
  font-size: .78rem;
  line-height: 1.45;
  font-weight: 700;
}

body.page-get-involved .cmc-gi-jump{
  padding: 0 0 clamp(26px, 4vw, 42px);
}

body.page-get-involved .cmc-gi-jump__inner{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.16);
  background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.07));
  box-shadow: 0 16px 36px rgba(0,0,0,.12);
}

body.page-get-involved .cmc-gi-jump__label{
  margin-right: 4px;
  color: rgba(255,255,255,.9);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.page-get-involved .cmc-gi-jump__link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.12);
  color: #ffffff;
  font-size: .84rem;
  font-weight: 850;
  line-height: 1.1;
  text-decoration: none;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

body.page-get-involved .cmc-gi-jump__link:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.24);
}

body.page-get-involved .cmc-gi-opps__head,
body.page-get-involved .cmc-gi-stories__head{
  gap: 16px;
}

body.page-get-involved .cmc-gi-opps__title,
body.page-get-involved .cmc-gi-stories__title,
body.page-get-involved .cmc-search-title,
body.page-get-involved .cmc-gi-ctaBand__title{
  letter-spacing: -.015em;
}

body.page-get-involved .cmc-gi-form__hint{
  max-width: 56ch;
}

@media (max-width: 900px){
  body.page-get-involved .cmc-gi-quick{
    grid-template-columns: 1fr;
    max-width: none;
  }
}

@media (max-width: 680px){
  body.page-get-involved .cmc-gi-jump__inner{
    align-items: stretch;
    padding: 12px;
  }

  body.page-get-involved .cmc-gi-jump__label{
    width: 100%;
    margin-right: 0;
  }
}

/* ==========================================================================
   2026-03 Get Involved hero alignment with Strategic Plan
   ========================================================================== */
body.page-get-involved .cmc-hero{
  padding-top: clamp(120px, 14vw, 190px);
  padding-bottom: clamp(18px, 3vw, 32px);
  min-height: clamp(600px, 82vh, 860px);
}

body.page-get-involved .cmc-hero__grid{
  grid-template-columns: 1fr !important;
  min-height: clamp(430px, 56vw, 560px);
  align-items: stretch;
}

body.page-get-involved .cmc-hero__content{
  width: 100%;
  max-width: min(54rem, 100%) !important;
  margin: 0 auto;
  min-height: clamp(400px, 52vw, 520px);
  display: grid;
  align-content: center;
  justify-items: start;
  gap: clamp(14px, 1.8vw, 20px);
  padding: clamp(26px, 3vw, 38px) !important;
  background: linear-gradient(180deg, rgba(8,29,61,.42), rgba(8,29,61,.24)) !important;
  box-shadow: 0 24px 54px rgba(1,18,39,.28) !important;
}

body.page-get-involved .cmc-hero__title{
  margin: 0;
  max-width: 11ch;
  font-size: clamp(2.3rem, 4.8vw, 4rem);
  line-height: 1.02;
}

body.page-get-involved .cmc-hero__actions{
  margin-top: 0;
}

body.page-get-involved .cmc-hero__actions .cmc-btn{
  min-height: 48px;
}

body.page-get-involved .cmc-gi-hero-support{
  padding: 0 0 clamp(26px, 4vw, 42px);
}

body.page-get-involved .cmc-gi-hero-support .cmc-wrap{
  display: flex;
  justify-content: center;
}

body.page-get-involved .cmc-gi-hero-support .cmc-gi-aside{
  width: min(100%, 58rem);
  padding: clamp(20px, 2.5vw, 28px) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.09)) !important;
}

body.page-get-involved .cmc-gi-hero-support .cmc-gi-aside__actions{
  flex-direction: row;
  flex-wrap: wrap;
}

body.page-get-involved .cmc-gi-hero-support .cmc-gi-aside__actions .cmc-btn{
  min-height: 44px;
}

@media (max-width: 980px){
  body.page-get-involved .cmc-hero{
    min-height: auto;
    padding-top: 92px !important;
    padding-bottom: 10px !important;
  }

  body.page-get-involved .cmc-hero__grid,
  body.page-get-involved .cmc-hero__content{
    min-height: auto;
  }

  body.page-get-involved .cmc-hero__content{
    padding: 18px !important;
  }
}

@media (max-width: 680px){
  body.page-get-involved .cmc-hero__title{
    max-width: none;
  }

  body.page-get-involved .cmc-gi-hero-support .cmc-gi-aside__actions{
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   2026-03 Get Involved hero alignment
   ========================================================================== */
body.page-get-involved .cmc-hero--get-involved{
  position: relative !important;
  z-index: 5;
  min-height: 80vh !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #0b1b2a !important;
}

body.page-get-involved .cmc-hero--get-involved::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.55)) !important;
  z-index: 1 !important;
}

body.page-get-involved .cmc-hero--get-involved .cmc-hero__bg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
}

body.page-get-involved .cmc-hero--get-involved .cmc-wrap{
  position: relative;
  z-index: 2;
  width: 100%;
}

body.page-get-involved .cmc-hero--get-involved .cmc-hero__inner{
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0 0 clamp(18px, 3vw, 30px);
}

body.page-get-involved .cmc-hero--get-involved .cmc-hero__header-spacer{
  height: clamp(96px, 10vw, 132px);
}

body.page-get-involved .cmc-hero--get-involved .cmc-hero__grid{
  grid-template-columns: 1fr !important;
  min-height: 0 !important;
  align-items: center !important;
}

body.page-get-involved .cmc-hero--get-involved .cmc-hero__content{
  width: 100%;
  max-width: 44rem !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.page-get-involved .cmc-hero--get-involved .cmc-hero__title{
  margin: 0 0 18px !important;
  max-width: 10ch;
  font-size: clamp(2.5rem, 5vw, 4.6rem) !important;
  line-height: 1.02 !important;
  color: #ffffff !important;
}

body.page-get-involved .cmc-hero--get-involved .cmc-hero__text{
  display: none !important;
}

body.page-get-involved .cmc-hero--get-involved .cmc-hero__subtitle{
  margin: 0 0 22px !important;
  max-width: 62ch;
  font-size: clamp(1rem, 1.25vw, 1.12rem) !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,.92) !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.24);
}

body.page-get-involved .cmc-hero--get-involved .cmc-hero__actions{
  margin-top: 0 !important;
  position: relative;
  z-index: 2;
}

body.page-get-involved .cmc-hero--get-involved .cmc-hero__wave{
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  line-height: 0;
  z-index: 3;
}

body.page-get-involved .cmc-hero--get-involved .cmc-hero__wave svg{
  display: block;
  width: 100%;
  height: 120px;
  fill: #ffffff;
}

body.page-get-involved .cmc-hero--get-involved + .cmc-gi-pathways::before,
body.page-get-involved .cmc-hero--get-involved + .cmc-gi-pathways::after{
  content: none !important;
}

body.page-get-involved .cmc-hero--get-involved{
  margin-top: 0 !important;
}

body.page-get-involved .cmc-gi-steps__wrap{
  border: 1px solid rgba(14,34,66,.1) !important;
  background: #ffffff !important;
  padding-top: 40px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 18px 42px rgba(2,28,56,.09) !important;
}

body.page-get-involved .cmc-gi-steps__kicker,
body.page-get-involved .cmc-gi-steps__title,
body.page-get-involved .cmc-gi-step__heading,
body.page-get-involved .cmc-gi-step__text{
  color: #102a4d !important;
}

body.page-get-involved .cmc-gi-jump{
  padding-top: 0 !important;
}

body.page-get-involved .cmc-gi-jump__inner{
  border: 1px solid rgba(14,34,66,.1) !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(2,28,56,.08) !important;
}

body.page-get-involved .cmc-gi-jump__label{
  color: #1956a4 !important;
}

body.page-get-involved .cmc-gi-jump__link{
  border-color: rgba(25,86,164,.14) !important;
  background: rgba(47,111,216,.06) !important;
  color: #1956a4 !important;
}

body.page-get-involved .cmc-gi-jump__link:hover{
  background: rgba(47,111,216,.1) !important;
  border-color: rgba(25,86,164,.2) !important;
}

@media (max-width: 980px){
  body.page-get-involved .cmc-hero--get-involved{
    min-height: 75vh !important;
  }

  body.page-get-involved .cmc-hero--get-involved .cmc-hero__content{
    max-width: 36rem !important;
  }

  body.page-get-involved .cmc-hero--get-involved .cmc-hero__header-spacer{
    height: clamp(84px, 14vw, 108px);
  }

  body.page-get-involved .cmc-hero--get-involved .cmc-hero__title{
    max-width: none;
    font-size: clamp(2rem, 8vw, 3.2rem) !important;
  }

  body.page-get-involved .cmc-hero--get-involved .cmc-hero__subtitle{
    margin-bottom: 18px !important;
    font-size: .98rem !important;
    line-height: 1.6 !important;
  }

  body.page-get-involved .cmc-hero--get-involved .cmc-hero__wave svg{
    height: 78px;
  }
}

/* ==========================================================================
   2026-03 Get Involved header transparency hard override
   ========================================================================== */
html body.page-get-involved.cmc-site .l-header,
html body.page-get-involved.cmc-site header.l-header,
html body.page-get-involved.cmc-site .site-header,
html body.page-get-involved.cmc-site .cmc-header,
html body.page-get-involved.cmc-site .cmc-header.is-sticky,
html body.page-get-involved.cmc-site .cmc-header.is-fixed{
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.page-get-involved.cmc-site .cmc-header::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  opacity: 1 !important;
  background: linear-gradient(180deg, rgba(6, 18, 38, .52), rgba(6, 18, 38, .14)) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

html body.page-get-involved.cmc-site .cmc-header::after,
html body.page-get-involved.cmc-site .site-header::before,
html body.page-get-involved.cmc-site .site-header::after{
  content: none !important;
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
}

html body.page-get-involved.cmc-site .cmc-header > .cmc-header__inner,
html body.page-get-involved.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
html body.page-get-involved.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner,
html body.page-get-involved.cmc-site .cmc-header .cmc-header__inner,
html body.page-get-involved.cmc-site .cmc-header .cmc-header__right,
html body.page-get-involved.cmc-site .cmc-header .cmc-utility,
html body.page-get-involved.cmc-site .cmc-header .cmc-utility--inline,
html body.page-get-involved.cmc-site .cmc-header .cmc-utility__inner,
html body.page-get-involved.cmc-site .cmc-header .cmc-utility__right,
html body.page-get-involved.cmc-site .cmc-header #cmc-primary-nav,
html body.page-get-involved.cmc-site .cmc-header #cmc-primary-nav .cmc-nav__panel{
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html:not(.cmc-nav-open) body.page-get-involved.cmc-site .cmc-header,
html:not(.cmc-nav-open) body.page-get-involved.cmc-site .cmc-header.is-sticky,
html:not(.cmc-nav-open) body.page-get-involved.cmc-site .cmc-header.is-fixed{
  background: transparent !important;
  background-image: none !important;
}

/* ==========================================================================
   2026-03 Get Involved header-over-hero final lock
   ========================================================================== */
html.cmc-gi-page,
html.cmc-gi-page body{
  background: transparent !important;
}

html.cmc-gi-page body:not(.home) .l-header,
html.cmc-gi-page body:not(.home) .l-header__inner,
html.cmc-gi-page body:not(.home) .l-wrap,
html.cmc-gi-page body:not(.home) .l-wrap__content{
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.cmc-gi-page body:not(.home) .site-header,
html.cmc-gi-page body:not(.home) .cmc-header,
html.cmc-gi-page body:not(.home) .cmc-header.is-sticky,
html.cmc-gi-page body:not(.home) .cmc-header.is-fixed{
  position: absolute !important;
  top: var(--cmc-header-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: 2600 !important;
}

html.cmc-gi-page body:not(.home) .cmc-header::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(6, 18, 38, .52), rgba(6, 18, 38, .14)) !important;
  opacity: 1 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

html.cmc-gi-page body:not(.home) .cmc-header::after{
  content: none !important;
  opacity: 0 !important;
  background: transparent !important;
}

html.cmc-gi-page body:not(.home) .cmc-header > *,
html.cmc-gi-page body:not(.home) .site-header > *{
  position: relative;
  z-index: 1;
}

html.cmc-gi-page body:not(.home) .cmc-header > .cmc-header__inner,
html.cmc-gi-page body:not(.home) .cmc-header > .l-wrap.cmc-header__inner,
html.cmc-gi-page body:not(.home) .cmc-header > .cmc-wrap.cmc-header__inner,
html.cmc-gi-page body:not(.home) .cmc-header .cmc-header__inner,
html.cmc-gi-page body:not(.home) .cmc-header .cmc-header__right,
html.cmc-gi-page body:not(.home) .cmc-header .cmc-utility,
html.cmc-gi-page body:not(.home) .cmc-header .cmc-utility--inline,
html.cmc-gi-page body:not(.home) .cmc-header .cmc-utility__inner,
html.cmc-gi-page body:not(.home) .cmc-header .cmc-utility__right,
html.cmc-gi-page body:not(.home) .cmc-header #cmc-primary-nav,
html.cmc-gi-page body:not(.home) .cmc-header #cmc-primary-nav .cmc-nav__panel{
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.cmc-gi-page body:not(.home) .l-main{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

html.cmc-gi-page body:not(.home) .cmc-hero--get-involved{
  margin-top: 0 !important;
}

/* ==========================================================================
   2026-03 Get Involved clean hero final authority
   ========================================================================== */
body.page-get-involved .cmc-hero.cmc-hero--get-involved{
  position: relative !important;
  min-height: 80vh !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin-top: 0 !important;
  overflow: hidden !important;
  background: #0b1b2a !important;
  z-index: 5 !important;
}

body.page-get-involved .cmc-hero.cmc-hero--get-involved::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.55)) !important;
  z-index: 1 !important;
}

body.page-get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__bg{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  z-index: 0 !important;
}

body.page-get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__inner{
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  padding: 0 0 clamp(18px, 3vw, 30px) !important;
}

body.page-get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__header-spacer{
  height: clamp(96px, 10vw, 132px) !important;
}

body.page-get-involved .cmc-hero.cmc-hero--get-involved .cmc-wrap{
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
}

body.page-get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__grid{
  grid-template-columns: 1fr !important;
  min-height: 0 !important;
  align-items: center !important;
}

body.page-get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__content{
  width: 100% !important;
  max-width: 44rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.page-get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__title{
  margin: 0 0 18px !important;
  max-width: 10ch !important;
  font-size: clamp(2.5rem, 5vw, 4.6rem) !important;
  line-height: 1.02 !important;
  color: #ffffff !important;
}

body.page-get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__text{
  display: none !important;
}

body.page-get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__subtitle{
  margin: 0 0 22px !important;
  max-width: 62ch !important;
  font-size: clamp(1rem, 1.25vw, 1.12rem) !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,.92) !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.24) !important;
}

body.page-get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__actions{
  margin-top: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

body.page-get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__wave{
  position: absolute !important;
  bottom: -1px !important;
  left: 0 !important;
  width: 100% !important;
  line-height: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

body.page-get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__wave svg{
  display: block !important;
  width: 100% !important;
  height: 120px !important;
  fill: #ffffff !important;
}

body.page-get-involved .cmc-hero.cmc-hero--get-involved + .cmc-gi-pathways::before,
body.page-get-involved .cmc-hero.cmc-hero--get-involved + .cmc-gi-pathways::after{
  content: none !important;
}

@media (max-width: 980px){
  body.page-get-involved .cmc-hero.cmc-hero--get-involved{
    min-height: 75vh !important;
  }

  body.page-get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__header-spacer{
    height: clamp(84px, 14vw, 108px) !important;
  }

  body.page-get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__content{
    max-width: 36rem !important;
  }

  body.page-get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__title{
    max-width: none !important;
    font-size: clamp(2rem, 8vw, 3.2rem) !important;
  }

  body.page-get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__subtitle{
    margin-bottom: 18px !important;
    font-size: .98rem !important;
    line-height: 1.6 !important;
  }

  body.page-get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__wave svg{
    height: 78px !important;
  }
}

/* ==========================================================================
   2026-03 Get Involved rendered hero hard fix
   ========================================================================== */
html.cmc-gi-page body .cmc-page--get-involved{
  position: relative;
  z-index: 1;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved{
  position: relative !important;
  min-height: 80vh !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #0b1b2a !important;
  z-index: 5 !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,.08) 0%,
    rgba(0,0,0,.18) 20%,
    rgba(0,0,0,.40) 52%,
    rgba(0,0,0,.55) 100%
  ) !important;
  z-index: 1 !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__bg{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  z-index: 0 !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__inner{
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  padding: 0 0 clamp(18px, 3vw, 30px) !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__header-spacer{
  height: clamp(96px, 10vw, 132px) !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-wrap{
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__grid{
  grid-template-columns: 1fr !important;
  min-height: 0 !important;
  align-items: center !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__content{
  width: 100% !important;
  max-width: 44rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__title{
  margin: 0 0 18px !important;
  max-width: 10ch !important;
  font-size: clamp(2.5rem, 5vw, 4.6rem) !important;
  line-height: 1.02 !important;
  color: #ffffff !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__subtitle{
  margin: 0 0 22px !important;
  max-width: 62ch !important;
  font-size: clamp(1rem, 1.25vw, 1.12rem) !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,.92) !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.24) !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__actions{
  margin-top: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__wave{
  position: absolute !important;
  bottom: -1px !important;
  left: 0 !important;
  width: 100% !important;
  line-height: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__wave svg{
  display: block !important;
  width: 100% !important;
  height: 120px !important;
  fill: #ffffff !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved + .cmc-gi-pathways::before,
html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved + .cmc-gi-pathways::after{
  content: none !important;
}

html.cmc-gi-page body .l-header,
html.cmc-gi-page body header.l-header,
html.cmc-gi-page body .site-header,
html.cmc-gi-page body .l-header__inner,
html.cmc-gi-page body .l-wrap,
html.cmc-gi-page body .l-wrap__content{
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.cmc-gi-page body .cmc-header,
html.cmc-gi-page body .cmc-header.is-sticky,
html.cmc-gi-page body .cmc-header.is-fixed{
  position: absolute !important;
  top: var(--cmc-header-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: 2800 !important;
}

html.cmc-gi-page body .cmc-header::before{
  content: none !important;
  background: transparent !important;
  opacity: 0 !important;
}

html.cmc-gi-page body .cmc-header::after{
  content: none !important;
  background: transparent !important;
  opacity: 0 !important;
}

html.cmc-gi-page body .cmc-header > *,
html.cmc-gi-page body .site-header > *{
  position: relative;
  z-index: 1;
}

html.cmc-gi-page body .cmc-header > .cmc-header__inner,
html.cmc-gi-page body .cmc-header > .l-wrap.cmc-header__inner,
html.cmc-gi-page body .cmc-header > .cmc-wrap.cmc-header__inner,
html.cmc-gi-page body .cmc-header .cmc-header__inner,
html.cmc-gi-page body .cmc-header .cmc-header__right,
html.cmc-gi-page body .cmc-header .cmc-utility,
html.cmc-gi-page body .cmc-header .cmc-utility--inline,
html.cmc-gi-page body .cmc-header .cmc-utility__inner,
html.cmc-gi-page body .cmc-header .cmc-utility__right,
html.cmc-gi-page body .cmc-header #cmc-primary-nav,
html.cmc-gi-page body .cmc-header #cmc-primary-nav .cmc-nav__panel{
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.cmc-gi-page body .cmc-header,
html.cmc-gi-page body .cmc-header a,
html.cmc-gi-page body .cmc-header button,
html.cmc-gi-page body .cmc-header .cmc-brand__title,
html.cmc-gi-page body .cmc-header .cmc-brand__subtitle{
  color: #ffffff !important;
}

html.cmc-gi-page body .cmc-header .cmc-menu--primary > li > a::after{
  background: rgba(255,255,255,.82) !important;
}

html.cmc-gi-page body .l-main{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ==========================================================================
   2026-03 Get Involved final consolidated live styles
   ========================================================================== */
body.page-get-involved .cmc-page--get-involved .cmc-gi-header-spacer{
  height: clamp(336px, calc((var(--cmc-header-h, 96px) + var(--cmc-adminbar-h, 0px)) * 2.88), 412px) !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-gi-hero-grid{
  justify-items: start !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-gi-hero-copy{
  align-content: start !important;
  justify-items: start !important;
  gap: 16px !important;
  max-width: 48rem !important;
  text-align: left !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__title,
body.page-get-involved .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__subtitle{
  width: 100% !important;
  text-align: left !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__actions{
  width: 100% !important;
  justify-content: flex-start !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-actions3{
  padding-top: clamp(18px, 2.8vw, 30px) !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-actions3 .cmc-action-card{
  min-height: clamp(360px, 34vw, 430px) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  box-shadow: 0 22px 50px rgba(11, 27, 42, .18) !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-actions3 .cmc-action-card__overlay{
  background:
    linear-gradient(180deg, rgba(8, 18, 34, .12) 0%, rgba(8, 18, 34, .34) 44%, rgba(8, 18, 34, .82) 100%) !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-actions3 .cmc-action-card__content{
  justify-content: flex-end !important;
  gap: 12px !important;
  padding: clamp(26px, 3.2vw, 36px) !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-actions3 .cmc-action-card__title,
body.page-get-involved .cmc-page--get-involved .cmc-actions3 .cmc-action-card__text,
body.page-get-involved .cmc-page--get-involved .cmc-actions3 .cmc-action-card__content,
body.page-get-involved .cmc-page--get-involved .cmc-actions3 .cmc-action-card__content *{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-actions3 .cmc-action-card__title{
  margin: 0 !important;
  font-size: clamp(1.8rem, 2.1vw, 2.35rem) !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  text-shadow: 0 10px 30px rgba(0, 0, 0, .36) !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-actions3 .cmc-action-card__text{
  margin: 0 !important;
  max-width: 28ch !important;
  font-size: clamp(1rem, 1.1vw, 1.12rem) !important;
  line-height: 1.6 !important;
  font-weight: 700 !important;
  text-shadow: 0 8px 24px rgba(0, 0, 0, .34) !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-actions3 a.cmc-action-card__btn,
body.page-get-involved .cmc-page--get-involved .cmc-actions3 a.cmc-action-card__btn:link,
body.page-get-involved .cmc-page--get-involved .cmc-actions3 a.cmc-action-card__btn:visited,
body.page-get-involved .cmc-page--get-involved .cmc-actions3 a.cmc-action-card__btn:hover,
body.page-get-involved .cmc-page--get-involved .cmc-actions3 a.cmc-action-card__btn:focus,
body.page-get-involved .cmc-page--get-involved .cmc-actions3 a.cmc-action-card__btn:active{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-statsband,
body.page-get-involved .cmc-page--get-involved .cmc-statsband .cmc-wrap,
body.page-get-involved .cmc-page--get-involved .cmc-statsband .cmc-statsband__inner,
body.page-get-involved .cmc-page--get-involved .cmc-statsband .cmc-statsband__kicker,
body.page-get-involved .cmc-page--get-involved .cmc-statsband .cmc-statsband__title,
body.page-get-involved .cmc-page--get-involved .cmc-statsband .cmc-stat__num,
body.page-get-involved .cmc-page--get-involved .cmc-statsband .cmc-stat__label{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-statsband{
  position: relative !important;
  overflow: hidden !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-statsband::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(520px 180px at 12% 20%, rgba(59, 130, 246, .18), transparent 68%),
    radial-gradient(420px 160px at 88% 28%, rgba(255, 255, 255, .08), transparent 72%) !important;
  pointer-events: none !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-statsband .cmc-wrap{
  position: relative !important;
  z-index: 1 !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-statsband .cmc-statsband__kicker{
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  opacity: 1 !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-statsband .cmc-statsband__title{
  font-weight: 1000 !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-statsband .cmc-stat__num{
  font-weight: 1000 !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-statsband .cmc-stat__label{
  font-weight: 900 !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-gi-intake{
  padding-top: clamp(42px, 5vw, 64px) !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-gi-intake .cmc-search-card{
  padding: clamp(34px, 4vw, 46px) clamp(22px, 3vw, 34px) clamp(26px, 3vw, 34px) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 250, 255, .98)) !important;
  border: 1px solid rgba(47, 111, 216, .10) !important;
  box-shadow: 0 22px 48px rgba(11, 27, 42, .10) !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-gi-intake__head{
  gap: 14px !important;
  margin-bottom: clamp(22px, 2.8vw, 30px) !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-gi-intake .cmc-search-title{
  max-width: 18ch !important;
  line-height: 1.06 !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-gi-help__text{
  max-width: 58ch !important;
  font-weight: 650 !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-gi-next{
  gap: clamp(12px, 1.8vw, 18px) !important;
  margin-bottom: clamp(20px, 2.6vw, 28px) !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-gi-next__item{
  padding: 16px 18px !important;
  border: 1px solid rgba(47, 111, 216, .08) !important;
  box-shadow: 0 10px 24px rgba(11, 27, 42, .05) !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-gi-form__grid{
  row-gap: 16px !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-gi-form__actions{
  gap: 12px !important;
  margin-top: 20px !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-gi-ctaBand .cmc-gi-ctaBand__kicker,
body.page-get-involved .cmc-page--get-involved .cmc-gi-ctaBand .cmc-gi-ctaBand__title,
body.page-get-involved .cmc-page--get-involved .cmc-gi-ctaBand .cmc-gi-ctaBand__text{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-gi-ctaBand .cmc-gi-ctaBand__kicker{
  font-weight: 950 !important;
  opacity: 1 !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-gi-ctaBand .cmc-gi-ctaBand__title{
  font-weight: 1000 !important;
}

body.page-get-involved .cmc-page--get-involved .cmc-gi-ctaBand .cmc-gi-ctaBand__text{
  font-weight: 850 !important;
  color: rgba(255, 255, 255, .96) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .96) !important;
}

@media (max-width: 980px){
  body.page-get-involved .cmc-page--get-involved .cmc-gi-header-spacer{
    height: clamp(220px, calc((var(--cmc-header-h, 96px) + var(--cmc-adminbar-h, 0px)) * 2.02), 276px) !important;
  }

  body.page-get-involved .cmc-page--get-involved .cmc-gi-hero-copy{
    max-width: 36rem !important;
  }

  body.page-get-involved .cmc-page--get-involved .cmc-actions3 .cmc-action-card{
    min-height: 320px !important;
  }

  body.page-get-involved .cmc-page--get-involved .cmc-actions3 .cmc-action-card__title{
    font-size: clamp(1.5rem, 6vw, 2rem) !important;
  }

  body.page-get-involved .cmc-page--get-involved .cmc-actions3 .cmc-action-card__text{
    max-width: none !important;
  }
}

body.page-get-involved .cmc-actions3 .cmc-action-card .cmc-action-card__content,
body.page-get-involved .cmc-actions3 .cmc-action-card .cmc-action-card__content *,
body.page-get-involved .cmc-actions3 .cmc-action-card h3.cmc-action-card__title,
body.page-get-involved .cmc-actions3 .cmc-action-card p.cmc-action-card__text,
body.page-get-involved .cmc-actions3 .cmc-action-card a.cmc-action-card__btn,
body.page-get-involved .cmc-actions3 .cmc-action-card a.cmc-action-card__btn:link,
body.page-get-involved .cmc-actions3 .cmc-action-card a.cmc-action-card__btn:visited,
body.page-get-involved .cmc-actions3 .cmc-action-card a.cmc-action-card__btn:hover,
body.page-get-involved .cmc-actions3 .cmc-action-card a.cmc-action-card__btn:focus,
body.page-get-involved .cmc-actions3 .cmc-action-card a.cmc-action-card__btn:active{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.page-get-involved .cmc-actions3 .cmc-action-card .cmc-action-card__title,
body.page-get-involved .cmc-actions3 .cmc-action-card h3.cmc-action-card__title,
body.page-get-involved .cmc-actions3 .cmc-action-card .cmc-action-card__text,
body.page-get-involved .cmc-actions3 .cmc-action-card p.cmc-action-card__text,
body.page-get-involved .cmc-actions3 .cmc-action-card .cmc-action-card__btn,
body.page-get-involved .cmc-actions3 .cmc-action-card a.cmc-action-card__btn,
body.page-get-involved .cmc-actions3 .cmc-action-card a.cmc-action-card__btn:link,
body.page-get-involved .cmc-actions3 .cmc-action-card a.cmc-action-card__btn:visited,
body.page-get-involved .cmc-actions3 .cmc-action-card a.cmc-action-card__btn:hover,
body.page-get-involved .cmc-actions3 .cmc-action-card a.cmc-action-card__btn:focus,
body.page-get-involved .cmc-actions3 .cmc-action-card a.cmc-action-card__btn:active{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.28);
}

/* Final lock: Get Involved action-card text stays white */
body.page-get-involved .cmc-actions3 .cmc-action-card__content,
body.page-get-involved .cmc-actions3 .cmc-action-card__content *,
body.page-get-involved .cmc-actions3 .cmc-action-card__title,
body.page-get-involved .cmc-actions3 .cmc-action-card__text,
body.page-get-involved .cmc-actions3 .cmc-action-card__btn,
body.page-get-involved .cmc-actions3 .cmc-action-card__btn:link,
body.page-get-involved .cmc-actions3 .cmc-action-card__btn:visited,
body.page-get-involved .cmc-actions3 .cmc-action-card__btn:hover,
body.page-get-involved .cmc-actions3 .cmc-action-card__btn:focus,
body.page-get-involved .cmc-actions3 .cmc-action-card__btn:active{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Get Involved action cards: final text color lock */
body.page-get-involved .cmc-actions3 .cmc-action-card__content,
body.page-get-involved .cmc-actions3 .cmc-action-card__title,
body.page-get-involved .cmc-actions3 .cmc-action-card__text,
body.page-get-involved .cmc-actions3 .cmc-action-card__btn{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.28);
}

/* Get Involved hero: template inline styles moved here */
.cmc-page--get-involved .cmc-hero.cmc-hero--get-involved{
  position: relative !important;
  min-height: 80vh !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #0b1b2a !important;
  z-index: 5 !important;
  border-bottom: 0 !important;
}

.cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__bg{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  z-index: 0 !important;
}

.cmc-page--get-involved .cmc-gi-hero-scrim{
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(11, 27, 42, .44), rgba(11, 27, 42, .14) 45%, rgba(11, 27, 42, .52)) !important;
  z-index: 1 !important;
}

.cmc-page--get-involved .cmc-gi-hero-glow{
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(900px 420px at 18% 18%, rgba(59, 130, 246, .32), transparent 60%),
    radial-gradient(700px 320px at 82% 18%, rgba(34, 197, 94, .18), transparent 62%) !important;
  mix-blend-mode: screen !important;
  opacity: .88 !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.cmc-page--get-involved .cmc-gi-hero-inner{
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: var(--cmc-container, 1180px) !important;
  margin: 0 auto !important;
  padding: 0 var(--cmc-gutter, 18px) clamp(28px, 4vw, 44px) !important;
}

.cmc-page--get-involved .cmc-gi-header-spacer{
  height: clamp(276px, calc((var(--cmc-header-h, 96px) + var(--cmc-adminbar-h, 0px)) * 2.42), 344px) !important;
}

.cmc-page--get-involved .cmc-gi-hero-grid{
  display: grid !important;
  gap: clamp(16px, 2.2vw, 32px) !important;
  grid-template-columns: 1fr !important;
  align-items: end !important;
  justify-items: start !important;
  width: 100% !important;
}

.cmc-page--get-involved .cmc-gi-hero-copy{
  display: grid !important;
  align-content: center !important;
  justify-items: start !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 52ch !important;
  min-height: clamp(340px, 48vw, 460px) !important;
  padding-bottom: clamp(10px, 2vw, 20px) !important;
  text-align: left !important;
  margin: 0 !important;
}

.cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__title{
  margin: 0 !important;
  max-width: 10ch !important;
  width: 100% !important;
  font-size: clamp(38px, 4.6vw, 62px) !important;
  line-height: 1.02 !important;
  color: #ffffff !important;
  letter-spacing: -.02em !important;
  text-align: left !important;
}

.cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__subtitle{
  margin: 0 !important;
  max-width: 62ch !important;
  width: 100% !important;
  font-size: clamp(16px, 1.25vw, 18px) !important;
  line-height: 1.65 !important;
  color: rgba(255, 255, 255, .92) !important;
  text-shadow: 0 14px 36px rgba(0, 0, 0, .28) !important;
  text-align: left !important;
}

.cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__actions{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__actions .cmc-btn{
  min-height: 48px !important;
}

.cmc-page--get-involved .cmc-gi-hero-wave{
  position: absolute !important;
  bottom: -2px !important;
  left: 0 !important;
  width: 100% !important;
  line-height: 0 !important;
  overflow: hidden !important;
  transform: translateY(1px) !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

.cmc-page--get-involved .cmc-gi-hero-wave svg{
  display: block !important;
  width: 100% !important;
  height: 120px !important;
  fill: #ffffff !important;
}

.cmc-page--get-involved .cmc-hero.cmc-hero--get-involved + .cmc-gi-pathways{
  margin-top: -2px !important;
  padding-top: clamp(34px, 4vw, 48px) !important;
  background: #ffffff !important;
}

.cmc-page--get-involved .cmc-hero.cmc-hero--get-involved + .cmc-gi-pathways::before,
.cmc-page--get-involved .cmc-hero.cmc-hero--get-involved + .cmc-gi-pathways::after{
  content: none !important;
}

body.page-get-involved .cmc-actions3 .cmc-action-card__title,
body.page-get-involved .cmc-actions3 .cmc-action-card__text,
body.page-get-involved .cmc-actions3 .cmc-action-card__btn{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.page-get-involved .cmc-actions3 a.cmc-action-card__btn,
body.page-get-involved .cmc-actions3 a.cmc-action-card__btn:link,
body.page-get-involved .cmc-actions3 a.cmc-action-card__btn:visited,
body.page-get-involved .cmc-actions3 a.cmc-action-card__btn:hover,
body.page-get-involved .cmc-actions3 a.cmc-action-card__btn:focus,
body.page-get-involved .cmc-actions3 a.cmc-action-card__btn:active{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 980px){
  .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved{
    min-height: 75vh !important;
  }

  .cmc-page--get-involved .cmc-gi-header-spacer{
    height: clamp(176px, calc((var(--cmc-header-h, 96px) + var(--cmc-adminbar-h, 0px)) * 1.72), 224px) !important;
  }

  .cmc-page--get-involved .cmc-gi-hero-copy{
    min-height: clamp(280px, 52vw, 360px) !important;
    max-width: 36rem !important;
  }

  .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__title{
    max-width: none !important;
    font-size: clamp(2.2rem, 8vw, 3.4rem) !important;
  }

  .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__subtitle{
    font-size: .98rem !important;
    line-height: 1.6 !important;
  }

  .cmc-page--get-involved .cmc-gi-hero-wave svg{
    height: 92px !important;
  }

  .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved + .cmc-gi-pathways{
    padding-top: 26px !important;
  }
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved + .cmc-gi-pathways{
  padding-top: clamp(28px, 4vw, 42px) !important;
  position: relative;
  z-index: 1;
}

@media (max-width: 980px){
  html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved{
    min-height: 75vh !important;
  }

  html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__header-spacer{
    height: clamp(84px, 14vw, 108px) !important;
  }

  html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__content{
    max-width: 36rem !important;
  }

  html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__title{
    max-width: none !important;
    font-size: clamp(2rem, 8vw, 3.2rem) !important;
  }

  html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__subtitle{
    margin-bottom: 18px !important;
    font-size: .98rem !important;
    line-height: 1.6 !important;
  }

  html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__wave svg{
    height: 78px !important;
  }

  html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved + .cmc-gi-pathways{
    padding-top: 22px !important;
  }
}

/* ==========================================================================
   2026-03 Get Involved header fully transparent final pass
   ========================================================================== */
html.cmc-gi-page body .cmc-header,
html.cmc-gi-page body .cmc-header.is-sticky,
html.cmc-gi-page body .cmc-header.is-fixed,
html.cmc-gi-page body .site-header,
html.cmc-gi-page body .l-header,
html.cmc-gi-page body .l-header__inner{
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-bottom-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html.cmc-gi-page body .cmc-header::before,
html.cmc-gi-page body .cmc-header::after,
html.cmc-gi-page body .site-header::before,
html.cmc-gi-page body .site-header::after,
html.cmc-gi-page body .l-header::before,
html.cmc-gi-page body .l-header::after{
  content: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

html.cmc-gi-page body .cmc-header > .cmc-header__inner,
html.cmc-gi-page body .cmc-header > .l-wrap.cmc-header__inner,
html.cmc-gi-page body .cmc-header > .cmc-wrap.cmc-header__inner,
html.cmc-gi-page body .cmc-header .cmc-header__inner{
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved::after{
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0) 0px,
    rgba(0,0,0,0) 132px,
    rgba(0,0,0,.16) 188px,
    rgba(0,0,0,.40) 52%,
    rgba(0,0,0,.55) 100%
  ) !important;
}

/* ==========================================================================
   2026-03 Get Involved header line + wave cleanup
   ========================================================================== */
html.cmc-gi-page body .cmc-header,
html.cmc-gi-page body .cmc-header.is-sticky,
html.cmc-gi-page body .cmc-header.is-fixed,
html.cmc-gi-page body .cmc-header > .cmc-header__inner,
html.cmc-gi-page body .cmc-header > .l-wrap.cmc-header__inner,
html.cmc-gi-page body .cmc-header > .cmc-wrap.cmc-header__inner,
html.cmc-gi-page body .cmc-header .cmc-header__inner,
html.cmc-gi-page body .cmc-header .cmc-header__right,
html.cmc-gi-page body .cmc-header .cmc-utility,
html.cmc-gi-page body .cmc-header .cmc-utility--inline,
html.cmc-gi-page body .cmc-header .cmc-utility__inner,
html.cmc-gi-page body .cmc-header .cmc-utility__right,
html.cmc-gi-page body .cmc-header #cmc-primary-nav,
html.cmc-gi-page body .cmc-header #cmc-primary-nav .cmc-nav__panel{
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

html.cmc-gi-page body .cmc-header *,
html.cmc-gi-page body .site-header *{
  box-shadow: none !important;
  border-bottom-color: transparent !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved{
  border-bottom: 0 !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__wave{
  overflow: hidden !important;
  bottom: -2px !important;
  transform: translateY(1px) !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__wave svg{
  height: 138px !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__wave path{
  fill: #ffffff !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved + .cmc-gi-pathways{
  margin-top: -2px !important;
  padding-top: clamp(34px, 4vw, 48px) !important;
  background: #ffffff !important;
}

html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved + .cmc-gi-pathways::before,
html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved + .cmc-gi-pathways::after{
  content: none !important;
}

@media (max-width: 980px){
  html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved .cmc-hero__wave svg{
    height: 94px !important;
  }

  html.cmc-gi-page body .cmc-page--get-involved .cmc-hero.cmc-hero--get-involved + .cmc-gi-pathways{
    padding-top: 26px !important;
  }
}

/* ==========================================================================
   2026-03 Get Involved header mirrors Strategic Plan
   ========================================================================== */
html.cmc-gi-page body:not(.home) .cmc-header,
body.cmc-gi-page:not(.home) .cmc-header{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  border-bottom: none !important;
  z-index: 2900 !important;
}

html.cmc-gi-page body.admin-bar .cmc-header{
  top: 32px !important;
}
@media (max-width:782px){
  html.cmc-gi-page body.admin-bar .cmc-header{
    top: 46px !important;
  }
}

html.cmc-gi-page body .cmc-header__inner{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html.cmc-gi-page body .cmc-header,
html.cmc-gi-page body .cmc-header a,
html.cmc-gi-page body .cmc-header button,
html.cmc-gi-page body .cmc-header .cmc-brand__title,
html.cmc-gi-page body .cmc-header .cmc-brand__subtitle{
  color: rgba(255,255,255,.96) !important;
}

html.cmc-gi-page body .cmc-header::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to bottom, rgba(0,0,0,.45), rgba(0,0,0,0)) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

html.cmc-gi-page body .cmc-header::after{
  content: none !important;
  background: transparent !important;
  opacity: 0 !important;
}

html.cmc-gi-page body .cmc-header > *{
  position: relative;
  z-index: 1;
}

html.cmc-gi-page body .l-main{
  padding-top: 0 !important;
  margin-top: 0 !important;
}


/* ==========================================================================
   2026-03 Single Event End Lock (must remain last)
   ========================================================================== */
body.cmc-single-event,
body.cmc-event-register{
  --cmc-event-btn-py: 7px;
  --cmc-event-btn-px: 11px;
  --cmc-event-btn-fs: 0.8rem;
  --cmc-event-btn-radius: 999px;
}

body.cmc-single-event .cmc-event-hero__inner{
  padding: clamp(48px, 6vw, 104px) 0 clamp(64px, 7vw, 92px) !important;
}

body.cmc-single-event .cmc-event-hero__titleRow{
  display: block !important;
  margin-top: -6px;
}

body.cmc-single-event .cmc-event-hero__title{
  color: #fff !important;
  margin: 0 !important;
}

body.cmc-single-event .cmc-event-hero__cta{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

body.cmc-single-event .cmc-event-hero__cta .cmc-btn,
body.cmc-single-event .cmc-asideActions .cmc-btn,
body.cmc-single-event .cmc-card--register .cmc-btn--primary,
body.cmc-single-event .cmc-card--aside .cmc-btn--primary,
body.cmc-event-register .cmc-btn--primary{
  padding: var(--cmc-event-btn-py) var(--cmc-event-btn-px) !important;
  font-size: var(--cmc-event-btn-fs) !important;
  line-height: 1.2;
  border-radius: var(--cmc-event-btn-radius) !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.16) !important;
}

body.cmc-single-event .cmc-event-layout{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px !important;
}

body.cmc-single-event .cmc-card--register,
body.cmc-single-event .cmc-card--aside{
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  min-width: 0;
}

body.cmc-single-event .cmc-card--register > .cmc-h2,
body.cmc-single-event .cmc-card--aside > .cmc-h3{
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  width: 100%;
  max-width: none !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  line-height: 1.2 !important;
  align-self: flex-start;
}

body.cmc-single-event .cmc-card--register .cmc-actionGrid{
  grid-template-columns: repeat(auto-fit, minmax(220px, 320px)) !important;
  justify-content: center !important;
  gap: 12px !important;
}

body.cmc-single-event .cmc-card--register .cmc-actionCard--form,
body.cmc-single-event .cmc-card--register .cmc-actionCard--calendar{
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.94)) !important;
  text-align: center;
  align-items: center;
}

body.cmc-single-event .cmc-card--register .cmc-actionCard--form::before,
body.cmc-single-event .cmc-card--register .cmc-actionCard--calendar::before,
body.cmc-single-event .cmc-card--register .cmc-actionCard--form::after,
body.cmc-single-event .cmc-card--register .cmc-actionCard--calendar::after{
  content: none !important;
  background: none !important;
}

@media (min-width: 980px){
  body.cmc-single-event .cmc-event-layout{
    grid-template-columns: minmax(0, 1.6fr) minmax(0, .9fr) !important;
    gap: 18px !important;
    align-items: start !important;
  }
}

body.cmc-single-event .cmc-extrasGrid{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 16px !important;
}

@media (max-width: 980px){
  body.cmc-single-event .cmc-extrasGrid{
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

body.cmc-single-event .cmc-state{
  margin: 12px 0;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: .92rem;
  line-height: 1.45;
}

body.cmc-single-event .cmc-state--warn{
  background: #fff6e8;
  border: 1px solid #f3d3a2;
  color: #5a3b12;
}

body.cmc-single-event .cmc-state--soft{
  background: #f0f6ff;
  border: 1px solid #cdddf8;
  color: #143a6b;
}

body.cmc-single-event .cmc-state__list{
  margin: 8px 0 0 18px;
  padding: 0;
}

body.cmc-single-event .cmc-state__list li{
  margin: 3px 0;
}

@media (max-width: 782px){
  body.cmc-single-event,
  body.cmc-event-register{
    --cmc-event-btn-py: 6px;
    --cmc-event-btn-px: 10px;
    --cmc-event-btn-fs: 0.76rem;
  }

  body.cmc-single-event .cmc-event-hero__inner{
    padding: 42px 0 76px !important;
  }

  body.cmc-single-event .cmc-event-hero__title{
    font-size: clamp(28px, 9vw, 40px) !important;
  }

  body.cmc-single-event .cmc-event-hero__lead{
    margin-top: 10px !important;
    font-size: .96rem !important;
  }

  body.cmc-single-event .cmc-card{
    padding: 14px !important;
  }
}

/* =========================================================
   Study The Bible: Hero Clarity + Space
========================================================= */
body.study-the-bible .cmc-biblestudy-hero,
body.page-template-page-study-the-bible .cmc-biblestudy-hero{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  min-height: clamp(460px, 68vh, 740px) !important;
  padding-top: clamp(196px, 21vh, 260px) !important;
  padding-bottom: clamp(92px, 13vh, 148px) !important;
}

body.study-the-bible .cmc-biblestudy-hero .cmc-biblestudy-hero__inner,
body.page-template-page-study-the-bible .cmc-biblestudy-hero .cmc-biblestudy-hero__inner{
  padding-top: clamp(10px, 2.2vh, 24px) !important;
}

body.study-the-bible .cmc-biblestudy-hero .cmc-biblestudy-hero__title,
body.page-template-page-study-the-bible .cmc-biblestudy-hero .cmc-biblestudy-hero__title{
  max-width: none !important;
  overflow: visible !important;
  line-height: 1.08 !important;
}

body.study-the-bible .cmc-biblestudy-hero .cmc-biblestudy-hero__bg,
body.page-template-page-study-the-bible .cmc-biblestudy-hero .cmc-biblestudy-hero__bg{
  background-image:
    radial-gradient(1200px 520px at 20% 8%, rgba(255,255,255,.34), transparent 62%),
    linear-gradient(180deg, rgba(9,28,58,.26), rgba(9,28,58,.38)),
    url('https://cmc.adventist.org/wp-content/uploads/2026/02/study-the-Bible.jpg') !important;
  background-position: center top, center top, center 32% !important;
  background-size: 100% 100%, 100% 100%, cover !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  filter: saturate(1.2) contrast(1.14) brightness(1.2);
}

@media (max-width: 980px){
  body.study-the-bible .cmc-biblestudy-hero,
  body.page-template-page-study-the-bible .cmc-biblestudy-hero{
    min-height: 360px !important;
    padding-top: 156px !important;
    padding-bottom: 68px !important;
  }

  body.study-the-bible .cmc-biblestudy-hero .cmc-biblestudy-hero__bg,
  body.page-template-page-study-the-bible .cmc-biblestudy-hero .cmc-biblestudy-hero__bg{
    background-position: center top, center top, center 28% !important;
    background-size: 100% 100%, 100% 100%, cover !important;
  }
}

body.study-the-bible .cmc-biblestudy-cta,
body.page-template-page-study-the-bible .cmc-biblestudy-cta{
  color: #ffffff !important;
}

body.study-the-bible .cmc-biblestudy-cta .cmc-biblestudy-cta__title,
body.study-the-bible .cmc-biblestudy-cta .cmc-biblestudy-cta__text,
body.page-template-page-study-the-bible .cmc-biblestudy-cta .cmc-biblestudy-cta__title,
body.page-template-page-study-the-bible .cmc-biblestudy-cta .cmc-biblestudy-cta__text{
  color: #ffffff !important;
}

/* =========================================================
   Global Image Enhancement (All Pages)
========================================================= */
body.cmc-site :is(
  .cmc-topstage,
  .cmc-hero,
  .cmc-home-hero,
  .cmc-news__hero,
  .cmc-news-hero,
  .cmc-res-hero,
  .cmc-biblestudy-hero,
  .cmc-prayerreq-hero,
  .cmc-virtual-hero,
  .cmc-events-hero,
  .cmc-event-hero,
  .cmc-reg-hero,
  .cmc-leader-hero,
  .cmc-officer-hero,
  .cmc-strategic-hero,
  .cmc-sp-hero,
  .cmc-sp__hero,
  .cmc-about-hero,
  .cmc-beliefs-hero,
  .cmc-dept-hero,
  .cmc-dept-detail-hero,
  .cmc-dd2__hero,
  .cmc-answers-hero,
  .cmc-findchurch-hero,
  .cmc-acms-hero
){
  background-blend-mode: normal, screen, normal !important;
}

body.cmc-site :is(
  [class*="hero__bg"],
  [class*="topstage__bg"],
  .cmc-news__hero-scrim
){
  filter: saturate(1.12) contrast(1.08) brightness(1.12) !important;
}

body.cmc-site .cmc-main img:not(.custom-logo):not([class*="logo"]):not([class*="icon"]):not([class*="avatar"]){
  filter: saturate(1.08) contrast(1.06) brightness(1.05);
  image-rendering: auto;
  transform: translateZ(0);
  backface-visibility: hidden;
}

body.page-template-page-acms,
body.page-acms{
  background:
    radial-gradient(1100px 420px at 12% 0%, rgba(66, 129, 232, .14) 0%, rgba(66, 129, 232, 0) 56%),
    radial-gradient(980px 340px at 88% 10%, rgba(22, 58, 122, .14) 0%, rgba(22, 58, 122, 0) 58%),
    linear-gradient(180deg, #eef4fb 0%, #e7eef8 100%);
}

body.page-template-page-acms .cmc-main,
body.page-acms .cmc-main{
  background: transparent;
}

body.page-template-page-acms .cmc-acms,
body.page-acms .cmc-acms{
  color: #102a4d;
}

body.page-template-page-acms .cmc-acms-hero,
body.page-acms .cmc-acms-hero{
  position: relative;
  min-height: clamp(360px, 46vw, 560px);
  display: flex;
  align-items: end;
  padding: clamp(110px, 12vw, 160px) 0 clamp(54px, 7vw, 86px);
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  isolation: isolate;
}

body.page-template-page-acms .cmc-acms-hero::before,
body.page-acms .cmc-acms-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(1200px 420px at 18% 18%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 56%),
    linear-gradient(180deg, rgba(5, 16, 35, .2) 0%, rgba(5, 16, 35, .4) 100%);
  pointer-events: none;
  z-index: 0;
}

body.page-template-page-acms .cmc-acms-hero__overlay,
body.page-acms .cmc-acms-hero__overlay{
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(5, 16, 35, .22) 0%, rgba(5, 16, 35, .68) 100%),
    radial-gradient(900px 260px at 72% 18%, rgba(90, 146, 255, .24) 0%, rgba(90, 146, 255, 0) 60%);
  z-index: 0;
}

body.page-template-page-acms .cmc-acms-hero__inner,
body.page-acms .cmc-acms-hero__inner{
  position: relative;
  z-index: 1;
  max-width: 760px;
  color: #fff;
  display: grid;
  gap: 18px;
}

body.page-template-page-acms .cmc-acms-hero__title,
body.page-acms .cmc-acms-hero__title{
  margin: 0;
  color: #fff;
  font-family: "Outfit", "Montserrat", "Segoe UI", sans-serif;
  font-size: clamp(2.4rem, 5vw, 4.6rem);
  line-height: .98;
  letter-spacing: -.03em;
  text-shadow: 0 18px 32px rgba(0, 0, 0, .42);
}

body.page-template-page-acms .cmc-acms-hero__actions,
body.page-acms .cmc-acms-hero__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

body.page-template-page-acms .cmc-acms-section,
body.page-acms .cmc-acms-section{
  position: relative;
  padding: clamp(54px, 6.5vw, 92px) 0;
}

body.page-template-page-acms .cmc-acms-section--plain,
body.page-acms .cmc-acms-section--plain{
  background: linear-gradient(180deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.88) 100%);
}

body.page-template-page-acms .cmc-acms-section--accent,
body.page-acms .cmc-acms-section--accent{
  background:
    radial-gradient(1000px 360px at 8% 0%, rgba(67, 120, 216, .16) 0%, rgba(67, 120, 216, 0) 54%),
    linear-gradient(180deg, #0f274d 0%, #0a1831 100%);
  color: #eef5ff;
}

body.page-template-page-acms .cmc-acms-section--accent .cmc-acms-section__eyebrow,
body.page-acms .cmc-acms-section--accent .cmc-acms-section__eyebrow{
  color: rgba(182, 206, 243, .84);
}

body.page-template-page-acms .cmc-acms-section--accent .cmc-acms-section__text,
body.page-acms .cmc-acms-section--accent .cmc-acms-section__text{
  color: rgba(235, 243, 255, .88);
}

body.page-template-page-acms .cmc-acms-section__head,
body.page-acms .cmc-acms-section__head{
  max-width: 62rem;
  display: grid;
  gap: 8px;
  margin-bottom: 28px;
}

body.page-template-page-acms .cmc-acms-section__eyebrow,
body.page-acms .cmc-acms-section__eyebrow{
  margin: 0;
  color: #3f6fcf;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

body.page-template-page-acms .cmc-acms-section__title,
body.page-acms .cmc-acms-section__title{
  margin: 0;
  color: inherit;
  font-family: "Outfit", "Montserrat", "Segoe UI", sans-serif;
  font-size: clamp(1.8rem, 3vw, 3rem);
  line-height: 1.08;
  letter-spacing: -.025em;
  text-wrap: balance;
}

body.page-template-page-acms .cmc-acms-section__text,
body.page-acms .cmc-acms-section__text{
  margin: 0;
  max-width: 60rem;
  color: rgba(18, 39, 71, .82);
  line-height: 1.72;
}

body.page-template-page-acms .cmc-acms__grid,
body.page-acms .cmc-acms__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

body.page-template-page-acms .cmc-acms-card,
body.page-template-page-acms .cmc-acms-feature,
body.page-template-page-acms .cmc-acms-step,
body.page-template-page-acms .cmc-acms-note,
body.page-acms .cmc-acms-card,
body.page-acms .cmc-acms-feature,
body.page-acms .cmc-acms-step,
body.page-acms .cmc-acms-note{
  position: relative;
  border-radius: 24px;
  padding: clamp(20px, 2.6vw, 30px);
  box-shadow: 0 20px 48px rgba(6, 18, 41, .12);
  border: 1px solid rgba(13, 39, 77, .1);
  overflow: hidden;
  background: rgba(255,255,255,.92);
}

body.page-template-page-acms .cmc-acms-section--accent .cmc-acms-card,
body.page-template-page-acms .cmc-acms-section--accent .cmc-acms-feature,
body.page-template-page-acms .cmc-acms-section--accent .cmc-acms-step,
body.page-template-page-acms .cmc-acms-section--accent .cmc-acms-note,
body.page-acms .cmc-acms-section--accent .cmc-acms-card,
body.page-acms .cmc-acms-section--accent .cmc-acms-feature,
body.page-acms .cmc-acms-section--accent .cmc-acms-step,
body.page-acms .cmc-acms-section--accent .cmc-acms-note{
  background: linear-gradient(180deg, rgba(17, 34, 64, .94) 0%, rgba(12, 24, 46, .98) 100%);
  border-color: rgba(123, 170, 255, .18);
  color: #eef5ff;
}

body.page-template-page-acms .cmc-acms-card h3,
body.page-template-page-acms .cmc-acms-feature h3,
body.page-template-page-acms .cmc-acms-step h3,
body.page-template-page-acms .cmc-acms-note h3,
body.page-acms .cmc-acms-card h3,
body.page-acms .cmc-acms-feature h3,
body.page-acms .cmc-acms-step h3,
body.page-acms .cmc-acms-note h3{
  margin-top: 0;
  margin-bottom: 12px;
  color: inherit;
  font-family: "Outfit", "Montserrat", "Segoe UI", sans-serif;
  line-height: 1.2;
}

body.page-template-page-acms .cmc-acms-list,
body.page-acms .cmc-acms-list{
  margin: 0;
  padding-left: 1.1rem;
  display: grid;
  gap: 10px;
  color: inherit;
}

body.page-template-page-acms .cmc-acms-list li,
body.page-acms .cmc-acms-list li{
  color: inherit;
  line-height: 1.65;
}

body.page-template-page-acms .cmc-acms-feature-grid,
body.page-acms .cmc-acms-feature-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

body.page-template-page-acms .cmc-acms-steps,
body.page-acms .cmc-acms-steps{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

body.page-template-page-acms .cmc-acms-feature,
body.page-acms .cmc-acms-feature{
  min-height: 100%;
}

body.page-template-page-acms .cmc-acms-step,
body.page-acms .cmc-acms-step{
  display: grid;
  gap: 14px;
}

body.page-template-page-acms .cmc-acms-step__num,
body.page-acms .cmc-acms-step__num{
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(135deg, #4e90ef 0%, #2d66cf 100%);
  color: #fff;
  font-weight: 900;
  box-shadow: 0 14px 24px rgba(39, 88, 176, .24);
}

body.page-template-page-acms .cmc-acms-note__actions,
body.page-acms .cmc-acms-note__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

body.page-template-page-acms .cmc-acms-note--wysiwyg,
body.page-acms .cmc-acms-note--wysiwyg{
  background: rgba(255,255,255,.88);
}

body.page-template-page-acms .cmc-acms-note--wysiwyg :is(h1,h2,h3,h4,h5,h6,p,li,span,small),
body.page-acms .cmc-acms-note--wysiwyg :is(h1,h2,h3,h4,h5,h6,p,li,span,small){
  color: inherit;
}

body.page-template-page-acms .cmc-acms .cmc-btn--primary,
body.page-acms .cmc-acms .cmc-btn--primary{
  background: linear-gradient(135deg, #5a98f1 0%, #2f6fdd 52%, #1843a0 100%);
  color: #fff;
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 16px 32px rgba(17, 51, 120, .24);
}

body.page-template-page-acms .cmc-acms .cmc-btn--ghost,
body.page-acms .cmc-acms .cmc-btn--ghost{
  background: rgba(255,255,255,.08);
  color: #fff;
  border-color: rgba(255,255,255,.22);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

@media (max-width: 1080px){
  body.page-template-page-acms .cmc-acms__grid,
  body.page-acms .cmc-acms__grid,
  body.page-template-page-acms .cmc-acms-feature-grid,
  body.page-acms .cmc-acms-feature-grid,
  body.page-template-page-acms .cmc-acms-steps,
  body.page-acms .cmc-acms-steps{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px){
  body.page-template-page-acms .cmc-acms-hero,
  body.page-acms .cmc-acms-hero{
    min-height: 320px;
    padding: 92px 0 48px;
  }

  body.page-template-page-acms .cmc-acms-hero__title,
  body.page-acms .cmc-acms-hero__title{
    font-size: clamp(2rem, 9vw, 3rem);
  }

  body.page-template-page-acms .cmc-acms__grid,
  body.page-acms .cmc-acms__grid,
  body.page-template-page-acms .cmc-acms-feature-grid,
  body.page-acms .cmc-acms-feature-grid,
  body.page-template-page-acms .cmc-acms-steps,
  body.page-acms .cmc-acms-steps{
    grid-template-columns: 1fr;
  }

  body.page-template-page-acms .cmc-acms-section,
  body.page-acms .cmc-acms-section{
    padding: 34px 0;
  }
}

/* =========================================================
   Front Page Impact Cards (2026-03)
========================================================= */
body.home .cmc-bg-impact-evangelism{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/03/evangelism-scaled.jpg') !important;
}

body.home .cmc-bg-impact-education{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/03/Education-scaled.jpg') !important;
}

body.home .cmc-bg-impact-health{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/03/Fit-scaled.jpg') !important;
}

body.home .cmc-bg-impact-community{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/03/Community-Serve-scaled.jpg') !important;
}

body.home .cmc-impact .cmc-feature-tile__body,
body.home .cmc-impact .cmc-feature-tile__title,
body.home .cmc-impact .cmc-feature-tile__btn{
  color: #fff !important;
}

body.home .cmc-impact .cmc-feature-tile__btn{
  background: rgba(255,255,255,.16) !important;
  border: 1px solid rgba(255,255,255,.52) !important;
}

/* =========================================================
   Front Page Belief Cards (2026-03)
========================================================= */
body.home .cmc-bg-belief-scriptures{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/02/study-the-Bible-scaled.jpg') !important;
}

body.home .cmc-bg-belief-god{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/03/Father-scaled.jpg') !important;
}

body.home .cmc-bg-belief-jesus{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/03/son.jpg') !important;
}

body.home .cmc-bg-belief-spirit{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/03/Spirit.jpg') !important;
}

/* =========================================================
   Front Page Identity Cards (2026-03)
========================================================= */
body.home .cmc-bg-id-structure{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/01/WhatsApp-Image-2026-01-23-at-2.14.57-PM-4.jpeg') !important;
}

body.home .cmc-bg-id-stats{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/03/stats-scaled.jpg') !important;
}

body.home .cmc-bg-id-history{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/03/Our-History.webp') !important;
}

body.home .cmc-bg-action-findchurch{
  background-image: url('https://cmc.adventist.org/wp-content/uploads/2026/03/Church___.avif') !important;
}

body.home .cmc-identity .cmc-feature-tile{
  filter: saturate(1.14) contrast(1.08) brightness(1.06) !important;
}

/* =========================================================
   Front Page Image Enhancement Pass (2026-03)
========================================================= */
body.home :is(.cmc-identity, .cmc-belief, .cmc-impact) .cmc-feature-tile{
  filter: saturate(1.2) contrast(1.1) brightness(1.12) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

body.home .cmc-feature-tile::before{
  background:
    linear-gradient(to top, rgba(7,24,49,.5) 0%, rgba(7,24,49,.2) 58%, rgba(255,255,255,.06) 100%) !important;
  backdrop-filter: brightness(1.06) saturate(1.12) contrast(1.03);
  -webkit-backdrop-filter: brightness(1.06) saturate(1.12) contrast(1.03);
}

body.home .cmc-actions3 .cmc-action-card__overlay{
  background:
    linear-gradient(to top, rgba(7,24,49,.54) 0%, rgba(7,24,49,.24) 58%, rgba(255,255,255,.05) 100%) !important;
  backdrop-filter: brightness(1.06) saturate(1.12) contrast(1.03);
  -webkit-backdrop-filter: brightness(1.06) saturate(1.12) contrast(1.03);
}

body.home :is(.cmc-news-card__media img, .cmc-triptych-avatar img){
  filter: saturate(1.14) contrast(1.09) brightness(1.1) !important;
}

body.home :is(.cmc-identity, .cmc-belief, .cmc-impact) .cmc-feature-tile__btn{
  color: #ffffff !important;
  border-color: rgba(255,255,255,.55) !important;
  background: rgba(8, 35, 78, .3) !important;
}

body.home :is(.cmc-identity, .cmc-belief, .cmc-impact) .cmc-feature-tile__btn:hover{
  color: #ffffff !important;
}

/* Front page homepage styles */
body.home .cmc-home2{
    --cmc-home2-bg: #f6f9ff;
    --cmc-home2-surface: #ffffff;
    --cmc-home2-ink: #102a4d;
    --cmc-home2-muted: #4b6484;
    --cmc-home2-primary: #2f6fd8;
    --cmc-home2-primary-deep: #1f56af;
    --cmc-home2-border: rgba(9, 41, 85, .12);
    --cmc-home2-shadow: 0 16px 38px rgba(8, 29, 61, .1);
    --cmc-home2-shadow-strong: 0 28px 70px rgba(8, 29, 61, .16);
    --cmc-home2-glass: linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.08) 100%);
    --cmc-home2-font-display: "Outfit", "Montserrat", "Segoe UI", sans-serif;
    --cmc-home2-font-body: "Source Sans 3", "Nunito Sans", "Segoe UI", sans-serif;
    --cmc-home2-ambient-soft:
      radial-gradient(1260px 520px at 14% 4%, rgba(44, 108, 190, .28) 0%, rgba(44, 108, 190, 0) 58%),
      radial-gradient(980px 420px at 82% 8%, rgba(62, 72, 180, .2) 0%, rgba(62, 72, 180, 0) 54%),
      radial-gradient(1120px 560px at 50% 34%, rgba(25, 92, 166, .22) 0%, rgba(25, 92, 166, 0) 62%),
      radial-gradient(860px 420px at 20% 74%, rgba(152, 104, 88, .08) 0%, rgba(152, 104, 88, 0) 56%),
      linear-gradient(180deg, #08172f 0%, #0d2346 34%, #10284f 68%, #eaf0f8 68.1%, #edf3fb 100%);
    background: var(--cmc-home2-ambient-soft);
    color: var(--cmc-home2-ink);
    font-family: var(--cmc-home2-font-body);
    position: relative;
    isolation: isolate;
  }
  body.home .cmc-home2::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: .9;
    background:
      radial-gradient(140% 24% at -8% 18%, rgba(79, 115, 197, .16) 0%, rgba(79, 115, 197, 0) 68%),
      radial-gradient(136% 20% at 82% 14%, rgba(109, 96, 214, .1) 0%, rgba(109, 96, 214, 0) 62%),
      radial-gradient(144% 22% at 18% 44%, rgba(62, 148, 210, .12) 0%, rgba(62, 148, 210, 0) 65%),
      radial-gradient(150% 24% at 92% 62%, rgba(49, 96, 176, .1) 0%, rgba(49, 96, 176, 0) 64%),
      radial-gradient(140% 22% at 24% 82%, rgba(167, 122, 96, .08) 0%, rgba(167, 122, 96, 0) 60%);
    animation: cmcHomeAmbientDrift 24s ease-in-out infinite alternate;
  }
  body.home .cmc-home2 > *{
    position: relative;
    z-index: 1;
  }
  body.home .cmc-home2 .cmc-wrap{
    width: min(1240px, calc(100% - 40px)) !important;
  }
  @keyframes cmcHomeAmbientDrift{
    from{ transform: translate3d(0, 0, 0) scale(1); }
    to{ transform: translate3d(0, -24px, 0) scale(1.02); }
  }
  @keyframes cmcHomeHeroGlow{
    from{ transform: translate3d(0, 0, 0) scale(1); opacity: .78; }
    to{ transform: translate3d(-1.5%, 1.5%, 0) scale(1.04); opacity: 1; }
  }
  body.home .cmc-home2__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 48px;
    padding: 13px 22px;
    border-radius: 16px;
    border: 1px solid transparent;
    font-weight: 800;
    line-height: 1.15;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .2s ease, filter .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
    font-family: var(--cmc-home2-font-display);
    letter-spacing: .012em;
    font-size: .98rem;
  }
  body.home .cmc-home2__btn:hover{
    transform: translateY(-2px);
    filter: brightness(1.03);
  }
  body.home .cmc-home2__btn:focus-visible{
    outline: 3px solid rgba(47, 111, 216, .35);
    outline-offset: 2px;
  }
  body.home .cmc-home2__btn--primary{
    background: linear-gradient(135deg, #5b9ef5 0%, #2a63d0 52%, #163f9e 100%);
    color: #fff !important;
    border-color: rgba(255, 255, 255, .36);
    box-shadow: 0 18px 34px rgba(16, 51, 128, .34);
    position: relative;
    overflow: hidden;
  }
  body.home .cmc-home2__btn--primary::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -130%;
    width: 40%;
    transform: skewX(-20deg);
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.36), rgba(255,255,255,0));
    transition: left .46s ease;
  }
  body.home .cmc-home2__btn--primary:hover::after{
    left: 130%;
  }
  body.home .cmc-home2__btn--secondary{
    background: linear-gradient(180deg, rgba(12, 26, 58, .56) 0%, rgba(12, 26, 58, .34) 100%);
    color: #fff !important;
    border-color: rgba(255, 255, 255, .24);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  }
  body.home .cmc-home2__btn--tertiary{
    background: linear-gradient(180deg, rgba(24,44,85,.96) 0%, rgba(18,34,67,.94) 100%);
    color: #eef5ff !important;
    border-color: rgba(122, 170, 255, .22);
    box-shadow: 0 12px 22px rgba(5, 17, 42, .22);
  }
  body.home .cmc-home2__btn--secondary:hover,
  body.home .cmc-home2__btn--tertiary:hover{
    box-shadow: 0 16px 26px rgba(5, 17, 42, .22);
  }

  body.home .cmc-home2__top{
    position: relative;
    overflow: hidden;
    background:
      radial-gradient(1120px 520px at 8% 8%, rgba(176, 112, 88, .14) 0%, rgba(176, 112, 88, 0) 42%),
      radial-gradient(920px 440px at 62% 26%, rgba(55, 142, 218, .14) 0%, rgba(55, 142, 218, 0) 52%),
      radial-gradient(760px 260px at 50% 88%, rgba(109, 160, 235, .14) 0%, rgba(109, 160, 235, 0) 62%),
      linear-gradient(150deg, #071226 0%, #0c2448 34%, #14385f 64%, #102f57 100%);
    min-height: clamp(790px, 95vh, 1180px);
    z-index: 3;
  }
  body.home .cmc-home2__top .cmc-wrap{
    position: relative;
  }
  body.home .cmc-home2__top .cmc-wrap::before{
    content: "";
    position: absolute;
    inset: clamp(92px, 12vh, 156px) -4% auto auto;
    width: min(680px, 50vw);
    height: clamp(190px, 24vw, 270px);
    border-radius: 999px;
    background:
      radial-gradient(60% 60% at 40% 50%, rgba(136, 198, 255, .18) 0%, rgba(136, 198, 255, 0) 68%),
      linear-gradient(90deg, rgba(104, 155, 241, .18) 0%, rgba(104, 155, 241, 0) 100%);
    filter: blur(14px);
    opacity: .82;
    transform: rotate(-10deg);
    pointer-events: none;
    z-index: 1;
  }
  body.home .cmc-home2__top .cmc-content{
    min-height: inherit;
    display: grid;
    align-items: end;
  }
  body.home .cmc-home2__top::before{
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--cmc-home-hero-image);
    background-size: cover;
    background-position: 16% center;
    background-repeat: no-repeat;
    filter: saturate(1.04) contrast(1.05) brightness(.78);
    pointer-events: none;
    z-index: 0;
  }
  body.home .cmc-home2__top::after{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    opacity: .99;
    background:
      radial-gradient(920px 320px at 76% 18%, rgba(49, 117, 224, .16) 0%, rgba(49, 117, 224, 0) 58%),
      radial-gradient(780px 280px at 18% 30%, rgba(211, 154, 101, .14) 0%, rgba(211, 154, 101, 0) 56%),
      radial-gradient(760px 280px at 48% 42%, rgba(42, 122, 214, .1) 0%, rgba(42, 122, 214, 0) 56%),
      radial-gradient(136% 30% at -6% 24%, rgba(196, 218, 255, .08) 0%, rgba(196, 218, 255, 0) 60%),
      radial-gradient(148% 32% at 28% 56%, rgba(20, 74, 160, .22) 0%, rgba(20, 74, 160, 0) 62%),
      radial-gradient(144% 34% at 60% 86%, rgba(86, 142, 226, .14) 0%, rgba(86, 142, 226, 0) 48%),
      linear-gradient(180deg, rgba(4, 11, 27, .24) 0%, rgba(4, 11, 27, .1) 34%, rgba(9, 28, 58, .32) 72%, rgba(10, 31, 62, .62) 100%);
    animation: cmcHomeHeroGlow 18s ease-in-out infinite alternate;
  }
  body.home .cmc-home2__top-inner{
    position: relative;
    z-index: 2;
    padding: clamp(328px, 38vh, 480px) 0 clamp(118px, 13vh, 160px);
    max-width: 660px;
    margin-left: auto;
    text-align: right;
  }
  body.home .cmc-home2__hero-card{
    position: relative;
    padding: clamp(20px, 2.7vw, 30px) clamp(20px, 3vw, 32px);
    display: grid;
    gap: 2px;
    max-width: 37rem;
    margin-left: auto;
  }
  body.home .cmc-home2__hero-card::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 28px;
    background:
      linear-gradient(180deg, rgba(10, 24, 50, .56) 0%, rgba(8, 20, 42, .28) 48%, rgba(7, 17, 37, .12) 100%);
    border: 1px solid rgba(189, 220, 255, .16);
    box-shadow:
      0 26px 56px rgba(3, 10, 24, .22),
      inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  body.home .cmc-home2__hero-card::after{
    content: "";
    position: absolute;
    inset: auto -6% -10% auto;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(103, 164, 246, .22) 0%, rgba(103, 164, 246, 0) 74%);
    pointer-events: none;
  }
  body.home .cmc-home2__hero-card > *{
    position: relative;
    z-index: 1;
  }
  body.home .cmc-home2__hero-kicker{
    margin: 0 0 10px auto;
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(241, 247, 255, .12);
    border: 1px solid rgba(190, 221, 255, .14);
    color: #ffffff !important;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 11px;
    font-weight: 900;
  }
  body.home .cmc-home2__title{
    margin: 0 0 12px auto;
    color: #fff !important;
    font-size: clamp(2.2rem, 4.5vw, 4.5rem);
    line-height: .96;
    letter-spacing: -.02em;
    text-shadow: 0 18px 38px rgba(0, 0, 0, .46);
    font-family: var(--cmc-home2-font-display);
    text-wrap: balance;
    max-width: 9.8ch;
  }
  body.home .cmc-home2__hero-subtitle{
    margin: 0 0 8px auto;
    max-width: 35ch;
    color: #ffffff !important;
    font-size: 1.05rem;
    line-height: 1.64;
    text-wrap: pretty;
  }
  body.home .cmc-home2__hero-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 24px;
    justify-content: flex-end;
  }
  body.home .cmc-home2__hero-actions .cmc-home2__btn{
    min-width: 170px;
  }
  body.home .cmc-home2__hero-actions .cmc-home2__btn--secondary{
    background: linear-gradient(180deg, rgba(17, 37, 78, .74) 0%, rgba(12, 27, 58, .48) 100%);
    border-color: rgba(189, 220, 255, .2);
  }
  body.home .cmc-home2__hero-trust{
    margin: 18px 0 0 auto;
    padding-top: 14px;
    max-width: 34ch;
    border-top: 1px solid rgba(189, 220, 255, .12);
    color: #ffffff !important;
    font-size: .92rem;
    line-height: 1.55;
  }
  body.home .cmc-home2__hero-proof{
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
  body.home .cmc-home2__hero-proof-item{
    display: grid;
    gap: 4px;
    min-height: 74px;
    align-content: start;
    padding: 12px 14px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(17, 37, 74, .64) 0%, rgba(11, 24, 48, .42) 100%);
    border: 1px solid rgba(173, 212, 255, .14);
    color: #ffffff !important;
    font-size: .83rem;
    font-weight: 700;
    line-height: 1.35;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 12px 22px rgba(4, 12, 30, .14);
    text-align: left;
  }
  body.home .cmc-home2__hero-proof-value{
    display: block;
    color: #ffffff;
    font-size: .96rem;
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: -.01em;
  }
  body.home .cmc-home2__hero-proof-label{
    display: block;
    color: rgba(222, 236, 255, .78);
    font-size: .74rem;
    line-height: 1.45;
    font-weight: 600;
  }
  body.home .cmc-home2__hero-proof-item::before{
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #89c4ff 0%, #4b86ef 100%);
    box-shadow: 0 0 0 4px rgba(128, 182, 255, .14);
  }

  body.home .cmc-home2__hero-card :is(h1, p, span, strong, small){
    color: #ffffff !important;
  }
body.home .cmc-home2__wave{
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: clamp(66px, 8vw, 108px);
  line-height: 0;
  overflow: hidden;
  z-index: 3;
  pointer-events: none;
  background: transparent;
}
body.home .cmc-home2__wave::before{
  content: none;
}
body.home .cmc-home2__wave svg{
  position: absolute;
  left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
}
body.home .cmc-home2__wave .cmc-wave-base{
  fill: #eaf1fc;
  z-index: 0;
}
  body.home .cmc-home2__wave .cmc-wave-mid{
    display: none;
  }
  body.home .cmc-home2__wave .cmc-wave-top{
    display: none;
  }

  body.home .cmc-home2__decision-strip{
    position: relative;
    z-index: 4;
    margin-top: clamp(12px, 2vw, 24px);
    padding-bottom: 8px;
  }
  body.home .cmc-home2__decision-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
  body.home .cmc-home2__decision-card{
    display: grid;
    align-content: end;
    gap: 10px;
    padding: 22px;
    border-radius: 24px;
    border: 1px solid rgba(145, 178, 231, .16);
    background: linear-gradient(180deg, rgba(17, 41, 79, .22) 0%, rgba(10, 28, 59, .36) 100%);
    box-shadow: 0 22px 44px rgba(16, 43, 90, .16);
    overflow: hidden;
    min-height: 360px;
    isolation: isolate;
  }
  body.home .cmc-home2__decision-photo{
    position: absolute;
    inset: 0;
    min-height: 0;
    background:
      linear-gradient(180deg, rgba(7, 18, 42, .04) 0%, rgba(7, 18, 42, .18) 42%, rgba(7, 18, 42, .3) 100%);
    overflow: hidden;
  }
  body.home .cmc-home2__decision-photo img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.02);
    transition: transform .48s ease;
  }
  body.home .cmc-home2__decision-photo::before{
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(8, 25, 56, .72);
    border: 1px solid rgba(200, 224, 255, .22);
    color: rgba(247, 251, 255, .98);
    font-size: .69rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  body.home .cmc-home2__decision-photo::after{
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(82% 82% at 14% 0%, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 56%),
      linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,0) 34%),
      linear-gradient(180deg, rgba(7, 18, 42, .02) 0%, rgba(7, 18, 42, .16) 42%, rgba(4, 12, 29, .82) 100%);
    mix-blend-mode: normal;
    pointer-events: none;
  }
  body.home .cmc-home2__decision-card > :not(.cmc-home2__decision-photo){
    position: relative;
    z-index: 1;
    margin-inline: 0;
  }
  body.home .cmc-home2__decision-card > .cmc-home2__btn{
    width: 100%;
    margin-top: 8px;
    box-shadow: 0 16px 28px rgba(5, 17, 42, .22);
  }
  body.home .cmc-home2__decision-card--prayer{
    background:
      radial-gradient(120% 120% at 10% 0%, rgba(231, 181, 118, .18) 0%, rgba(231, 181, 118, 0) 44%),
      linear-gradient(180deg, rgba(255,250,244,.98) 0%, rgba(249,243,236,.96) 100%);
    border-color: rgba(214, 170, 112, .18);
  }
  body.home .cmc-home2__decision-card--prayer .cmc-home2__decision-photo::before{
    content: "Prayer care";
  }
  body.home .cmc-home2__decision-card--prayer .cmc-home2__decision-photo img{
    object-position: center 34%;
  }
  body.home .cmc-home2__decision-card--answers{
    background:
      radial-gradient(120% 120% at 10% 0%, rgba(131, 174, 244, .16) 0%, rgba(131, 174, 244, 0) 44%),
      linear-gradient(180deg, rgba(249,252,255,.98) 0%, rgba(241,247,255,.96) 100%);
  }
  body.home .cmc-home2__decision-card--answers .cmc-home2__decision-photo::before{
    content: "Bible hope";
  }
  body.home .cmc-home2__decision-card--answers .cmc-home2__decision-photo img{
    object-position: center 24%;
  }
  body.home .cmc-home2__decision-card--church{
    background:
      radial-gradient(120% 120% at 10% 0%, rgba(157, 193, 160, .16) 0%, rgba(157, 193, 160, 0) 44%),
      linear-gradient(180deg, rgba(250,253,249,.98) 0%, rgba(243,249,241,.96) 100%);
  }
  body.home .cmc-home2__decision-card--church .cmc-home2__decision-photo::before{
    content: "Church family";
  }
  body.home .cmc-home2__decision-card--church .cmc-home2__decision-photo img{
    object-position: center 42%;
  }
  body.home .cmc-home2__decision-eyebrow{
    margin: 0;
    color: rgba(217, 232, 255, .82);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  }
  body.home .cmc-home2__decision-title{
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.16rem, 1.75vw, 1.5rem);
    line-height: 1.18;
    font-family: var(--cmc-home2-font-display);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  }
  body.home .cmc-home2__decision-text{
    margin: 0;
    color: rgba(233, 242, 255, .92);
    line-height: 1.62;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .28);
  }

body.home .cmc-home2__section{
  position: relative;
  padding: clamp(52px, 5.8vw, 84px) 0;
}
body.home .cmc-home2__section:not(.cmc-home2__top){
  content-visibility: auto;
  contain-intrinsic-size: 1px 900px;
}
body.home .cmc-home2__top + .cmc-home2__section{
  padding-top: clamp(44px, 4.8vw, 68px);
}
  body.home .cmc-home2__paths{
    padding-top: clamp(14px, 2vw, 24px);
    padding-bottom: clamp(84px, 9vw, 120px);
    background:
      radial-gradient(1180px 420px at 12% 0%, rgba(52, 116, 202, .24) 0%, rgba(52, 116, 202, 0) 58%),
      radial-gradient(1040px 360px at 86% 16%, rgba(74, 89, 194, .18) 0%, rgba(74, 89, 194, 0) 56%),
      linear-gradient(180deg, rgba(10, 24, 48, .98) 0%, rgba(7, 20, 39, .98) 100%);
    overflow: hidden;
  }
  body.home .cmc-home2__paths::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: clamp(66px, 8vw, 96px);
    background: linear-gradient(180deg, #eef3fb 0%, #eef3fb 100%);
    pointer-events: none;
    z-index: 1;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 160' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 92 C156 58 302 48 468 78 C642 110 786 156 970 144 C1148 132 1326 72 1600 54 L1600 160 L0 160 Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 160' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 92 C156 58 302 48 468 78 C642 110 786 156 970 144 C1148 132 1326 72 1600 54 L1600 160 L0 160 Z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
  body.home .cmc-home2__paths-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
    grid-auto-rows: 1fr;
    align-items: stretch;
  }
  body.home .cmc-home2__path-card{
    position: relative;
    min-height: 388px;
    display: flex;
    align-items: end;
    padding: 20px;
    border-radius: 26px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .16);
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 28px 60px rgba(3, 10, 24, .36);
    isolation: isolate;
  }
  body.home .cmc-home2__path-card::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(118% 82% at 14% -4%, rgba(114, 176, 255, .24) 0%, rgba(114, 176, 255, 0) 52%),
      linear-gradient(180deg, rgba(4, 14, 34, .06) 0%, rgba(4, 14, 34, .2) 34%, rgba(2, 8, 20, .88) 100%);
    pointer-events: none;
  }
  body.home .cmc-home2__path-card::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid rgba(255,255,255,.04);
    pointer-events: none;
    z-index: 0;
  }
  body.home .cmc-home2__path-card > *{
    position: relative;
    z-index: 1;
  }
  body.home .cmc-home2__path-card[class*="cmc-bg-"]{
    background-color: #1a3765;
  }
  body.home .cmc-home2__path-body{
    display: grid;
    gap: 14px;
    width: 100%;
    min-height: 100%;
    align-content: end;
    justify-items: start;
    max-width: none;
    padding: 18px 18px 20px;
    border-radius: 22px;
    background:
      linear-gradient(180deg, rgba(9, 20, 41, .12) 0%, rgba(7, 15, 31, .54) 22%, rgba(6, 12, 26, .82) 100%);
    border: 1px solid rgba(189, 220, 255, .08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
  body.home .cmc-home2__path-badge{
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(26, 73, 149, .94) 0%, rgba(18, 50, 108, .96) 100%);
    border: 1px solid rgba(180, 214, 255, .22);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 24px rgba(5, 17, 42, .18);
  }
  body.home .cmc-home2__path-intro{
    margin: -2px 0 0;
    color: rgba(232, 242, 255, .98);
    font-size: 1rem;
    line-height: 1.52;
    max-width: 26ch;
    text-wrap: pretty;
  }
  body.home .cmc-home2__path-card--featured{
    border-color: rgba(171, 213, 255, .3);
    box-shadow: 0 30px 64px rgba(3, 10, 24, .42);
    transform: translateY(-8px);
  }
  body.home .cmc-home2__path-card--featured::before{
    background:
      radial-gradient(118% 82% at 14% -4%, rgba(148, 203, 255, .3) 0%, rgba(148, 203, 255, 0) 52%),
      linear-gradient(180deg, rgba(4, 14, 34, .08) 0%, rgba(4, 14, 34, .22) 32%, rgba(2, 8, 20, .86) 100%);
  }
  body.home .cmc-home2__paths .cmc-home2__eyebrow,
  body.home .cmc-home2__paths .cmc-home2__head h2,
  body.home .cmc-home2__paths .cmc-home2__head p,
  body.home .cmc-home2__path-title,
  body.home .cmc-home2__path-intro,
  body.home .cmc-home2__path-text{
    color: #fff !important;
  }
  body.home .cmc-home2__path-title{
    margin: 0;
    font-size: clamp(1.46rem, 2.55vw, 2.02rem);
    line-height: 1.06;
    font-family: var(--cmc-home2-font-display);
    text-wrap: balance;
    text-shadow: 0 18px 32px rgba(0, 0, 0, .44);
    max-width: 11.5ch;
  }
  body.home .cmc-home2__path-text{
    margin: 0;
    color: rgba(214, 228, 248, .92);
    line-height: 1.62;
    max-width: 30ch;
    font-size: .95rem;
  }
  body.home .cmc-home2__path-body .cmc-home2__btn{
    margin-top: 4px;
  }
  body.home .cmc-home2__path-card:nth-child(1){
    background-position: center 36% !important;
  }
  body.home .cmc-home2__path-card:nth-child(2){
    background-position: center 22% !important;
  }
  body.home .cmc-home2__path-card:nth-child(3){
    background-position: center 30% !important;
  }
  body.home .cmc-home2__section + .cmc-home2__section::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: clamp(-34px, -3.4vw, -24px);
    height: clamp(34px, 4vw, 54px);
    background: inherit;
    pointer-events: none;
    z-index: 0;
    opacity: .98;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 120' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 74 C220 26 454 26 646 54 C838 82 1000 108 1228 86 C1388 70 1496 38 1600 46 L1600 120 L0 120 Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 120' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 74 C220 26 454 26 646 54 C838 82 1000 108 1228 86 C1388 70 1496 38 1600 46 L1600 120 L0 120 Z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
  body.home .cmc-home2__section--soft{
    background:
      radial-gradient(920px 320px at 0% 0%, rgba(88, 139, 223, .18) 0%, rgba(88, 139, 223, 0) 55%),
      radial-gradient(1020px 360px at 100% 16%, rgba(132, 165, 226, .14) 0%, rgba(132, 165, 226, 0) 58%),
      linear-gradient(180deg, #f4f8fd 0%, #edf4fc 100%);
  }
  body.home .cmc-home2__section--white{
    background:
      radial-gradient(960px 340px at 88% 0%, rgba(109, 153, 220, .18) 0%, rgba(109, 153, 220, 0) 54%),
      radial-gradient(860px 300px at 12% 20%, rgba(187, 206, 237, .34) 0%, rgba(187, 206, 237, 0) 62%),
      linear-gradient(180deg, #eef3fb 0%, #e8f0fa 100%);
  }
  body.home .cmc-home2__section--identity{
    background:
      radial-gradient(920px 340px at 8% 8%, rgba(154, 197, 234, .34) 0%, rgba(154, 197, 234, 0) 56%),
      radial-gradient(820px 320px at 88% 0%, rgba(154, 164, 230, .22) 0%, rgba(154, 164, 230, 0) 58%),
      linear-gradient(180deg, #f3f7fc 0%, #eef3fb 100%);
  }
  body.home .cmc-home2__section--belief{
    background:
      radial-gradient(960px 360px at 92% 10%, rgba(166, 178, 236, .24) 0%, rgba(166, 178, 236, 0) 58%),
      radial-gradient(860px 320px at 10% 0%, rgba(172, 208, 237, .24) 0%, rgba(172, 208, 237, 0) 60%),
      linear-gradient(180deg, #edf3fb 0%, #f5f8fc 100%);
  }
  body.home .cmc-home2__section--impact{
    background:
      radial-gradient(960px 360px at 50% 0%, rgba(155, 202, 232, .26) 0%, rgba(155, 202, 232, 0) 56%),
      radial-gradient(840px 320px at 92% 24%, rgba(171, 180, 236, .2) 0%, rgba(171, 180, 236, 0) 58%),
      linear-gradient(180deg, #f3f7fc 0%, #eef4fb 100%);
  }
  body.home .cmc-home2__section--warm{
    background:
      radial-gradient(960px 340px at 12% 0%, rgba(221, 177, 118, .16) 0%, rgba(221, 177, 118, 0) 56%),
      radial-gradient(820px 320px at 88% 18%, rgba(109, 153, 220, .16) 0%, rgba(109, 153, 220, 0) 58%),
      linear-gradient(180deg, #f8f3ec 0%, #f4efe8 100%);
  }
  body.home .cmc-home2__section--faq{
    background:
      radial-gradient(900px 320px at 90% 0%, rgba(109, 153, 220, .16) 0%, rgba(109, 153, 220, 0) 56%),
      radial-gradient(860px 320px at 10% 8%, rgba(227, 189, 136, .16) 0%, rgba(227, 189, 136, 0) 54%),
      linear-gradient(180deg, #f5f7fb 0%, #eef3fb 100%);
  }
  body.home #cmc-start-here,
  body.home #cmc-mission-glance{
    position: relative;
    overflow: hidden;
  }
  body.home #cmc-start-here .cmc-content{
    position: relative;
    padding: clamp(24px, 4vw, 38px);
    border-radius: 34px;
    background: linear-gradient(180deg, rgba(255,255,255,.56) 0%, rgba(255,255,255,.28) 100%);
    border: 1px solid rgba(147, 179, 228, .16);
    box-shadow: 0 22px 48px rgba(30, 61, 113, .08);
    overflow: hidden;
  }
  body.home #cmc-start-here .cmc-content::before{
    content: "";
    position: absolute;
    inset: -18% auto auto -8%;
    width: 320px;
    height: 320px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(127, 176, 247, .18) 0%, rgba(127, 176, 247, 0) 72%);
    pointer-events: none;
  }
  body.home #cmc-start-here .cmc-content > *{
    position: relative;
    z-index: 1;
  }
  body.home #cmc-start-here{
    z-index: 1;
    margin-top: -1px;
    padding-top: 24px;
  }
  body.home #cmc-start-here::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 122px;
    background:
      radial-gradient(72% 100% at 50% 0%, rgba(107, 161, 242, .18) 0%, rgba(107, 161, 242, 0) 64%),
      linear-gradient(180deg, rgba(184, 211, 248, .28) 0%, rgba(184, 211, 248, 0) 100%);
    pointer-events: none;
  }
  body.home #cmc-start-here::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 118px;
    width: min(760px, calc(100% - 120px));
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, rgba(94, 134, 211, 0) 0%, rgba(137, 178, 240, .4) 18%, rgba(137, 178, 240, .4) 82%, rgba(94, 134, 211, 0) 100%);
    pointer-events: none;
  }
  body.home #cmc-start-here .cmc-wrap,
  body.home #cmc-mission-glance .cmc-wrap{
    position: relative;
    z-index: 1;
  }
  body.home .cmc-home2__head{
    margin-bottom: 32px;
    max-width: 52rem;
    display: grid;
    gap: 6px;
  }
  body.home .cmc-home2__eyebrow{
    margin: 0 0 8px;
    color: rgba(159, 190, 242, .84);
    letter-spacing: .14em;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 900;
  }
  body.home .cmc-home2__head h2{
    margin: 0;
    font-size: clamp(1.9rem, 3.3vw, 3rem);
    color: #f4f8ff;
    letter-spacing: -.024em;
    font-family: var(--cmc-home2-font-display);
    text-wrap: balance;
    position: relative;
    max-width: 13ch;
  }
  body.home .cmc-home2__head h2::after{
    content: "";
    display: block;
    width: 76px;
    height: 4px;
    margin-top: 16px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(93, 164, 255, 1) 0%, rgba(193, 222, 255, .9) 100%);
    box-shadow: 0 10px 22px rgba(57, 129, 222, .3);
  }
  body.home .cmc-home2__head p{
    margin: 6px 0 0;
    color: rgba(202, 218, 243, .8);
    line-height: 1.72;
    max-width: 62ch;
    font-size: 1rem;
    text-wrap: pretty;
  }
  body.home .cmc-home2__head p:last-child{
    max-width: 52ch;
  }
  body.home .cmc-home2__section--soft .cmc-home2__head h2{
    color: #123155;
  }
  body.home .cmc-home2__section--soft .cmc-home2__head p{
    color: rgba(18, 49, 85, .74);
  }
  body.home .cmc-home2__section--soft .cmc-home2__eyebrow{
    color: rgba(52, 101, 183, .76);
  }
  body.home .cmc-home2__section--faq .cmc-home2__head h2{
    color: #102545;
  }
  body.home .cmc-home2__section--faq .cmc-home2__head p{
    color: rgba(16, 37, 69, .78);
  }
  body.home .cmc-home2__section--faq .cmc-home2__eyebrow{
    color: rgba(30, 77, 159, .82);
  }

  body.home .cmc-home2__start-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
    align-items: stretch;
  }
  body.home #cmc-start-here .cmc-home2__head{
    margin-inline: auto;
    text-align: center;
    margin-bottom: 38px;
  }
body.home #cmc-start-here .cmc-home2__start-grid{
  position: relative;
  max-width: 1180px;
  margin-inline: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  grid-auto-rows: 1fr;
  align-items: stretch;
}
body.home #cmc-start-here .cmc-home2__start-grid::before{
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 118px;
  height: 1px;
  background: linear-gradient(90deg, rgba(85, 129, 205, 0) 0%, rgba(85, 129, 205, .28) 12%, rgba(85, 129, 205, .28) 88%, rgba(85, 129, 205, 0) 100%);
  z-index: 0;
}
  body.home #cmc-start-here .cmc-home2__head h2::after{
    margin-inline: auto;
  }
  body.home .cmc-home2__card{
    display: flex;
    flex-direction: column;
    position: relative;
    background-image: var(--cmc-card-bg, linear-gradient(180deg, #1a4a8e 0%, #12386f 100%));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid rgba(109, 155, 234, .22);
    border-radius: 22px;
    box-shadow: 0 24px 48px rgba(4, 12, 30, .28);
    overflow: hidden;
    min-width: 0;
    min-height: 340px;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    outline: 1px solid rgba(255,255,255,.04);
    outline-offset: -1px;
  }
  body.home .cmc-home2__start-grid .cmc-home2__card:nth-child(1){ min-height: 400px; }
  body.home .cmc-home2__start-grid .cmc-home2__card:nth-child(2){ min-height: 350px; transform: translateY(18px); }
  body.home .cmc-home2__start-grid .cmc-home2__card:nth-child(3){ min-height: 380px; }
  body.home .cmc-home2__card::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(5, 15, 38, .16), rgba(3, 10, 26, .82));
    z-index: 0;
  }
  body.home .cmc-home2__card::after{
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(120% 90% at 14% -8%, rgba(126, 182, 255, .22), rgba(126, 182, 255, 0) 58%),
      linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 34%);
    mix-blend-mode: screen;
    opacity: .5;
    z-index: 0;
    pointer-events: none;
  }
  body.home .cmc-home2__card-body{
    padding: 24px;
    display: grid;
    gap: 13px;
    align-content: end;
    text-align: left;
    justify-items: start;
    min-height: 100%;
    position: relative;
    z-index: 1;
  }
  body.home .cmc-home2__card-body > .cmc-home2__btn{
    min-width: 168px;
  }
  body.home .cmc-home2__card-tag{
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(15, 36, 76, .78);
    border: 1px solid rgba(111, 163, 255, .26);
    color: rgba(236,243,255,.98);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  body.home .cmc-home2__card-kicker{
    margin: 0;
    color: rgba(168, 196, 238, .86);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
  }
  body.home .cmc-home2__card h3{
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.22;
    color: #ffffff !important;
    font-family: var(--cmc-home2-font-display);
    text-wrap: balance;
  }
  body.home .cmc-home2__card p{
    margin: 0;
    color: rgba(230, 239, 255, .94) !important;
    line-height: 1.66;
    max-width: 28ch;
  }
  body.home .cmc-home2__card .cmc-home2__btn{
    margin-top: auto;
  }
  body.home #cmc-start-here .cmc-home2__card{
    background: none;
    border: 0;
    box-shadow: none;
    overflow: visible;
    min-height: 0;
    outline: 0;
    display: grid;
    justify-items: center;
    align-content: start;
    gap: 0;
    padding-top: 8px;
    position: relative;
    z-index: 1;
    height: 100%;
    align-self: stretch;
  }
  body.home #cmc-start-here .cmc-home2__start-grid .cmc-home2__card:nth-child(1),
  body.home #cmc-start-here .cmc-home2__start-grid .cmc-home2__card:nth-child(2),
  body.home #cmc-start-here .cmc-home2__start-grid .cmc-home2__card:nth-child(3){
    min-height: 0;
    transform: none;
  }
  body.home #cmc-start-here .cmc-home2__card::before,
  body.home #cmc-start-here .cmc-home2__card::after{
    content: none;
  }
  body.home #cmc-start-here .cmc-home2__card-body{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 84px 26px 26px;
    gap: 14px;
    border-radius: 28px;
    border: 1px solid rgba(113, 153, 220, .18);
    background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,250,255,.94) 100%);
    box-shadow: 0 24px 46px rgba(11, 28, 58, .12);
    min-height: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }
  body.home #cmc-start-here .cmc-home2__card-body::before{
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 116px;
    background:
      radial-gradient(72% 100% at 50% 0%, rgba(109, 164, 241, .18) 0%, rgba(109, 164, 241, 0) 72%),
      linear-gradient(180deg, rgba(232, 241, 255, .9) 0%, rgba(232, 241, 255, 0) 100%);
    pointer-events: none;
  }
  body.home #cmc-start-here .cmc-home2__card-body > *{
    position: relative;
    z-index: 1;
  }
  body.home #cmc-start-here .cmc-home2__card-tag{
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(36, 92, 188, .08);
    border: 1px solid rgba(36, 92, 188, .12);
    color: #1e4d9f;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
  }
  body.home #cmc-start-here .cmc-home2__card-kicker{
    color: rgba(54, 88, 140, .76) !important;
    text-shadow: none !important;
  }
  body.home #cmc-start-here .cmc-home2__card h3{
    font-size: clamp(1.6rem, 2vw, 2.15rem);
    max-width: 10ch;
    color: #102545 !important;
    -webkit-text-fill-color: #102545 !important;
    text-shadow: none !important;
  }
  body.home #cmc-start-here .cmc-home2__card p{
    max-width: 24ch;
    margin-inline: auto;
    color: rgba(16, 37, 69, .74) !important;
    -webkit-text-fill-color: rgba(16, 37, 69, .74) !important;
    text-shadow: none !important;
  }
  body.home #cmc-start-here .cmc-home2__card-meta{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 12px;
    border-radius: 14px;
    background: rgba(31, 79, 163, .06);
    border: 1px solid rgba(31, 79, 163, .1);
    color: rgba(25, 58, 109, .82) !important;
    -webkit-text-fill-color: rgba(25, 58, 109, .82) !important;
    font-size: .8rem;
    line-height: 1.45;
    max-width: 27ch;
  }
  body.home #cmc-start-here .cmc-home2__card .cmc-home2__btn{
    margin-top: auto;
    min-width: 0;
    width: 100%;
    max-width: 240px;
  }
  body.home .cmc-home2__start-note{
    margin: 26px auto 0;
    max-width: 840px;
    display: grid;
    gap: 8px;
    justify-items: center;
    text-align: center;
    padding: 18px 22px;
    border-radius: 22px;
    border: 1px solid rgba(111, 153, 220, .18);
    background: linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(246,250,255,.9) 100%);
    box-shadow: 0 18px 34px rgba(11, 28, 58, .08);
  }
  body.home .cmc-home2__start-note-label{
    margin: 0;
    color: #1e4d9f !important;
    font-family: var(--cmc-home2-font-display);
    font-size: .8rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
  }
  body.home .cmc-home2__start-note-copy{
    margin: 0;
    max-width: 64ch;
    color: rgba(16, 37, 69, .74) !important;
    line-height: 1.68;
    text-shadow: none !important;
  }
  body.home #cmc-start-here .cmc-home2__card:nth-child(1) .cmc-home2__card-orb{
    background-position: center 22%;
  }
  body.home #cmc-start-here .cmc-home2__card:nth-child(2) .cmc-home2__card-orb{
    background-position: center 42%;
  }
  body.home #cmc-start-here .cmc-home2__card:nth-child(3) .cmc-home2__card-orb{
    background-position: center 28%;
  }
  body.home .cmc-home2__card-orb{
    width: clamp(210px, 17vw, 260px);
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-image: var(--cmc-card-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 7px solid rgba(255,255,255,.96);
    box-shadow:
      0 22px 44px rgba(3, 10, 24, .32),
      0 0 0 1px rgba(120, 160, 232, .24);
    margin-bottom: -58px;
    position: relative;
    z-index: 2;
  }
body.home #cmc-start-here .cmc-home2__card:nth-child(1),
body.home #cmc-start-here .cmc-home2__card:nth-child(2),
body.home #cmc-start-here .cmc-home2__card:nth-child(3){
  transform: translateY(0);
}
  body.home .cmc-home2__card-orb::after{
    content: "";
    position: absolute;
    inset: -18px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(123, 171, 246, .24) 0%, rgba(123, 171, 246, 0) 70%);
    z-index: -1;
  }
  body.home .cmc-home2__search{
    padding-top: 18px;
    padding-bottom: 74px;
    background:
      radial-gradient(960px 340px at 50% 0%, rgba(64, 136, 215, .16) 0%, rgba(64, 136, 215, 0) 56%),
      linear-gradient(180deg, rgba(9, 21, 41, .98) 0%, rgba(8, 19, 37, .98) 100%);
  }
  body.home .cmc-home2__search-shell{
    max-width: 800px;
    margin: 0 auto;
    padding: clamp(28px, 4vw, 44px);
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(31, 63, 109, .9) 0%, rgba(24, 52, 93, .96) 100%);
    border: 1px solid rgba(124, 170, 237, .18);
    box-shadow: 0 28px 60px rgba(2, 9, 24, .28);
    position: relative;
    overflow: hidden;
  }
  body.home .cmc-home2__search-shell::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 24%),
      radial-gradient(80% 80% at 18% 0%, rgba(123, 183, 255, .18) 0%, rgba(123, 183, 255, 0) 58%);
    pointer-events: none;
  }
  body.home .cmc-home2__search-shell > *{
    position: relative;
    z-index: 1;
  }
  body.home .cmc-home2__search-head{
    margin: 0;
    text-align: center;
    color: #fff;
    -webkit-text-fill-color: #fff;
    font-size: clamp(1.8rem, 3.1vw, 2.65rem);
    font-family: var(--cmc-home2-font-display);
    line-height: 1.15;
  }
  body.home .cmc-home2__search-lead{
    margin: 12px auto 20px;
    max-width: 44ch;
    text-align: center;
    color: rgba(223, 236, 255, .84);
    line-height: 1.66;
    font-size: .98rem;
    text-wrap: pretty;
  }
  body.home .cmc-home2__search-form{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
  }
  body.home .cmc-home2__search-input{
    width: 100%;
    min-height: 50px;
    padding: 0 16px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.95);
    color: #173057;
    font: inherit;
    font-size: 1rem;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.48);
  }
  body.home .cmc-home2__search-input::placeholder{
    color: rgba(34, 58, 95, .6);
  }
  body.home .cmc-home2__search-submit{
    width: 50px;
    min-width: 50px;
    min-height: 50px;
    padding: 0;
    border-radius: 50%;
    box-shadow: 0 16px 28px rgba(18, 60, 152, .28);
  }
  body.home .cmc-home2__search-topics{
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
  }
  body.home .cmc-home2__topic-chip{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, #4f96f3 0%, #2f6fdd 100%);
    color: #fff;
    -webkit-text-fill-color: #fff;
    text-decoration: none;
    font-family: var(--cmc-home2-font-display);
    font-weight: 800;
    font-size: .94rem;
    box-shadow: 0 10px 20px rgba(20, 58, 138, .2);
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
  }
  body.home .cmc-home2__search-shell .cmc-home2__search-head,
  body.home .cmc-home2__search-shell .cmc-home2__search-head *{
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
  body.home .cmc-home2__search-shell .cmc-home2__search-lead,
  body.home .cmc-home2__search-shell .cmc-home2__search-lead *,
  body.home .cmc-home2__search-shell .cmc-home2__topic-chip,
  body.home .cmc-home2__search-shell .cmc-home2__topic-chip *,
  body.home .cmc-home2__search-shell .cmc-home2__topic-chip:link,
  body.home .cmc-home2__search-shell .cmc-home2__topic-chip:visited,
  body.home .cmc-home2__search-shell .cmc-home2__topic-chip:hover,
  body.home .cmc-home2__search-shell .cmc-home2__topic-chip:focus{
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
  body.home .cmc-home2__search-shell .cmc-home2__btn--primary,
  body.home .cmc-home2__search-shell .cmc-home2__btn--primary *,
  body.home .cmc-home2__search-shell .cmc-home2__topic-chip,
  body.home .cmc-home2__search-shell .cmc-home2__topic-chip:link,
  body.home .cmc-home2__search-shell .cmc-home2__topic-chip:visited,
  body.home .cmc-home2__search-shell .cmc-home2__topic-chip:hover,
  body.home .cmc-home2__search-shell .cmc-home2__topic-chip:focus{
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
  body.home .cmc-home2__topic-chip:hover{
    transform: translateY(-2px);
    box-shadow: 0 18px 30px rgba(20, 58, 138, .28);
    filter: brightness(1.05);
  }
  body.home #cmc-mission-glance::before{
    content: none;
  }
  body.home #cmc-mission-glance .cmc-home2__head h2{
    color: #123155;
  }
  body.home #cmc-mission-glance .cmc-home2__head p{
    color: rgba(18, 49, 85, .74);
  }
  body.home #cmc-mission-glance .cmc-home2__eyebrow{
    color: rgba(52, 101, 183, .76);
  }
  body.home #cmc-mission-glance .cmc-home2__kpi-proof{
    color: rgba(18, 49, 85, .7);
  }

  body.home .cmc-home2__kpis-card{
    background:
      radial-gradient(120% 120% at 0% 0%, rgba(91, 158, 245, .14) 0%, rgba(91, 158, 245, 0) 55%),
      linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,249,255,.95) 100%);
    border: 1px solid rgba(117, 154, 215, .18);
    border-radius: 24px;
    box-shadow: 0 22px 42px rgba(11, 28, 58, .12);
    padding: clamp(22px, 3.2vw, 34px);
    position: relative;
    overflow: hidden;
  }
  body.home .cmc-home2__kpis-card::after{
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 1px;
    background: linear-gradient(180deg, rgba(119, 166, 240, .46) 0%, rgba(119, 166, 240, 0) 62%);
    opacity: .55;
  }
  body.home .cmc-home2__kpis-card::before{
    content: "";
    position: absolute;
    inset: auto -8% 64% auto;
    width: 320px;
    height: 320px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(72, 126, 219, .16) 0%, rgba(72, 126, 219, 0) 70%);
    pointer-events: none;
  }
  body.home .cmc-home2__kpis-card > *{
    position: relative;
    z-index: 1;
  }
  body.home .cmc-home2__kpi-proof{
    margin: 10px 0 0;
    color: rgba(18, 49, 85, .72);
    font-weight: 700;
  }
  body.home .cmc-home2__kpis-top{
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: start;
  }
  body.home .cmc-home2__kpis-summary{
    display: grid;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(22,48,92,.92) 0%, rgba(16,34,67,.94) 100%);
    border: 1px solid rgba(96,143,224,.18);
    box-shadow: 0 14px 24px rgba(4, 12, 30, .22);
    position: relative;
    overflow: hidden;
  }
  body.home .cmc-home2__kpis-summary::before{
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: linear-gradient(90deg, rgba(111,163,255,.72), rgba(111,163,255,0));
  }
  body.home .cmc-home2__kpis-summary strong{
    display: block;
    color: #eef5ff;
    font-size: 1.02rem;
    font-weight: 900;
    font-family: var(--cmc-home2-font-display);
  }
  body.home .cmc-home2__kpis-summary span{
    color: rgba(180, 200, 231, .82);
    line-height: 1.65;
    font-size: .95rem;
  }
  body.home .cmc-home2__pastoral-note{
    display: grid;
    grid-template-columns: auto minmax(0, 1.2fr) minmax(240px, .8fr);
    gap: 22px;
    align-items: center;
    padding: clamp(24px, 4vw, 34px);
    border-radius: 28px;
    border: 1px solid rgba(197, 170, 131, .18);
    background:
      radial-gradient(110% 120% at 0% 0%, rgba(223, 184, 129, .18) 0%, rgba(223, 184, 129, 0) 46%),
      linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(249,244,238,.96) 100%);
    box-shadow: 0 22px 42px rgba(45, 35, 23, .08);
  }
  body.home .cmc-home2__pastoral-avatar{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 86px;
    border-radius: 999px;
    background: linear-gradient(160deg, #d8b07a 0%, #b8824a 100%);
    color: #fff;
    font-family: var(--cmc-home2-font-display);
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: .08em;
    box-shadow: 0 16px 30px rgba(124, 82, 37, .22);
  }
  body.home .cmc-home2__pastoral-copy{
    display: grid;
    gap: 10px;
  }
  body.home .cmc-home2__pastoral-quote{
    margin: 0;
    color: #102545;
    font-size: clamp(1.24rem, 2vw, 1.7rem);
    line-height: 1.34;
    font-family: var(--cmc-home2-font-display);
    text-wrap: balance;
  }
  body.home .cmc-home2__pastoral-meta{
    margin: 0;
    color: rgba(16, 37, 69, .76);
    font-weight: 800;
  }
  body.home .cmc-home2__pastoral-meta span{
    display: block;
    margin-top: 4px;
    color: rgba(16, 37, 69, .58);
    font-size: .92rem;
    font-weight: 700;
  }
  body.home .cmc-home2__pastoral-points{
    display: grid;
    gap: 10px;
  }
  body.home .cmc-home2__pastoral-point{
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(196, 169, 131, .18);
    color: #6e4c28;
    font-weight: 800;
    line-height: 1.45;
  }
  body.home .cmc-home2__faq-list{
    display: grid;
    gap: 14px;
    max-width: 980px;
    margin: 0 auto;
  }
  body.home .cmc-home2__faq-item{
    border-radius: 20px;
    border: 1px solid rgba(159, 180, 219, .18);
    background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,248,255,.94) 100%);
    box-shadow: 0 14px 28px rgba(16, 43, 90, .08);
    overflow: hidden;
  }
  body.home .cmc-home2__faq-item[open]{
    border-color: rgba(198, 155, 96, .24);
    box-shadow: 0 18px 34px rgba(16, 43, 90, .1);
  }
  body.home .cmc-home2__faq-item summary{
    list-style: none;
    cursor: pointer;
    position: relative;
    padding: 18px 56px 18px 20px;
    color: #102545;
    font-family: var(--cmc-home2-font-display);
    font-size: 1.05rem;
    line-height: 1.35;
    font-weight: 800;
  }
  body.home .cmc-home2__faq-item summary::-webkit-details-marker{
    display: none;
  }
  body.home .cmc-home2__faq-item summary::after{
    content: "+";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(214, 169, 112, .14);
    color: #8f5f2a;
    font-size: 1rem;
    font-weight: 900;
  }
  body.home .cmc-home2__faq-item[open] summary::after{
    content: "–";
  }
  body.home .cmc-home2__faq-body{
    padding: 0 20px 18px;
  }
  body.home .cmc-home2__faq-body p{
    margin: 0;
    color: rgba(16, 37, 69, .74);
    line-height: 1.7;
  }
  body.home .cmc-home2__kpis-grid{
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 18px;
  }
  body.home .cmc-home2__kpi{
    border: 1px solid rgba(117, 154, 215, .16);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(246,250,255,.94) 100%);
    padding: 16px;
    box-shadow: 0 14px 24px rgba(11, 28, 58, .08);
    position: relative;
    overflow: hidden;
  }
  body.home .cmc-home2__kpi::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 26%);
    pointer-events: none;
  }
  body.home .cmc-home2__kpi-icon{
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(66,138,229,.18) 0%, rgba(66,138,229,.08) 100%);
    color: #2556ad;
  }
  body.home .cmc-home2__kpi .cmc-kpi__num{
    color: #1f56b0;
    font-size: clamp(1.55rem, 2.9vw, 2.2rem);
    font-weight: 900;
    line-height: 1.1;
    font-family: var(--cmc-home2-font-display);
    margin-top: 14px;
  }
  body.home .cmc-home2__kpi .cmc-kpi__label{
    margin-top: 6px;
    font-weight: 800;
    color: #123155;
  }
  body.home .cmc-home2__kpi .cmc-kpi__meta{
    margin-top: 4px;
    color: rgba(18, 49, 85, .68);
    font-size: .9rem;
  }

  body.home .cmc-home2__feature-grid{
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body.home :is(.cmc-home2__section--identity, .cmc-home2__section--belief, .cmc-home2__section--impact) .cmc-home2__head{
    margin-inline: auto;
    text-align: center;
  }
  body.home :is(.cmc-home2__section--identity, .cmc-home2__section--belief, .cmc-home2__section--impact) .cmc-home2__head h2{
    color: #132849;
  }
  body.home :is(.cmc-home2__section--identity, .cmc-home2__section--belief, .cmc-home2__section--impact) .cmc-home2__head h2::after{
    margin-inline: auto;
  }
  body.home :is(.cmc-home2__section--identity, .cmc-home2__section--belief, .cmc-home2__section--impact) .cmc-home2__head p{
    color: rgba(25, 48, 82, .78);
  }
  body.home :is(.cmc-home2__section--identity, .cmc-home2__section--belief, .cmc-home2__section--impact) .cmc-home2__eyebrow{
    color: rgba(55, 98, 171, .76);
  }
  body.home .cmc-home2__section--white .cmc-home2__head h2,
  body.home .cmc-home2__section--white .cmc-home2__head p,
  body.home .cmc-home2__section--white .cmc-home2__eyebrow{
    color: #123155;
  }
  body.home .cmc-home2__section--white .cmc-home2__head p{
    color: rgba(31, 53, 83, .82);
  }
  body.home .cmc-home2__section--white .cmc-home2__eyebrow{
    color: rgba(50, 92, 165, .82);
  }
  body.home :is(.cmc-home2__section--identity, .cmc-home2__section--belief, .cmc-home2__section--impact) .cmc-home2__feature-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.home .cmc-home2__section--impact .cmc-home2__feature-tile:nth-child(2){
    transform: translateY(14px);
  }
  body.home .cmc-home2__section--impact .cmc-home2__feature-tile:nth-child(3){
    transform: translateY(-10px);
  }
  body.home .cmc-home2__feature-tile{
    position: relative;
    min-height: 292px;
    border-radius: 22px;
    overflow: hidden;
    display: flex;
    align-items: end;
    border: 1px solid rgba(92, 134, 208, .2);
    box-shadow: 0 22px 46px rgba(4, 12, 30, .28);
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    outline: 1px solid rgba(255,255,255,.04);
    outline-offset: -1px;
    isolation: isolate;
  }
  body.home :is(.cmc-home2__section--identity, .cmc-home2__section--belief, .cmc-home2__section--impact) .cmc-home2__feature-tile{
    min-height: 316px;
  }
  body.home .cmc-home2__feature-tile::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(5, 15, 36, .12), rgba(3, 9, 24, .84));
    z-index: 1;
  }
  body.home .cmc-home2__feature-tile::after{
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(120% 82% at 8% -8%, rgba(110, 170, 255, .22), rgba(110, 170, 255, 0) 54%),
      radial-gradient(90% 70% at 92% 16%, rgba(58, 128, 224, .18), rgba(58, 128, 224, 0) 60%);
    mix-blend-mode: screen;
    opacity: .36;
    pointer-events: none;
    z-index: 1;
  }
  body.home .cmc-home2__feature-body{
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 24px;
    display: grid;
    gap: 15px;
    text-align: left;
    justify-items: start;
  }
  body.home .cmc-home2__feature-body::before{
    content: "";
    position: absolute;
    inset: auto auto 100% 0;
    width: 74px;
    height: 3px;
    margin-bottom: 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(120, 177, 255, .92), rgba(120, 177, 255, 0));
  }
  body.home .cmc-home2__feature-tag{
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(246, 250, 255, .94);
    border: 1px solid rgba(125, 166, 233, .36);
    color: #163a6d;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
  }
  body.home .cmc-home2__feature-title{
    margin: 0;
    color: #ffffff !important;
    font-size: 1.36rem;
    line-height: 1.22;
    text-shadow: 0 10px 24px rgba(0, 0, 0, .6);
    font-family: var(--cmc-home2-font-display);
    text-wrap: balance;
    max-width: 12ch;
  }
  body.home .cmc-home2__feature-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  body.home .cmc-home2__feature-actions .cmc-home2__btn--secondary{
    background: rgba(255,255,255,.16);
    border-color: rgba(255,255,255,.42);
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(4, 12, 30, .24);
  }
  body.home .cmc-home2__feature-actions .cmc-home2__btn--tertiary{
    background: rgba(245, 249, 255, .96);
    border-color: rgba(255,255,255,.78);
    color: #17345f !important;
    box-shadow: 0 16px 30px rgba(4, 12, 30, .26);
  }
  body.home .cmc-home2__feature-actions .cmc-home2__btn{
    min-width: 148px;
  }
  body.home .cmc-home2__section--identity .cmc-home2__feature-tile:nth-child(1),
  body.home .cmc-home2__section--belief .cmc-home2__feature-tile:nth-child(1),
  body.home .cmc-home2__section--impact .cmc-home2__feature-tile:nth-child(1){
    background-position: center 24% !important;
  }
  body.home .cmc-home2__section--identity .cmc-home2__feature-tile:nth-child(2),
  body.home .cmc-home2__section--belief .cmc-home2__feature-tile:nth-child(2),
  body.home .cmc-home2__section--impact .cmc-home2__feature-tile:nth-child(2){
    background-position: center 40% !important;
  }
  body.home .cmc-home2__section--identity .cmc-home2__feature-tile:nth-child(3),
  body.home .cmc-home2__section--belief .cmc-home2__feature-tile:nth-child(3),
  body.home .cmc-home2__section--impact .cmc-home2__feature-tile:nth-child(3){
    background-position: center 30% !important;
  }
  body.home .cmc-home2__section--identity .cmc-home2__feature-tile:nth-child(4),
  body.home .cmc-home2__section--belief .cmc-home2__feature-tile:nth-child(4),
  body.home .cmc-home2__section--impact .cmc-home2__feature-tile:nth-child(4){
    background-position: center 34% !important;
  }
  body.home :is(.cmc-home2__section--identity, .cmc-home2__section--belief, .cmc-home2__section--impact) .cmc-home2__head h2{
    font-weight: 900;
  }
  body.home :is(.cmc-home2__section--identity, .cmc-home2__section--belief, .cmc-home2__section--impact) .cmc-home2__head p{
    font-weight: 700;
  }
  body.home :is(.cmc-home2__section--identity, .cmc-home2__section--belief, .cmc-home2__section--impact) .cmc-home2__feature-title{
    font-weight: 800;
  }

  body.home .cmc-home2__study{
    background:
      radial-gradient(760px 260px at 8% 10%, rgba(54, 89, 158, .18) 0%, rgba(54, 89, 158, 0) 58%),
      radial-gradient(760px 260px at 86% 0%, rgba(76, 102, 184, .16) 0%, rgba(76, 102, 184, 0) 56%),
      linear-gradient(180deg, rgba(15,30,58,.98) 0%, rgba(12,24,46,.98) 100%);
    border: 1px solid rgba(92, 132, 208, .16);
    border-radius: 24px;
    box-shadow: 0 24px 54px rgba(3, 10, 24, .34);
    padding: clamp(20px, 3vw, 28px);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }
  body.home .cmc-home2__study .cmc-home2__eyebrow{
    color: rgba(159, 190, 242, .88);
  }
  body.home .cmc-home2__study .cmc-home2__head h2{
    color: #f4f8ff;
  }
  body.home .cmc-home2__study .cmc-home2__head p{
    color: rgba(202, 218, 243, .86);
  }
  body.home .cmc-home2__study-top{
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(220px, .8fr);
    gap: 22px;
    align-items: start;
  }
  body.home .cmc-home2__study-rail{
    display: grid;
    gap: 10px;
    padding: 16px 18px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(22,48,92,.92) 0%, rgba(16,34,67,.94) 100%);
    border: 1px solid rgba(96,143,224,.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  }
  body.home .cmc-home2__study-rail strong{
    color: #eef5ff;
    font-family: var(--cmc-home2-font-display);
    font-size: 1rem;
  }
  body.home .cmc-home2__study-rail span{
    color: rgba(180, 200, 231, .82);
    line-height: 1.65;
    font-size: .94rem;
  }
  body.home .cmc-home2__study-actions{
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
  }
  body.home .cmc-home2__steps{
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }
  body.home .cmc-home2__step{
    background: linear-gradient(180deg, rgba(20,39,74,.88) 0%, rgba(15,30,58,.94) 100%);
    border: 1px solid rgba(91, 130, 203, .14);
    border-radius: 20px;
    padding: 16px;
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
    box-shadow: 0 12px 22px rgba(3, 10, 24, .18);
    position: relative;
    overflow: hidden;
  }
  body.home .cmc-home2__step::before{
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, rgba(102,165,255,.84), rgba(102,165,255,0));
  }
  body.home .cmc-home2__step h3{
    margin: 0;
    font-size: 1rem;
    color: #eef5ff;
    font-family: var(--cmc-home2-font-display);
  }
  body.home .cmc-home2__step p{
    margin: 6px 0 0;
    color: rgba(180, 200, 231, .82);
    line-height: 1.6;
    font-size: .94rem;
  }

  body.home .cmc-home2__final{
    background:
      radial-gradient(700px 240px at 16% 0%, rgba(88, 124, 208, .14) 0%, rgba(88, 124, 208, 0) 50%),
      radial-gradient(780px 260px at 58% 48%, rgba(44, 102, 196, .1) 0%, rgba(44, 102, 196, 0) 56%),
      linear-gradient(160deg, rgba(255,255,255,.98) 0%, rgba(243,248,255,.96) 48%, rgba(238,245,255,.96) 100%);
    border: 1px solid rgba(117, 154, 215, .18);
    border-radius: 26px;
    box-shadow: 0 22px 42px rgba(11, 28, 58, .12);
    padding: clamp(24px, 4vw, 40px);
    display: grid;
    gap: 20px;
    align-items: end;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr);
    position: relative;
    overflow: hidden;
  }
  body.home .cmc-home2__final::before{
    content: "";
    position: absolute;
    inset: auto auto -26% -8%;
    width: 340px;
    height: 340px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(63, 120, 215, .14) 0%, rgba(63, 120, 215, 0) 72%);
    pointer-events: none;
  }
  body.home .cmc-home2__final::after{
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(44,102,196,.04) 0%, rgba(146, 194, 255, .42) 48%, rgba(44,102,196,.04) 100%);
  }
  body.home .cmc-home2__final > *{
    position: relative;
    z-index: 1;
  }
  body.home .cmc-home2__final-copy{
    max-width: 36rem;
    display: grid;
    gap: 10px;
    align-content: start;
  }
  body.home .cmc-home2__final-copy::after{
    content: "";
    width: 96px;
    height: 4px;
    margin-top: 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(120, 181, 255, .96) 0%, rgba(218, 236, 255, .96) 100%);
    box-shadow: 0 10px 24px rgba(55, 131, 228, .28);
  }
  body.home .cmc-home2__final-copy .cmc-home2__kicker{
    margin-bottom: 2px;
  }
  body.home .cmc-home2__final-lead{
    margin-top: 2px;
    color: rgba(255,255,255,.84);
    font-size: 1rem;
    line-height: 1.72;
    max-width: 32rem;
  }
  body.home .cmc-home2__final h2{
    margin: 0;
    color: #123155;
    font-size: clamp(1.8rem, 3vw, 2.7rem);
    line-height: 1.15;
    font-family: var(--cmc-home2-font-display);
    text-wrap: balance;
  }
  body.home .cmc-home2__final p{
    margin: 0;
    color: rgba(18, 49, 85, .82);
    line-height: 1.7;
    text-wrap: pretty;
  }
  body.home .cmc-home2__final-guides{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 4px;
  }
  body.home .cmc-home2__final-guide{
    display: grid;
    gap: 6px;
    padding: 14px 14px 15px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(247,250,255,.84) 100%);
    border: 1px solid rgba(143, 188, 255, .16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.52);
  }
  body.home .cmc-home2__final-guide strong{
    color: #123155;
    font-size: .86rem;
    line-height: 1.35;
    font-weight: 800;
  }
  body.home .cmc-home2__final-guide span{
    color: rgba(18, 49, 85, .72);
    font-size: .8rem;
    line-height: 1.55;
  }
  body.home .cmc-home2 :is(
    .cmc-home2__top,
    .cmc-home2__paths,
    .cmc-home2__search,
    .cmc-home2__final,
    .cmc-home2__card,
    .cmc-home2__path-card,
    .cmc-home2__feature-tile,
    .cmc-home2__kpis-card,
    .cmc-home2__step
  ) :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,small,blockquote,dd,dt){
    text-shadow: 0 1px 2px rgba(0, 0, 0, .22);
  }
  @media (hover: hover){
    body.home .cmc-home2__btn:hover{
      box-shadow: 0 14px 26px rgba(6, 18, 46, .18);
    }
    body.home .cmc-home2__card:hover,
    body.home .cmc-home2__path-card:hover,
    body.home .cmc-home2__feature-tile:hover,
    body.home .cmc-home2__step:hover{
      transform: translateY(-6px) scale(1.008);
      box-shadow: 0 28px 56px rgba(3, 10, 24, .34);
      border-color: rgba(122, 170, 255, .28);
    }
    body.home .cmc-home2__path-card--featured:hover{
      transform: translateY(-12px) scale(1.01);
    }
  }
  body.home .cmc-home2 :is(.cmc-home2__card, .cmc-home2__path-card, .cmc-home2__feature-tile, .cmc-home2__step):focus-within{
    border-color: rgba(130, 179, 255, .38);
    box-shadow: 0 0 0 3px rgba(87, 144, 232, .12), 0 20px 40px rgba(3, 10, 24, .24);
  }

  body.home .cmc-home2 .cmc-reveal{
    opacity: 0;
    transform: translateY(18px) scale(.995);
    transition: opacity .38s ease, transform .38s cubic-bezier(.2,.75,.2,1);
    transition-delay: var(--cmc-reveal-delay, 0ms);
    will-change: opacity, transform;
  }
  body.home .cmc-home2 .cmc-reveal.is-visible{
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  body.home .cmc-home2__final-actions{
    display: grid;
    gap: 12px;
    align-content: start;
    padding: 22px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(245,249,255,.94) 100%);
    border: 1px solid rgba(117,154,215,.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 14px 28px rgba(11, 28, 58, .08);
  }
  body.home .cmc-home2__final-note{
    margin: 4px 0 0;
    color: rgba(18, 49, 85, .7);
    font-size: .88rem;
    line-height: 1.55;
  }
  body.home .cmc-home2__final-actions-label{
    margin: 0 0 2px;
    color: rgba(42, 86, 162, .78);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
  }
  body.home .cmc-home2__final-actions-label--muted{
    margin-top: 10px;
  }
  body.home .cmc-home2__final-action-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  body.home .cmc-home2__final-actions .cmc-home2__btn{
    width: 100%;
  }
  body.home .cmc-home2__final-action-primary{
    grid-column: 1 / -1;
    min-height: 54px;
    font-size: 1rem;
  }
  body.home .cmc-home2__final-actions .cmc-home2__btn--secondary{
    background: linear-gradient(180deg, rgba(233,241,255,.98) 0%, rgba(222,234,252,.94) 100%);
    color: #123869 !important;
    border-color: rgba(90, 131, 206, .18);
    box-shadow: 0 10px 20px rgba(18, 49, 85, .08);
  }

  body.home .cmc-home2__final-copy p,
  body.home .cmc-home2__final-actions p{
    text-shadow: none;
  }

  @media (max-width: 1080px){
    body.home .cmc-home2__decision-grid{
      grid-template-columns: 1fr 1fr;
    }
    body.home .cmc-home2__paths-grid{
      grid-template-columns: 1fr 1fr;
    }
    body.home .cmc-home2__top-inner{
      max-width: 100%;
    }
    body.home .cmc-home2__kpis-top,
    body.home .cmc-home2__study-top{
      grid-template-columns: 1fr;
    }
    body.home .cmc-home2__start-grid{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.home .cmc-home2__hero-proof{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.home .cmc-home2__hero-actions .cmc-home2__btn{
      min-width: 0;
    }
    body.home .cmc-home2__feature-grid{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.home .cmc-home2__kpis-grid{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.home .cmc-home2__pastoral-note{
      grid-template-columns: auto 1fr;
    }
    body.home .cmc-home2__pastoral-points{
      grid-column: 1 / -1;
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    body.home .cmc-home2__steps{
      grid-template-columns: 1fr;
    }
    body.home .cmc-home2__final{
      grid-template-columns: 1fr;
    }
    body.home .cmc-home2__final-action-grid{
      grid-template-columns: 1fr;
    }
    body.home .cmc-home2__search-shell{
      max-width: 100%;
    }
    body.home #cmc-start-here::after{
      width: calc(100% - 80px);
    }
    body.home .cmc-home2__path-card--featured{
      transform: none;
    }
    body.home .cmc-home2__section--impact .cmc-home2__feature-tile:nth-child(2),
    body.home .cmc-home2__section--impact .cmc-home2__feature-tile:nth-child(3){
      transform: none;
    }
  }
  @media (max-width: 760px){
    body.home .cmc-home2::before{
      opacity: .28;
      animation: none;
    }
    body.home .cmc-home2 .cmc-wrap{
      width: min(1240px, calc(100% - 24px)) !important;
    }
    body.home .cmc-home2__decision-grid{
      grid-template-columns: 1fr;
    }
    body.home .cmc-home2__pastoral-note{
      grid-template-columns: 1fr;
      text-align: left;
    }
    body.home .cmc-home2__pastoral-points{
      grid-template-columns: 1fr;
    }
    body.home #cmc-start-here .cmc-content{
      padding: 22px 16px;
      border-radius: 28px;
    }
    body.home .cmc-home2__top{
      min-height: clamp(700px, 90vh, 1040px);
    }
    body.home .cmc-home2__top::after{
      opacity: .72;
      animation: none;
    }
    body.home .cmc-home2__top .cmc-wrap::before{
      width: 72vw;
      height: 160px;
      inset: 120px -8% auto auto;
      opacity: .56;
    }
    body.home .cmc-home2__section + .cmc-home2__section::before{
      content: none;
    }
    body.home #cmc-start-here{
      margin-top: -1px;
      padding-top: 14px;
    }
    body.home #cmc-start-here::before{
      height: 88px;
    }
    body.home #cmc-start-here::after{
      top: 86px;
      width: calc(100% - 48px);
    }
    body.home .cmc-home2__top-inner{
      padding-top: clamp(270px, 34vh, 400px);
      padding-bottom: clamp(90px, 12vh, 124px);
      max-width: 100%;
      margin-left: 0;
      text-align: left;
    }
    body.home .cmc-home2__hero-card{
      padding: 18px 16px 16px;
      margin-left: 0;
      max-width: 24rem;
    }
    body.home .cmc-home2__hero-card::before{
      border-radius: 22px;
    }
    body.home .cmc-home2__hero-kicker{
      margin-right: 0;
    }
    body.home .cmc-home2__title{
      max-width: 9.5ch;
      margin-right: 0;
      font-size: clamp(2.1rem, 10vw, 3.35rem);
    }
    body.home .cmc-home2__hero-subtitle,
    body.home .cmc-home2__hero-trust{
      max-width: none;
      margin-right: 0;
    }
    body.home .cmc-home2__hero-trust{
      padding-top: 12px;
    }
    body.home .cmc-home2__hero-actions{
      display: grid;
      grid-template-columns: 1fr;
      justify-content: initial;
      gap: 10px;
      margin-top: 20px;
    }
    body.home .cmc-home2__hero-proof{
      grid-template-columns: 1fr;
      gap: 8px;
    }
    body.home .cmc-home2__section{
      padding: 30px 0;
    }
    body.home .cmc-home2__head{
      margin-bottom: 18px;
    }
    body.home .cmc-home2__head h2{
      max-width: 12ch;
      font-size: clamp(1.7rem, 8.4vw, 2.28rem);
    }
    body.home .cmc-home2__head p{
      font-size: .96rem;
      line-height: 1.64;
    }
    body.home .cmc-home2__btn{
      width: 100%;
      white-space: nowrap;
      font-size: .9rem;
      padding-inline: 16px;
    }
    body.home .cmc-home2__paths-grid,
    body.home .cmc-home2__start-grid,
    body.home .cmc-home2__feature-grid,
    body.home .cmc-home2__kpis-grid{
      grid-template-columns: 1fr;
    }
    body.home #cmc-start-here::after,
    body.home #cmc-start-here .cmc-home2__start-grid::before{
      display: none;
    }
    body.home .cmc-home2__card-body,
    body.home .cmc-home2__feature-body{
      padding: 16px;
    }
    body.home #cmc-start-here .cmc-home2__card{
      max-width: 360px;
      margin-inline: auto;
    }
    body.home .cmc-home2__card p{
      max-width: none;
    }
    body.home .cmc-home2__path-card{
      min-height: 276px;
      padding: 18px;
    }
    body.home .cmc-home2__path-body{
      padding: 16px;
      max-width: none;
    }
    body.home .cmc-home2__path-title,
    body.home .cmc-home2__feature-title{
      max-width: none;
    }
    body.home .cmc-home2__start-grid .cmc-home2__card{
      min-height: 0 !important;
      transform: none !important;
    }
    body.home #cmc-start-here .cmc-home2__card-body{
      padding: 76px 18px 22px;
    }
    body.home .cmc-home2__card-orb{
      width: 184px;
      margin-bottom: 14px;
    }
    body.home #cmc-start-here .cmc-home2__card-orb{
      margin-bottom: -46px;
    }
    body.home .cmc-home2__search-shell{
      border-radius: 24px;
      padding: 22px 16px;
    }
    body.home .cmc-home2__search-lead{
      margin-bottom: 18px;
      font-size: .95rem;
    }
    body.home .cmc-home2__search-form{
      grid-template-columns: 1fr;
    }
    body.home .cmc-home2__final-guides{
      grid-template-columns: 1fr;
    }
    body.home .cmc-home2__search-submit{
      width: 100%;
      border-radius: 14px;
    }
    body.home .cmc-home2__topic-chip{
      width: auto;
      max-width: 100%;
    }
    body.home .cmc-home2__feature-tile{
      min-height: 244px;
    }
    body.home .cmc-home2__feature-actions{
      width: 100%;
      display: grid;
      grid-template-columns: 1fr;
    }
    body.home .cmc-home2__feature-actions .cmc-home2__btn{
      width: 100%;
      min-width: 0;
    }
    body.home .cmc-home2__kpis-card,
    body.home .cmc-home2__study,
    body.home .cmc-home2__final{
      border-radius: 18px;
      padding: 16px;
    }
    body.home .cmc-home2__kpis-summary,
    body.home .cmc-home2__study-rail,
    body.home .cmc-home2__final-actions{
      padding: 16px;
    }
  }
  @media (prefers-reduced-motion: reduce){
    body.home .cmc-home2 .cmc-reveal{
      opacity: 1 !important;
      transform: none !important;
      transition: none !important;
    }
    body.home .cmc-home2::before,
    body.home .cmc-home2__top::after{
      animation: none !important;
    }
    body.home .cmc-home2 :is(.cmc-home2__btn, .cmc-home2__card, .cmc-home2__path-card, .cmc-home2__feature-tile, .cmc-home2__step){
      transition: none !important;
      animation: none !important;
      transform: none !important;
    }
  body.home .cmc-home2 .cmc-home2__btn--primary::after{
      display: none;
    }
  }

/* Leadership profile pages: make action buttons match the "Study the Bible" CTA */
html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .single-cmc_leader
) :is(
  .cmc-leader-actions .cmc-nav-cta,
  .cmc-leader-actions .cmc-btn,
  .cmc-leader-actions .cmc-btn--pill,
  .cmc-leader-actions .cmc-btn--ghost,
  .cmc-leader-actions .cmc-btn--leader-ghost,
  .cmc-leader-contact .cmc-nav-cta,
  .cmc-leader-contact .cmc-btn,
  .cmc-leader-other__card .cmc-nav-cta,
  .cmc-leader-other__card .cmc-btn
){
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #3d73e0 0%, #2d61cf 100%) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 12px 24px rgba(6, 18, 46, .22),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: .82rem !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .single-cmc_leader
) :is(
  .cmc-leader-actions .cmc-nav-cta,
  .cmc-leader-actions .cmc-btn,
  .cmc-leader-actions .cmc-btn--pill,
  .cmc-leader-actions .cmc-btn--ghost,
  .cmc-leader-actions .cmc-btn--leader-ghost,
  .cmc-leader-contact .cmc-nav-cta,
  .cmc-leader-contact .cmc-btn,
  .cmc-leader-other__card .cmc-nav-cta,
  .cmc-leader-other__card .cmc-btn
):hover,
html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .single-cmc_leader
) :is(
  .cmc-leader-actions .cmc-nav-cta,
  .cmc-leader-actions .cmc-btn,
  .cmc-leader-actions .cmc-btn--pill,
  .cmc-leader-actions .cmc-btn--ghost,
  .cmc-leader-actions .cmc-btn--leader-ghost,
  .cmc-leader-contact .cmc-nav-cta,
  .cmc-leader-contact .cmc-btn,
  .cmc-leader-other__card .cmc-nav-cta,
  .cmc-leader-other__card .cmc-btn
):focus{
  transform: translateY(-1px) !important;
  filter: brightness(1.05) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Shared leadership hero stats strip */
html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .single-cmc_leader
) .cmc-leader-hero__stats--leadership{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
  max-width: 780px;
}

html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .single-cmc_leader
) .cmc-leader-hero__stat{
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 14px 28px rgba(4, 22, 47, .16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .single-cmc_leader
) .cmc-leader-hero__stat-label{
  display: block;
  margin-bottom: 4px;
  color: rgba(255,255,255,.72);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .single-cmc_leader
) .cmc-leader-hero__stat-value{
  display: block;
  color: #ffffff;
  font-size: .94rem;
  font-weight: 800;
  line-height: 1.35;
  word-break: break-word;
}

@media (max-width: 720px){
  html body.cmc-site:is(
    .page-president,
    .page-executive-secretary,
    .page-chief-finance-officer,
    .page-template-page_director-profile,
    .single-cmc_leader
  ) .cmc-leader-hero__stats--leadership{
    grid-template-columns: 1fr;
  }
}

/* Leadership pages: make all action buttons match the header CTA pill */
html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .single-cmc_leader
) :is(
  .cmc-leader-actions .cmc-nav-cta,
  .cmc-leader-actions .cmc-btn,
  .cmc-leader-actions .cmc-btn--pill,
  .cmc-leader-actions .cmc-btn--ghost,
  .cmc-leader-actions .cmc-btn--leader-ghost,
  .cmc-leader-contact .cmc-nav-cta,
  .cmc-leader-contact .cmc-btn,
  .cmc-leader-other__card .cmc-nav-cta,
  .cmc-leader-other__card .cmc-btn
),
html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .single-cmc_leader
) :is(
  .cmc-leader-actions .cmc-nav-cta:visited,
  .cmc-leader-actions .cmc-btn:visited,
  .cmc-leader-actions .cmc-btn--pill:visited,
  .cmc-leader-actions .cmc-btn--ghost:visited,
  .cmc-leader-actions .cmc-btn--leader-ghost:visited,
  .cmc-leader-contact .cmc-nav-cta:visited,
  .cmc-leader-contact .cmc-btn:visited,
  .cmc-leader-other__card .cmc-nav-cta:visited,
  .cmc-leader-other__card .cmc-btn:visited
){
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  margin-top: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #3d73e0 0%, #2d61cf 100%) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 12px 24px rgba(6, 18, 46, .22),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: .82rem !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

/* Final page padding pass for ACMS + leadership pages */
html body.cmc-site:is(.page-template-page-acms, .page-acms) .cmc-acms-page{
  padding-bottom: clamp(24px, 4vw, 48px);
}

html body.cmc-site:is(.page-template-page-acms, .page-acms) .cmc-wrap{
  padding-left: clamp(20px, 4vw, 60px) !important;
  padding-right: clamp(20px, 4vw, 60px) !important;
  box-sizing: border-box;
}

html body.cmc-site:is(.page-template-page-acms, .page-acms) .cmc-acms-section{
  padding-top: clamp(30px, 4vw, 56px);
  padding-bottom: clamp(30px, 4vw, 56px);
}

html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .page-leadership,
  .single-cmc_leader
) .cmc-content{
  padding-left: clamp(20px, 4vw, 60px);
  padding-right: clamp(20px, 4vw, 60px);
  box-sizing: border-box;
}

html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .page-leadership,
  .single-cmc_leader
) .cmc-leader-section{
  padding-top: clamp(56px, 6vw, 88px);
  padding-bottom: clamp(56px, 6vw, 88px);
}

html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .page-leadership,
  .single-cmc_leader
) .cmc-leader-hero__inner,
html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .page-leadership,
  .single-cmc_leader
) .cmc-leader-jump__inner{
  padding-left: clamp(20px, 4vw, 60px);
  padding-right: clamp(20px, 4vw, 60px);
  box-sizing: border-box;
}

html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .page-leadership,
  .single-cmc_leader
){
  scroll-behavior: smooth;
}

html body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .single-cmc_leader
) .cmc-leader-hero__lede{
  margin: -4px 0 0;
  max-width: 58ch;
  color: rgba(255,255,255,.88);
  font-size: 1.02rem;
  line-height: 1.7;
  text-shadow: 0 8px 18px rgba(0,0,0,.18);
}

html body.cmc-site.page-leadership .cmc-leadership-featured{
  margin: 26px 0 8px;
  padding: 22px 24px 24px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,249,255,.96));
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 18px 40px rgba(3,24,51,.08);
}

html body.cmc-site.page-leadership .cmc-leadership-featured__head{
  display: grid;
  gap: 6px;
  margin-bottom: 18px;
}

html body.cmc-site.page-leadership .cmc-leadership-featured__eyebrow{
  margin: 0;
  color: rgba(11,42,111,.62);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

html body.cmc-site.page-leadership .cmc-leadership-featured__title{
  margin: 0;
  color: #0b2a6f;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  line-height: 1.18;
  letter-spacing: -.02em;
}

html body.cmc-site.page-leadership .cmc-leadership-featured__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

html body.cmc-site.page-leadership .cmc-leadership-featured__card{
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(11,42,111,.10);
  background: #fff;
  box-shadow: 0 14px 34px rgba(3,24,51,.08);
}

html body.cmc-site.page-leadership .cmc-leadership-featured__media{
  display: block;
  aspect-ratio: 16/9;
  background: linear-gradient(180deg, rgba(18,76,146,.08), rgba(18,76,146,.02));
  overflow: hidden;
}

html body.cmc-site.page-leadership .cmc-leadership-featured__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

html body.cmc-site.page-leadership .cmc-leadership-featured__body{
  display: grid;
  gap: 8px;
  padding: 16px 16px 18px;
}

html body.cmc-site.page-leadership .cmc-leadership-featured__badge{
  justify-self: start;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(31,78,121,.08);
  color: #1f4e79;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html body.cmc-site.page-leadership .cmc-leadership-featured__name{
  margin: 0;
  color: #0b2a6f;
  font-size: 1.06rem;
  line-height: 1.2;
}

html body.cmc-site.page-leadership .cmc-leadership-featured__email{
  color: rgba(11,42,111,.74);
  font-size: .95rem;
  word-break: break-word;
  text-decoration-color: rgba(11,42,111,.22);
}

html body.cmc-site.page-leadership .cmc-leader-card__actions .cmc-leader-card__btn{
  min-width: 132px;
}

/* =========================================================
   Final Home Shell Correction
   - Restore the homepage Sabbath rail visually
   - Keep the front page aligned to the 6/7 + 1/7 ALPS shell
   - Relax narrow homepage-only content caps
========================================================= */
@media (min-width: 1025px){
  html body.home.cmc-site > .l-wrap{
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: stretch !important;
  }

  html body.home.cmc-site .l-wrap__content,
  html body.home.cmc-site .l-content{
    width: 85.7142857143vw !important;
    max-width: 85.7142857143vw !important;
    flex: 0 0 85.7142857143vw !important;
    overflow: visible !important;
  }

  html body.home.cmc-site .l-wrap__sabbath,
  html body.home.cmc-site .l-sabbath{
    display: block !important;
    width: 14.2857142857vw !important;
    min-width: 14.2857142857vw !important;
    max-width: 14.2857142857vw !important;
    flex: 0 0 14.2857142857vw !important;
    position: relative !important;
    align-self: stretch !important;
    background: #f5f8fd !important;
  }

  html body.home.cmc-site .l-sabbath__overlay{
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    opacity: 1 !important;
    background: linear-gradient(180deg, rgba(18, 54, 107, .88) 0%, rgba(42, 91, 151, .72) 46%, rgba(233, 240, 251, .92) 100%) !important;
    filter: none !important;
  }

  html body.home.cmc-site .l-sabbath__logo-light{
    display: block !important;
    opacity: 1 !important;
    filter: none !important;
  }

  html body.home.cmc-site .cmc-header,
  html body.home.cmc-site .cmc-home2__top{
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
  }

  html body.home.cmc-site .cmc-header > .cmc-header__inner,
  html body.home.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
  html body.home.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner,
  html body.home.cmc-site .cmc-home2__hero-overlay .cmc-wrap,
  html body.home.cmc-site .cmc-home2__top .cmc-content{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(18px, 1.8vw, 28px) !important;
    padding-right: clamp(18px, 1.8vw, 28px) !important;
    box-sizing: border-box !important;
  }
}

body.home .cmc-home2__section--reference .cmc-content,
body.home .cmc-home2__section--support .cmc-content,
body.home .cmc-home2__section--warm .cmc-content,
body.home .cmc-home2__section--faq .cmc-content,
body.home .cmc-home2__section[aria-label="Next steps"] .cmc-content{
  width: 100% !important;
  max-width: none !important;
}

body.home .cmc-home2__decision-grid,
body.home .cmc-home2__feature-grid--reference{
  width: 100% !important;
  max-width: none !important;
}

body.home .cmc-home2__head--reference{
  max-width: min(860px, 100%) !important;
}

@media (min-width: 1180px){
  body.home .cmc-home2__feature-grid--reference{
    grid-template-columns: repeat(2, minmax(320px, 1fr)) !important;
    gap: 22px !important;
  }
}

/* =========================================================
   Final Home Shell Correction
   - Restore visible 7th column on the homepage
   - Match front-page content width to the rest of the site
   - Relax narrow 980px caps on the homepage feature sections
========================================================= */
@media (min-width: 1025px){
  html body.home.cmc-site .l-wrap__content,
  html body.home.cmc-site .l-content{
    width: 85.7142857143vw !important;
    max-width: 85.7142857143vw !important;
    flex: 0 0 85.7142857143vw !important;
  }

  html body.home.cmc-site .l-wrap__sabbath,
  html body.home.cmc-site .l-sabbath,
  html body.home.cmc-site .l-sabbath__overlay,
  html body.home.cmc-site .l-sabbath__logo-light{
    display: block !important;
    width: 14.2857142857vw !important;
    min-width: 14.2857142857vw !important;
    max-width: 14.2857142857vw !important;
    flex: 0 0 14.2857142857vw !important;
  }

  html body.home.cmc-site .cmc-header,
  html body.home.cmc-site .cmc-home2__top{
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
  }

  html body.home.cmc-site .cmc-header > .cmc-header__inner,
  html body.home.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
  html body.home.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner,
  html body.home.cmc-site .cmc-home2__hero-overlay .cmc-wrap,
  html body.home.cmc-site .cmc-home2__top .cmc-content{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(18px, 1.8vw, 28px) !important;
    padding-right: clamp(18px, 1.8vw, 28px) !important;
  }
}

body.home .cmc-home2__section--reference .cmc-content,
body.home .cmc-home2__section--support .cmc-content,
body.home .cmc-home2__section--warm .cmc-content,
body.home .cmc-home2__section--faq .cmc-content,
body.home .cmc-home2__section[aria-label="Next steps"] .cmc-content{
  width: 100% !important;
  max-width: none !important;
}

body.home .cmc-home2__decision-grid,
body.home .cmc-home2__feature-grid--reference{
  width: 100% !important;
  max-width: none !important;
}

body.home .cmc-home2__head--reference{
  max-width: min(860px, 100%) !important;
}

@media (min-width: 1180px){
  body.home .cmc-home2__feature-grid--reference{
    grid-template-columns: repeat(2, minmax(320px, 1fr)) !important;
    gap: 22px !important;
  }
}

/* =========================================================
   Final Front Page Alignment
   - Keep the ALPS 7th column on the homepage
   - Make the front-page sections use the same width rhythm as inner pages
   - Soften the Sabbath rail so it feels closer to Adventist.org
========================================================= */
@media (min-width: 1025px){
  html body.home.cmc-site > .l-wrap{
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: stretch !important;
  }

  html body.home.cmc-site .l-wrap__content,
  html body.home.cmc-site .l-content{
    width: 85.7142857143vw !important;
    max-width: 85.7142857143vw !important;
    flex: 0 0 85.7142857143vw !important;
    overflow: visible !important;
  }

  html body.home.cmc-site .l-wrap__sabbath,
  html body.home.cmc-site .l-sabbath{
    display: block !important;
    width: 14.2857142857vw !important;
    min-width: 14.2857142857vw !important;
    max-width: 14.2857142857vw !important;
    flex: 0 0 14.2857142857vw !important;
    position: relative !important;
    align-self: stretch !important;
    background: linear-gradient(180deg, #eff4fb 0%, #f8fbff 100%) !important;
    border-left: 0 !important;
    box-shadow: none !important;
  }

  html body.home.cmc-site .l-sabbath__overlay{
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    opacity: 1 !important;
    background: linear-gradient(
      180deg,
      rgba(17, 49, 96, .88) 0%,
      rgba(69, 113, 171, .58) 26%,
      rgba(163, 191, 227, .22) 58%,
      rgba(248, 251, 255, .06) 100%
    ) !important;
    filter: none !important;
  }

  html body.home.cmc-site .l-sabbath__logo-light{
    display: block !important;
    opacity: .96 !important;
    filter: none !important;
  }

  html body.home.cmc-site .cmc-header,
  html body.home.cmc-site .cmc-home2__top{
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
  }

  html body.home.cmc-site .cmc-header > .cmc-header__inner,
  html body.home.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
  html body.home.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner,
  html body.home.cmc-site .cmc-home2__hero-overlay .cmc-wrap,
  html body.home.cmc-site .cmc-home2__top .cmc-content,
  html body.home.cmc-site .cmc-home2__section > .cmc-wrap{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    padding-left: clamp(18px, 1.8vw, 28px) !important;
    padding-right: clamp(18px, 1.8vw, 28px) !important;
  }

  html body.home.cmc-site .cmc-home2__section .cmc-content{
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.home.cmc-site .cmc-home2__feature-grid--reference,
  html body.home.cmc-site .cmc-home2__decision-grid{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body.home.cmc-site .cmc-home2__feature-grid--reference{
    gap: 22px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.home.cmc-site .cmc-home2__head--reference{
    max-width: min(900px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 820px){
  html,
  body.home.cmc-site{
    overflow-x: hidden !important;
  }

  html body.home.cmc-site > .l-wrap{
    display: block !important;
  }

  html body.home.cmc-site .l-wrap__content,
  html body.home.cmc-site .l-content{
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }

  html body.home.cmc-site .l-wrap__sabbath,
  html body.home.cmc-site .l-sabbath,
  html body.home.cmc-site .l-sabbath__overlay,
  html body.home.cmc-site .l-sabbath__logo-light{
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    flex: 0 0 0 !important;
  }

  html body.home.cmc-site .cmc-header > .cmc-header__inner,
  html body.home.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
  html body.home.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner,
  html body.home.cmc-site .cmc-home2__hero-overlay .cmc-wrap,
  html body.home.cmc-site .cmc-home2__top .cmc-content,
  html body.home.cmc-site .cmc-home2__section > .cmc-wrap{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}
/* =========================================================
   Final Home Width Alignment
   - Wins over earlier homepage hero/header tuning passes
   - Gives the front-page shell a wider desktop span like Adventist.org
========================================================= */
html body.cmc-site.home{
  --cmc-home-shell-max-final: 1600px;
  --cmc-home-shell-gutter-final: clamp(24px, 2.1vw, 34px);
}

html body.cmc-site.home .cmc-wrap,
html body.cmc-site.home .cmc-content{
  max-width: var(--cmc-home-shell-max-final) !important;
  padding-left: var(--cmc-home-shell-gutter-final) !important;
  padding-right: var(--cmc-home-shell-gutter-final) !important;
}

@media (min-width: 1025px){
  html body.cmc-site.home .cmc-header > .cmc-header__inner,
  html body.cmc-site.home .cmc-header > .l-wrap.cmc-header__inner,
  html body.cmc-site.home .cmc-header > .cmc-wrap.cmc-header__inner,
  html body.cmc-site.home .cmc-home2__hero-overlay .cmc-wrap,
  html body.cmc-site.home .cmc-home2__top .cmc-content{
    max-width: var(--cmc-home-shell-max-final) !important;
    padding-left: var(--cmc-home-shell-gutter-final) !important;
    padding-right: var(--cmc-home-shell-gutter-final) !important;
  }
}

@media (max-width: 760px){
  html body.cmc-site.home{
    --cmc-home-shell-gutter-final: 18px;
  }
}

/* =========================================================
   Final Home Width Alignment
   - Wins over earlier homepage hero/header tuning passes
   - Gives the front-page shell a wider desktop span like Adventist.org
========================================================= */
html body.cmc-site.home{
  --cmc-home-shell-max-final: 1600px;
  --cmc-home-shell-gutter-final: clamp(24px, 2.1vw, 34px);
}

html body.cmc-site.home .cmc-wrap,
html body.cmc-site.home .cmc-content{
  max-width: var(--cmc-home-shell-max-final) !important;
  padding-left: var(--cmc-home-shell-gutter-final) !important;
  padding-right: var(--cmc-home-shell-gutter-final) !important;
}

@media (min-width: 1025px){
  html body.cmc-site.home .cmc-header > .cmc-header__inner,
  html body.cmc-site.home .cmc-header > .l-wrap.cmc-header__inner,
  html body.cmc-site.home .cmc-header > .cmc-wrap.cmc-header__inner,
  html body.cmc-site.home .cmc-home2__hero-overlay .cmc-wrap,
  html body.cmc-site.home .cmc-home2__top .cmc-content{
    max-width: var(--cmc-home-shell-max-final) !important;
    padding-left: var(--cmc-home-shell-gutter-final) !important;
    padding-right: var(--cmc-home-shell-gutter-final) !important;
  }
}

@media (max-width: 760px){
  html body.cmc-site.home{
    --cmc-home-shell-gutter-final: 18px;
  }
}

/* =========================================================
   Home Width Alignment
   - Widen the homepage shell so the header and hero sit closer to the
     viewport edges like the Adventist.org reference.
   - Scoped to the front page only so inner pages keep their current rhythm.
========================================================= */
body.home{
  --cmc-home-shell-max: 1600px;
  --cmc-home-shell-gutter: clamp(24px, 2.15vw, 34px);
}

body.home .cmc-wrap,
body.home .cmc-content{
  max-width: var(--cmc-home-shell-max);
  padding-left: var(--cmc-home-shell-gutter);
  padding-right: var(--cmc-home-shell-gutter);
}

@media (min-width: 1025px){
  body.home .cmc-header > .cmc-header__inner,
  body.home .cmc-header > .l-wrap.cmc-header__inner,
  body.home .cmc-header > .cmc-wrap.cmc-header__inner{
    max-width: var(--cmc-home-shell-max) !important;
    padding-left: var(--cmc-home-shell-gutter) !important;
    padding-right: var(--cmc-home-shell-gutter) !important;
  }

  body.home .cmc-home2__hero-overlay .cmc-wrap,
  body.home .cmc-home2__hero-overlay .cmc-content{
    max-width: var(--cmc-home-shell-max) !important;
    padding-left: var(--cmc-home-shell-gutter) !important;
    padding-right: var(--cmc-home-shell-gutter) !important;
  }

  body.home .cmc-home2__top-inner{
    max-width: 680px;
  }
}

@media (max-width: 760px){
  body.home{
    --cmc-home-shell-gutter: 18px;
  }
}

/* =========================================================
   Front Page Hero Alignment Tweak
   - pull buttons and slider dots to the left page margin
   - give the hero a bit more height
========================================================= */
html body.cmc-site.home .cmc-home2__top{
  min-height: clamp(820px, 92vh, 1120px) !important;
}

html body.cmc-site.home .cmc-home2__top-inner{
  padding: clamp(286px, 34vh, 420px) 0 clamp(132px, 14vh, 180px) !important;
}

html body.cmc-site.home .cmc-home2__hero-card{
  max-width: min(620px, 100%) !important;
  margin: 0 auto 0 0 !important;
}

html body.cmc-site.home .cmc-home2__hero-actions{
  justify-content: flex-start !important;
  align-items: center !important;
}

html body.cmc-site.home .cmc-home2__hero-meta{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}

html body.cmc-site.home .cmc-home2__hero-dots{
  display: inline-flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

@media (max-width: 760px){
  html body.cmc-site.home .cmc-home2__top{
    min-height: clamp(700px, 88vh, 940px) !important;
  }

  html body.cmc-site.home .cmc-home2__top-inner{
    padding: clamp(234px, 28vh, 320px) 0 clamp(92px, 11vh, 126px) !important;
  }

  html body.cmc-site.home .cmc-home2__hero-card{
    max-width: min(100%, 420px) !important;
  }

  html body.cmc-site.home .cmc-home2__hero-actions{
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  html body.cmc-site.home .cmc-home2__top .cmc-home2__hero-actions .cmc-home2__btn{
    width: min(240px, 100%) !important;
  }
}

/* ==========================================================================
   Front Page Hero Height Terminal Override
   Keep this at the end of the file so later homepage redesign passes cannot shrink the hero.
   ========================================================================== */
html body.cmc-site.home .cmc-home2__top{
  min-height: clamp(1440px, 168vh, 1920px) !important;
}

html body.cmc-site.home .cmc-home2__top-inner{
  padding: clamp(220px, 22vh, 300px) 0 clamp(72px, 7vh, 104px) !important;
}

@media (max-width: 900px){
  html body.cmc-site.home .cmc-home2__top{
    min-height: clamp(1180px, 142vh, 1500px) !important;
  }

  html body.cmc-site.home .cmc-home2__top-inner{
    padding: clamp(180px, 20vh, 240px) 0 clamp(52px, 6vh, 76px) !important;
  }
}

@media (max-width: 640px){
  html body.cmc-site.home .cmc-home2__top{
    min-height: clamp(1040px, 128vh, 1320px) !important;
  }

  html body.cmc-site.home .cmc-home2__top-inner{
    padding: clamp(156px, 18vh, 220px) 0 clamp(40px, 5vh, 58px) !important;
  }
}

/* ==========================================================================
   Leadership Page Premium Polish
   ========================================================================== */
html body.cmc-site.page-leadership{
  --cmc-leadership-ink: #0a2454;
  --cmc-leadership-ink-soft: rgba(10,36,84,.72);
  --cmc-leadership-line: rgba(24,66,142,.12);
  --cmc-leadership-shell: linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,248,255,.98));
  --cmc-leadership-card-shadow: 0 26px 54px rgba(7,26,67,.10);
}

html body.cmc-site.page-leadership .cmc-leader-hero--directory{
  padding: clamp(148px, 15vw, 208px) 0 clamp(102px, 10vw, 134px);
  overflow: hidden;
}

html body.cmc-site.page-leadership .cmc-leader-hero--directory::before{
  background:
    linear-gradient(100deg, rgba(5,21,55,.82) 0%, rgba(7,27,64,.74) 35%, rgba(7,30,72,.40) 72%, rgba(7,30,72,.18) 100%);
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell{
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(280px, .84fr);
  gap: clamp(22px, 4vw, 42px);
  align-items: end;
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell__content{
  max-width: 760px;
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell__eyebrow{
  margin: 0 0 14px;
  color: rgba(233,239,252,.82);
  font-size: .8rem;
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell__title{
  max-width: 12ch;
  margin: 0;
  color: #ffffff;
  font-size: clamp(2.7rem, 5vw, 5.25rem);
  line-height: .94;
  letter-spacing: -.06em;
  text-wrap: balance;
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell__text{
  max-width: 64ch;
  margin: 22px 0 0;
  color: rgba(236,241,250,.88);
  font-size: clamp(1rem, 1.25vw, 1.1rem);
  line-height: 1.78;
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 20px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color: #ffffff;
  font-size: .94rem;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 18px 36px rgba(3,16,42,.10);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell__btn:hover,
html body.cmc-site.page-leadership .cmc-leadership-hero-shell__btn:focus{
  transform: translateY(-1px);
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.28);
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell__btn--primary{
  border-color: transparent;
  background: linear-gradient(135deg, #7fb2ff 0%, #4f8bf0 45%, #2e67cb 100%);
  color: #ffffff;
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell__stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell__stat{
  display: grid;
  gap: 6px;
  min-height: 132px;
  align-content: end;
  padding: 22px 20px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.07));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 36px rgba(2,14,39,.14);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell__stat-value{
  color: #ffffff;
  font-size: clamp(1.8rem, 2.6vw, 2.5rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.04em;
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell__stat-label{
  color: rgba(235,240,251,.78);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.45;
}

html body.cmc-site.page-leadership .cmc-leadership-page{
  position: relative;
  margin-top: -44px;
  padding-top: 0;
  background:
    radial-gradient(860px 280px at 10% 0%, rgba(54,113,216,.10), transparent 62%),
    linear-gradient(180deg, #f5f9ff 0%, rgba(255,255,255,.98) 18%, #f7faff 100%);
}

html body.cmc-site.page-leadership .cmc-leadership-page > .cmc-wrap{
  position: relative;
  z-index: 1;
}

html body.cmc-site.page-leadership .cmc-leadership-mininav{
  top: 94px;
  gap: 8px;
  margin-top: 0;
  padding: 12px;
  border-radius: 26px;
  border: 1px solid rgba(18,58,128,.08);
  background: rgba(255,255,255,.88);
  box-shadow: 0 18px 44px rgba(9,33,79,.08);
}

html body.cmc-site.page-leadership .cmc-leadership-mininav__link{
  min-height: 42px;
  padding: 0 18px;
  font-size: .88rem;
  letter-spacing: .01em;
}

html body.cmc-site.page-leadership .cmc-leadership-mininav__link[aria-current="location"]{
  background: linear-gradient(135deg, rgba(61,115,224,.15), rgba(45,97,207,.08));
  color: #14428c;
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart,
html body.cmc-site.page-leadership .cmc-leadership-needs,
html body.cmc-site.page-leadership .cmc-leadership-tools,
html body.cmc-site.page-leadership .cmc-leadership-promenade,
html body.cmc-site.page-leadership .cmc-leadership-sidecard{
  border-radius: 32px;
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart{
  gap: 22px;
  margin-top: 22px;
  padding: clamp(24px, 3vw, 34px);
  background:
    radial-gradient(540px 180px at 100% 0%, rgba(41,96,198,.12), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(243,247,255,.98));
}

html body.cmc-site.page-leadership .cmc-leadership-needs{
  margin-top: 16px;
  padding: clamp(20px, 2.8vw, 28px);
}

html body.cmc-site.page-leadership .cmc-leadership-tools{
  display: grid;
  gap: 18px;
  margin-top: 18px;
  padding: clamp(24px, 3vw, 32px);
  border: 1px solid rgba(18,58,128,.10);
}

html body.cmc-site.page-leadership .cmc-leadership-search{
  display: grid;
  gap: 10px;
}

html body.cmc-site.page-leadership .cmc-leadership-search__label,
html body.cmc-site.page-leadership .cmc-leadership-selector__label{
  color: rgba(10,36,84,.64);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

html body.cmc-site.page-leadership .cmc-leadership-results{
  margin: 2px 0 0;
  color: rgba(10,36,84,.72);
  font-size: .96rem;
  font-weight: 700;
}

html body.cmc-site.page-leadership .cmc-leadership-promenade{
  margin-top: 54px;
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid rgba(18,58,128,.08);
  background:
    radial-gradient(680px 220px at 8% 0%, rgba(61,115,224,.08), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(243,248,255,.98));
  box-shadow: 0 24px 48px rgba(9,33,79,.08);
}

html body.cmc-site.page-leadership .cmc-leadership-promenade__grid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

html body.cmc-site.page-leadership .cmc-leadership-department-card{
  min-height: 230px;
  padding: 24px;
  border-radius: 26px;
}

html body.cmc-site.page-leadership .cmc-leadership-section{
  margin-top: 56px;
}

html body.cmc-site.page-leadership .cmc-leadership-section__head{
  margin-bottom: 22px;
}

html body.cmc-site.page-leadership .cmc-section-title--directory{
  font-size: clamp(2rem, 3vw, 3rem);
}

html body.cmc-site.page-leadership .cmc-leadership-section__count{
  min-width: 64px;
  height: 64px;
  border-radius: 22px;
  border: 1px solid rgba(45,97,207,.10);
  background: linear-gradient(135deg, rgba(61,115,224,.18), rgba(45,97,207,.08));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.46);
}

html body.cmc-site.page-leadership .cmc-leadership-grid{
  gap: 22px;
}

html body.cmc-site.page-leadership .cmc-leadership-grid--executive{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

html body.cmc-site.page-leadership .cmc-leader-card{
  position: relative;
  border-radius: 32px;
  border: 1px solid rgba(18,58,128,.10);
  box-shadow: 0 24px 52px rgba(8,29,70,.08);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

html body.cmc-site.page-leadership .cmc-leader-card:hover{
  transform: translateY(-5px);
  border-color: rgba(47,110,219,.18);
  box-shadow: 0 32px 62px rgba(8,29,70,.12);
}

html body.cmc-site.page-leadership .cmc-leader-card__media{
  position: relative;
  overflow: hidden;
}

html body.cmc-site.page-leadership .cmc-leader-card__media::after{
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 42%;
  background: linear-gradient(180deg, rgba(8,22,54,0) 0%, rgba(8,22,54,.14) 100%);
  pointer-events: none;
}

html body.cmc-site.page-leadership .cmc-leader-card__media img{
  transition: transform .4s ease;
}

html body.cmc-site.page-leadership .cmc-leader-card:hover .cmc-leader-card__media img{
  transform: scale(1.04);
}

html body.cmc-site.page-leadership .cmc-leadership-grid--executive .cmc-leader-card__media{
  aspect-ratio: 4 / 4.15;
}

html body.cmc-site.page-leadership .cmc-leadership-grid--directory .cmc-leader-card__media{
  aspect-ratio: 4 / 3.1;
}

html body.cmc-site.page-leadership .cmc-leader-card__body{
  padding: 24px 24px 26px !important;
}

html body.cmc-site.page-leadership .cmc-leader-card__name{
  font-size: clamp(1.2rem, 1.5vw, 1.42rem) !important;
}

html body.cmc-site.page-leadership .cmc-leader-card__name a{
  text-decoration: none;
}

html body.cmc-site.page-leadership .cmc-leader-card__name a:hover,
html body.cmc-site.page-leadership .cmc-leader-card__name a:focus{
  color: #184c9c !important;
}

html body.cmc-site.page-leadership .cmc-leader-card__summary{
  color: rgba(10,36,84,.7);
  line-height: 1.72;
}

html body.cmc-site.page-leadership .cmc-leader-card__when{
  width: 100%;
  padding-top: 14px;
  border-top: 1px solid rgba(18,58,128,.08);
}

html body.cmc-site.page-leadership .cmc-leader-card__actions{
  gap: 12px;
  padding-top: 6px;
}

html body.cmc-site.page-leadership .cmc-leader-card__btn,
html body.cmc-site.page-leadership .cmc-leadership-department-card__btn,
html body.cmc-site.page-leadership .cmc-leadership-quickstart-card__btn{
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: 999px;
  font-size: .86rem;
  letter-spacing: .01em;
}

html body.cmc-site.page-leadership .cmc-leadership-directory-shell{
  gap: 26px;
}

html body.cmc-site.page-leadership .cmc-leadership-directory-shell__aside{
  top: 158px;
}

html body.cmc-site.page-leadership .cmc-leadership-sidecard{
  padding: 28px;
}

html body.cmc-site.page-leadership .cmc-leadership-empty{
  margin-top: 26px;
  padding: 24px;
  border-radius: 28px;
  border: 1px dashed rgba(24,66,142,.18);
  background: rgba(255,255,255,.86);
}

@media (max-width: 1180px){
  html body.cmc-site.page-leadership .cmc-leadership-hero-shell{
    grid-template-columns: 1fr;
  }

  html body.cmc-site.page-leadership .cmc-leadership-hero-shell__title{
    max-width: 10.8ch;
  }

  html body.cmc-site.page-leadership .cmc-leadership-promenade__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px){
  html body.cmc-site.page-leadership .cmc-leader-hero--directory{
    padding: 132px 0 86px;
  }

  html body.cmc-site.page-leadership .cmc-leadership-hero-shell__title{
    max-width: none;
    font-size: clamp(2.25rem, 9vw, 3.65rem);
  }

  html body.cmc-site.page-leadership .cmc-leadership-hero-shell__actions{
    gap: 10px;
  }

  html body.cmc-site.page-leadership .cmc-leadership-hero-shell__btn{
    width: 100%;
  }

  html body.cmc-site.page-leadership .cmc-leadership-hero-shell__stats{
    grid-template-columns: 1fr 1fr;
  }

  html body.cmc-site.page-leadership .cmc-leadership-page{
    margin-top: -30px;
  }

  html body.cmc-site.page-leadership .cmc-leadership-mininav{
    padding: 10px;
    border-radius: 24px;
  }

  html body.cmc-site.page-leadership .cmc-leadership-promenade__grid,
  html body.cmc-site.page-leadership .cmc-leadership-grid--executive,
  html body.cmc-site.page-leadership .cmc-leadership-grid--directory{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px){
  html body.cmc-site.page-leadership .cmc-leadership-hero-shell__stats{
    grid-template-columns: 1fr;
  }

  html body.cmc-site.page-leadership .cmc-leadership-quickstart,
  html body.cmc-site.page-leadership .cmc-leadership-needs,
  html body.cmc-site.page-leadership .cmc-leadership-tools,
  html body.cmc-site.page-leadership .cmc-leadership-promenade{
    padding: 20px;
    border-radius: 24px;
  }

  html body.cmc-site.page-leadership .cmc-leader-card__body{
    padding: 20px 20px 22px !important;
  }
}


/* ==========================================================================
   Leadership Page Redesign Final Override
   ========================================================================== */
html body.cmc-site.page-leadership{
  --cmc-leadership-ink: #0b2a6f;
  --cmc-leadership-ink-soft: rgba(11,42,111,.74);
  --cmc-leadership-line: rgba(18,58,128,.12);
  --cmc-leadership-shell: linear-gradient(180deg, rgba(255,255,255,.98), rgba(243,248,255,.98));
  --cmc-leadership-card-shadow: 0 24px 52px rgba(9,33,79,.10);
}

html body.cmc-site.page-leadership .cmc-leadership-page{
  padding-top: clamp(24px, 3vw, 42px);
  padding-bottom: clamp(48px, 6vw, 88px);
  background:
    radial-gradient(900px 340px at 8% 0%, rgba(42,106,214,.08), transparent 60%),
    linear-gradient(180deg, rgba(244,248,255,.96), rgba(255,255,255,.98) 24%, rgba(246,249,255,.98));
}

html body.cmc-site.page-leadership .cmc-leadership-landing{
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .82fr);
  gap: clamp(18px, 3vw, 28px);
  align-items: stretch;
}

html body.cmc-site.page-leadership .cmc-leadership-landing__main{
  position: relative;
  padding: clamp(28px, 4vw, 46px);
  border-radius: 36px;
  overflow: hidden;
  background:
    radial-gradient(520px 220px at 92% 8%, rgba(90,151,255,.18), transparent 58%),
    linear-gradient(135deg, #0f2f73 0%, #133f8b 38%, #0e2a63 100%);
  box-shadow: 0 30px 60px rgba(7,23,58,.18);
}

html body.cmc-site.page-leadership .cmc-leadership-landing__main::after{
  content: "";
  position: absolute;
  inset: auto -10% -32% auto;
  width: clamp(180px, 24vw, 340px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.22), transparent 68%);
  pointer-events: none;
}

html body.cmc-site.page-leadership .cmc-leadership-landing__main :is(.cmc-kicker-line, .cmc-leadership-landing__eyebrow, .cmc-leadership-landing__title, .cmc-leadership-landing__text){
  position: relative;
  z-index: 1;
}

html body.cmc-site.page-leadership .cmc-leadership-landing__main .cmc-kicker-line{
  background: rgba(255,255,255,.28);
  margin-bottom: 18px;
}

html body.cmc-site.page-leadership .cmc-leadership-landing__eyebrow{
  margin: 0 0 12px;
  color: rgba(227,237,255,.86);
  font-size: .8rem;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

html body.cmc-site.page-leadership .cmc-leadership-landing__title{
  margin: 0;
  max-width: 13ch;
  color: #ffffff;
  font-size: clamp(2.15rem, 4.2vw, 4.25rem);
  line-height: .98;
  letter-spacing: -.045em;
}

html body.cmc-site.page-leadership .cmc-leadership-landing__text{
  margin: 18px 0 0;
  max-width: 62ch;
  color: rgba(234,241,255,.88);
  font-size: 1.04rem;
  line-height: 1.72;
}

html body.cmc-site.page-leadership .cmc-leadership-landing__rail{
  display: grid;
  gap: clamp(16px, 2vw, 20px);
}

html body.cmc-site.page-leadership .cmc-leadership-brief,
html body.cmc-site.page-leadership .cmc-leadership-focus__item,
html body.cmc-site.page-leadership .cmc-leadership-sidecard{
  padding: clamp(22px, 3vw, 28px);
  border-radius: 30px;
  border: 1px solid var(--cmc-leadership-line);
  background: var(--cmc-leadership-shell);
  box-shadow: var(--cmc-leadership-card-shadow);
}

html body.cmc-site.page-leadership .cmc-leadership-brief{
  background:
    radial-gradient(420px 180px at 100% 0%, rgba(47,110,219,.10), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,247,255,.98));
}

html body.cmc-site.page-leadership .cmc-leadership-brief__eyebrow,
html body.cmc-site.page-leadership .cmc-leadership-focus__eyebrow,
html body.cmc-site.page-leadership .cmc-leadership-promenade__eyebrow,
html body.cmc-site.page-leadership .cmc-leadership-section__eyebrow,
html body.cmc-site.page-leadership .cmc-leadership-sidecard__eyebrow{
  margin: 0 0 10px;
  color: rgba(11,42,111,.64);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

html body.cmc-site.page-leadership .cmc-leadership-brief__title,
html body.cmc-site.page-leadership .cmc-leadership-sidecard__title{
  margin: 0;
  color: var(--cmc-leadership-ink);
  font-size: clamp(1.24rem, 2vw, 1.6rem);
  line-height: 1.15;
}

html body.cmc-site.page-leadership .cmc-leadership-brief__list{
  margin: 18px 0 0;
  padding-left: 18px;
  color: var(--cmc-leadership-ink-soft);
  line-height: 1.72;
}

html body.cmc-site.page-leadership .cmc-leadership-brief__list li + li{
  margin-top: 10px;
}

html body.cmc-site.page-leadership .cmc-leadership-focus{
  display: grid;
  gap: 16px;
}

html body.cmc-site.page-leadership .cmc-leadership-focus__item{
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,249,255,.98));
}

html body.cmc-site.page-leadership .cmc-leadership-focus__title{
  margin: 0;
  color: var(--cmc-leadership-ink);
  font-size: 1.05rem;
  line-height: 1.28;
}

html body.cmc-site.page-leadership .cmc-leadership-focus__text,
html body.cmc-site.page-leadership .cmc-leadership-sidecard__text{
  margin: 12px 0 0;
  color: var(--cmc-leadership-ink-soft);
  line-height: 1.7;
}

html body.cmc-site.page-leadership .cmc-leadership-summary{
  margin-top: 22px;
  gap: 12px;
}

html body.cmc-site.page-leadership .cmc-leadership-summary__pill{
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.10);
  color: #ffffff;
  box-shadow: none;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

html body.cmc-site.page-leadership .cmc-leadership-jump{
  margin-top: 18px;
}

html body.cmc-site.page-leadership .cmc-leadership-jump__link{
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.12);
  color: #ffffff;
  box-shadow: none;
}

html body.cmc-site.page-leadership .cmc-leadership-jump__link:hover,
html body.cmc-site.page-leadership .cmc-leadership-jump__link:focus{
  background: rgba(255,255,255,.18);
  box-shadow: 0 16px 28px rgba(6,26,69,.22);
}

html body.cmc-site.page-leadership .cmc-leadership-tools{
  margin-top: 26px;
  padding: 24px;
  border-radius: 32px;
  background:
    radial-gradient(780px 220px at 10% 0%, rgba(47,110,219,.12), transparent 56%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,246,255,.98));
  box-shadow: var(--cmc-leadership-card-shadow);
}

html body.cmc-site.page-leadership .cmc-leadership-promenade{
  display: grid;
  gap: 20px;
  margin-top: 22px;
}

html body.cmc-site.page-leadership .cmc-leadership-promenade__head{
  display: grid;
  gap: 8px;
}

html body.cmc-site.page-leadership .cmc-leadership-promenade__title{
  margin: 0;
  color: var(--cmc-leadership-ink);
  font-size: clamp(1.4rem, 2.2vw, 2rem);
  line-height: 1.08;
}

html body.cmc-site.page-leadership .cmc-leadership-promenade__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

html body.cmc-site.page-leadership .cmc-leadership-department-card{
  display: grid;
  gap: 10px;
  min-height: 190px;
  padding: 22px;
  border-radius: 28px;
  border: 1px solid var(--cmc-leadership-line);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,248,255,.98));
  color: inherit;
  text-decoration: none;
  box-shadow: var(--cmc-leadership-card-shadow);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

html body.cmc-site.page-leadership .cmc-leadership-department-card:hover,
html body.cmc-site.page-leadership .cmc-leadership-department-card:focus{
  transform: translateY(-3px);
  border-color: rgba(47,110,219,.24);
  box-shadow: 0 30px 58px rgba(9,33,79,.14);
}

html body.cmc-site.page-leadership .cmc-leadership-department-card__eyebrow{
  color: rgba(11,42,111,.56);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

html body.cmc-site.page-leadership .cmc-leadership-department-card__title{
  color: var(--cmc-leadership-ink);
  font-size: 1.15rem;
  font-weight: 900;
  line-height: 1.14;
}

html body.cmc-site.page-leadership .cmc-leadership-department-card__text{
  color: var(--cmc-leadership-ink-soft);
  line-height: 1.68;
}

html body.cmc-site.page-leadership .cmc-leadership-empty{
  margin-top: 18px;
}

html body.cmc-site.page-leadership .cmc-leadership-section{
  margin-top: 46px;
}

html body.cmc-site.page-leadership .cmc-leadership-section__head{
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

html body.cmc-site.page-leadership .cmc-leadership-section__intro{
  max-width: 68ch;
}

html body.cmc-site.page-leadership .cmc-section-title--directory{
  margin: 0;
  font-size: clamp(1.9rem, 3vw, 2.8rem);
  letter-spacing: -.04em;
}

html body.cmc-site.page-leadership .cmc-leadership-section__intro .cmc-section-text{
  margin: 12px 0 0;
  max-width: 62ch;
}

html body.cmc-site.page-leadership .cmc-leadership-section__count{
  min-width: 56px;
  height: 56px;
  background: linear-gradient(135deg, rgba(61,115,224,.18), rgba(45,97,207,.10));
}

html body.cmc-site.page-leadership .cmc-leadership-grid{
  gap: 18px;
  margin-top: 0 !important;
}

html body.cmc-site.page-leadership .cmc-leadership-grid--executive{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

html body.cmc-site.page-leadership .cmc-leadership-grid--directory{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

html body.cmc-site.page-leadership .cmc-leadership-directory-shell{
  display: grid;
  grid-template-columns: minmax(240px, .42fr) minmax(0, 1fr);
  gap: clamp(18px, 3vw, 24px);
  align-items: start;
}

html body.cmc-site.page-leadership .cmc-leadership-directory-shell__aside{
  position: sticky;
  top: 162px;
}

html body.cmc-site.page-leadership .cmc-leadership-sidecard{
  background:
    radial-gradient(360px 160px at 100% 0%, rgba(47,110,219,.10), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(243,248,255,.98));
}

html body.cmc-site.page-leadership .cmc-leader-card{
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid var(--cmc-leadership-line);
  background:
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(243,248,255,.98));
  box-shadow: var(--cmc-leadership-card-shadow);
}

html body.cmc-site.page-leadership .cmc-leader-card__media{
  background: linear-gradient(180deg, rgba(216,229,248,.44), rgba(241,246,255,.62));
}

html body.cmc-site.page-leadership .cmc-leadership-grid--executive .cmc-leader-card__media{
  aspect-ratio: 4 / 4.3;
}

html body.cmc-site.page-leadership .cmc-leadership-grid--directory .cmc-leader-card__media{
  aspect-ratio: 4 / 3.4;
}

html body.cmc-site.page-leadership .cmc-leader-card__body{
  align-items: flex-start;
  text-align: left;
  gap: 0;
  padding: 22px 22px 24px !important;
}

html body.cmc-site.page-leadership .cmc-leader-card__topline{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin-bottom: 16px;
}

html body.cmc-site.page-leadership .cmc-leader-card__department{
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(47,110,219,.10);
  color: #1a4f9f;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html body.cmc-site.page-leadership .cmc-leader-card__badge{
  margin: 0;
  background: rgba(11,42,111,.06);
  color: rgba(11,42,111,.7);
}

html body.cmc-site.page-leadership .cmc-leader-card__name{
  margin-bottom: 6px !important;
  font-size: clamp(1.12rem, 1.35vw, 1.32rem) !important;
}

html body.cmc-site.page-leadership .cmc-leader-card__title{
  max-width: none;
  margin-bottom: 8px !important;
  font-size: 1rem !important;
}

html body.cmc-site.page-leadership .cmc-leader-card__term{
  margin-bottom: 10px;
  font-size: .9rem;
  font-weight: 800;
  color: rgba(11,42,111,.58) !important;
}

html body.cmc-site.page-leadership .cmc-leader-card__summary{
  margin: 0 0 14px;
  text-wrap: pretty;
}

html body.cmc-site.page-leadership .cmc-leader-card__meta{
  margin: 0 0 16px !important;
  font-size: .92rem !important;
}

html body.cmc-site.page-leadership .cmc-leader-card__actions{
  justify-content: flex-start;
  width: 100%;
  margin-top: auto;
}

html body.cmc-site.page-leadership .cmc-leader-card__btn{
  min-height: 40px !important;
  padding: 0 18px !important;
}

html body.cmc-site.page-leadership .cmc-leader-card--executive .cmc-leader-card__summary{
  font-size: .95rem;
  line-height: 1.7;
}

html body.cmc-site.page-leadership .cmc-leader-card--director .cmc-leader-card__summary{
  min-height: 4.7em;
}

html body.cmc-site.page-leadership .cmc-note--leadership{
  box-shadow: var(--cmc-leadership-card-shadow);
}

@media (max-width: 1180px){
  html body.cmc-site.page-leadership .cmc-leadership-landing{
    grid-template-columns: 1fr;
  }

  html body.cmc-site.page-leadership .cmc-leadership-promenade__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html body.cmc-site.page-leadership .cmc-leadership-grid--executive{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html body.cmc-site.page-leadership .cmc-leadership-directory-shell{
    grid-template-columns: 1fr;
  }

  html body.cmc-site.page-leadership .cmc-leadership-directory-shell__aside{
    position: static;
  }
}

@media (max-width: 860px){
  html body.cmc-site.page-leadership .cmc-leadership-landing__main{
    padding: 26px 22px;
  }

  html body.cmc-site.page-leadership .cmc-leadership-landing__title{
    max-width: none;
  }

  html body.cmc-site.page-leadership .cmc-leadership-promenade__grid,
  html body.cmc-site.page-leadership .cmc-leadership-grid--executive,
  html body.cmc-site.page-leadership .cmc-leadership-grid--directory{
    grid-template-columns: 1fr;
  }

  html body.cmc-site.page-leadership .cmc-leadership-section__head{
    align-items: flex-start;
  }
}

/* ==========================================================================
   Leadership Page Refinement Layer
   ========================================================================== */
html body.cmc-site.page-leadership .cmc-leadership-mission{
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.16);
}

html body.cmc-site.page-leadership .cmc-leadership-mission__eyebrow{
  margin: 0 0 8px;
  color: rgba(227,237,255,.72);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

html body.cmc-site.page-leadership .cmc-leadership-mission__text{
  margin: 0;
  max-width: 54ch;
  color: rgba(242,246,255,.88);
  line-height: 1.72;
}

html body.cmc-site.page-leadership .cmc-leadership-mininav{
  position: sticky;
  top: 86px;
  z-index: 19;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
  padding: 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(18,58,128,.10);
  box-shadow: 0 20px 36px rgba(9,33,79,.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

html body.cmc-site.page-leadership .cmc-leadership-mininav__link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  color: rgba(11,42,111,.72);
  font-size: .9rem;
  font-weight: 800;
  text-decoration: none;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}

html body.cmc-site.page-leadership .cmc-leadership-mininav__link:hover,
html body.cmc-site.page-leadership .cmc-leadership-mininav__link:focus,
html body.cmc-site.page-leadership .cmc-leadership-mininav__link.is-active{
  background: linear-gradient(135deg, rgba(61,115,224,.14), rgba(45,97,207,.08));
  color: #17448d;
  transform: translateY(-1px);
}

html body.cmc-site.page-leadership .cmc-leadership-needs{
  display: grid;
  gap: 14px;
  margin-top: 18px;
  padding: 24px;
  border-radius: 28px;
  border: 1px solid rgba(18,58,128,.10);
  background:
    radial-gradient(680px 180px at 6% 0%, rgba(47,110,219,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,246,255,.98));
  box-shadow: 0 22px 44px rgba(9,33,79,.08);
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart{
  display: grid;
  gap: 18px;
  margin-top: 18px;
  padding: 24px;
  border-radius: 30px;
  border: 1px solid rgba(18,58,128,.10);
  background:
    radial-gradient(700px 200px at 100% 0%, rgba(47,110,219,.10), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,246,255,.98));
  box-shadow: 0 22px 44px rgba(9,33,79,.08);
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart__head{
  display: grid;
  gap: 8px;
  max-width: 68ch;
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart__eyebrow{
  margin: 0;
  color: rgba(11,42,111,.64);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart__title{
  margin: 0;
  color: #0b2a6f;
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  line-height: 1.08;
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart__text{
  margin: 0;
  color: rgba(11,42,111,.72);
  line-height: 1.66;
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart-card{
  display: grid;
  gap: 10px;
  min-height: 220px;
  padding: 22px;
  border-radius: 24px;
  border: 1px solid rgba(18,58,128,.10);
  background: rgba(255,255,255,.9);
  box-shadow: 0 18px 34px rgba(9,33,79,.06);
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart-card__eyebrow{
  color: rgba(11,42,111,.56);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart-card__title{
  margin: 0;
  color: #0b2a6f;
  font-size: 1.14rem;
  line-height: 1.12;
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart-card__role{
  margin: 0;
  color: rgba(11,42,111,.66);
  font-weight: 800;
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart-card__text{
  margin: 0;
  color: rgba(11,42,111,.74);
  line-height: 1.62;
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart-card__topics{
  margin: 0;
  color: rgba(11,42,111,.56);
  font-size: .82rem;
  line-height: 1.6;
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart-card__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(47,110,219,.14);
  background: rgba(255,255,255,.88);
  color: #17448d;
  font-size: .84rem;
  font-weight: 800;
  text-decoration: none;
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart-card__btn--primary{
  background: linear-gradient(135deg, #3d73e0 0%, #2d61cf 100%);
  color: #ffffff;
  border-color: transparent;
}

html body.cmc-site.page-leadership .cmc-leadership-needs__head{
  display: grid;
  gap: 6px;
}

html body.cmc-site.page-leadership .cmc-leadership-needs__eyebrow{
  margin: 0;
  color: rgba(11,42,111,.64);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

html body.cmc-site.page-leadership .cmc-leadership-needs__text{
  margin: 0;
  color: rgba(11,42,111,.7);
  line-height: 1.6;
}

html body.cmc-site.page-leadership .cmc-leadership-needs__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

html body.cmc-site.page-leadership .cmc-leadership-need-chip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(47,110,219,.14);
  background: rgba(255,255,255,.88);
  color: #17448d;
  font-size: .9rem;
  font-weight: 800;
  box-shadow: 0 12px 24px rgba(17,58,124,.06);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

html body.cmc-site.page-leadership .cmc-leadership-need-chip:hover,
html body.cmc-site.page-leadership .cmc-leadership-need-chip:focus,
html body.cmc-site.page-leadership .cmc-leadership-need-chip.is-active{
  transform: translateY(-1px);
  border-color: rgba(47,110,219,.26);
  background: linear-gradient(135deg, rgba(61,115,224,.14), rgba(45,97,207,.08));
  box-shadow: 0 14px 26px rgba(17,58,124,.10);
}

html body.cmc-site.page-leadership .cmc-leadership-selectors{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

html body.cmc-site.page-leadership .cmc-leadership-active{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  grid-column: 1 / -1;
  padding: 0 8px;
}

html body.cmc-site.page-leadership .cmc-leadership-active__pill{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(47,110,219,.14);
  background: rgba(255,255,255,.88);
  color: #17448d;
  font-size: .82rem;
  font-weight: 800;
}

html body.cmc-site.page-leadership .cmc-leadership-active__pill--clear{
  background: rgba(11,42,111,.06);
}

html body.cmc-site.page-leadership .cmc-leadership-department-card__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
}

html body.cmc-site.page-leadership .cmc-leadership-department-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(47,110,219,.14);
  background: rgba(255,255,255,.8);
  color: #17448d;
  font-size: .84rem;
  font-weight: 800;
  text-decoration: none;
}

html body.cmc-site.page-leadership .cmc-leadership-department-card__btn--primary{
  background: linear-gradient(135deg, #3d73e0 0%, #2d61cf 100%);
  color: #ffffff;
  border-color: transparent;
}

html body.cmc-site.page-leadership .cmc-leader-card__trust{
  margin-bottom: 8px;
  color: rgba(11,42,111,.56);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

html body.cmc-site.page-leadership .cmc-leader-card__focus{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
}

html body.cmc-site.page-leadership .cmc-leader-card__focus-pill{
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(47,110,219,.09);
  color: #1a4f9f;
  font-size: .76rem;
  font-weight: 800;
}

html body.cmc-site.page-leadership .cmc-leader-card__when{
  margin: 0 0 16px;
}

html body.cmc-site.page-leadership .cmc-leader-card__when-label{
  display: block;
  margin-bottom: 6px;
  color: rgba(11,42,111,.54);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

html body.cmc-site.page-leadership .cmc-leader-card__when-text{
  margin: 0;
  color: rgba(11,42,111,.72);
  line-height: 1.62;
}

html body.cmc-site.page-leadership .cmc-leader-card__actions{
  gap: 10px;
  flex-wrap: wrap;
}

html body.cmc-site.page-leadership .cmc-leader-card__btn--secondary{
  background: rgba(255,255,255,.82) !important;
  color: #17448d !important;
  -webkit-text-fill-color: #17448d !important;
  border: 1px solid rgba(47,110,219,.16) !important;
  box-shadow: 0 12px 24px rgba(17,58,124,.08) !important;
}

html body.cmc-site.page-leadership .cmc-leader-card__btn--secondary:hover,
html body.cmc-site.page-leadership .cmc-leader-card__btn--secondary:focus{
  color: #17448d !important;
  -webkit-text-fill-color: #17448d !important;
}

html body.cmc-site.page-leadership .cmc-leadership-empty{
  display: grid;
  gap: 12px;
}

html body.cmc-site.page-leadership .cmc-leadership-empty__title{
  margin: 0;
  color: #0b2a6f;
  font-size: 1.08rem;
  font-weight: 900;
}

html body.cmc-site.page-leadership .cmc-leadership-empty__text{
  margin: 0;
  color: rgba(11,42,111,.72);
  line-height: 1.68;
}

html body.cmc-site.page-leadership .cmc-leadership-empty__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

html body.cmc-site.page-leadership .cmc-leadership-empty__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(47,110,219,.16);
  background: linear-gradient(135deg, #3d73e0 0%, #2d61cf 100%);
  color: #ffffff;
  font-size: .84rem;
  font-weight: 800;
}

html body.cmc-site.page-leadership .cmc-leadership-empty__btn--soft{
  background: rgba(255,255,255,.88);
  color: #17448d;
}

html body.cmc-site.page-leadership :is(
  .cmc-leadership-mininav__link,
  .cmc-leadership-need-chip,
  .cmc-leadership-active__pill,
  .cmc-leadership-empty__btn,
  .cmc-leadership-department-card__btn,
  .cmc-leader-card__btn,
  .cmc-leadership-search__clear,
  .cmc-leadership-selector__control
):focus-visible{
  outline: 3px solid rgba(47,110,219,.28);
  outline-offset: 2px;
}

@media (max-width: 1180px){
  html body.cmc-site.page-leadership .cmc-leadership-selectors{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html body.cmc-site.page-leadership .cmc-leadership-quickstart__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px){
  html body.cmc-site.page-leadership .cmc-leadership-mininav{
    position: static;
    border-radius: 24px;
  }

  html body.cmc-site.page-leadership .cmc-leadership-selectors{
    grid-template-columns: 1fr;
  }

  html body.cmc-site.page-leadership .cmc-leadership-quickstart__grid{
    grid-template-columns: 1fr;
  }
}


/* ==========================================================================
   Phase 2 Header Search Architecture Final Override
   ========================================================================== */
html body.cmc-site .cmc-header .cmc-nav-toggle__text{
  display: none;
}

@media (max-width: 1200px){
  html body.cmc-site .cmc-header .cmc-mobile-tools{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    width: 100% !important;
  }

  html body.cmc-site .cmc-header .cmc-mobile-tools .cmc-utility-search-toggle--mobile,
  html body.cmc-site .cmc-header .cmc-mobile-tools .cmc-nav-toggle{
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: transparent !important;
    border: 0 !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: .12em !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  html body.cmc-site .cmc-header .cmc-mobile-tools .cmc-utility-search-toggle--mobile{
    display: inline-flex !important;
  }

  html body.cmc-site .cmc-header .cmc-mobile-tools .cmc-utility-search-toggle__label,
  html body.cmc-site .cmc-header .cmc-mobile-tools .cmc-nav-toggle__text{
    display: inline !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: nowrap !important;
  }

  html body.cmc-site .cmc-header .cmc-mobile-tools .cmc-utility-search-toggle__icon{
    font-size: 16px !important;
    line-height: 1 !important;
  }

  html body.cmc-site .cmc-header .cmc-mobile-tools .cmc-nav-toggle{
    width: auto !important;
    min-width: 0 !important;
  }

  html body.cmc-site .cmc-header .cmc-mobile-tools .cmc-nav-toggle__icon{
    position: relative !important;
    top: auto !important;
  }

  html body.cmc-site .cmc-header .cmc-mobile-tools .cmc-nav-toggle__icon::before,
  html body.cmc-site .cmc-header .cmc-mobile-tools .cmc-nav-toggle__icon::after{
    top: auto !important;
  }

  html body.cmc-site .cmc-header .cmc-mobile-tools .cmc-nav-toggle__icon::before{
    top: -6px !important;
  }

  html body.cmc-site .cmc-header .cmc-mobile-tools .cmc-nav-toggle__icon::after{
    top: 6px !important;
  }
}

/* ==========================================================================
   Phase 3 Design System Consolidation Layer
   ========================================================================== */
body.cmc-site{
  --cmc-ds-radius-sm: 14px;
  --cmc-ds-radius-md: 18px;
  --cmc-ds-radius-lg: 24px;
  --cmc-ds-radius-pill: 999px;
  --cmc-ds-line: rgba(19, 57, 122, .12);
  --cmc-ds-line-strong: rgba(19, 57, 122, .18);
  --cmc-ds-surface: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,248,255,.96) 100%);
  --cmc-ds-surface-soft: rgba(255,255,255,.84);
  --cmc-ds-shadow-sm: 0 14px 28px rgba(8, 27, 64, .08);
  --cmc-ds-shadow-md: 0 22px 44px rgba(8, 27, 64, .10);
  --cmc-ds-shadow-button: 0 14px 26px rgba(18, 60, 152, .18);
  --cmc-ds-focus: 0 0 0 3px rgba(79, 150, 243, .22);
  --cmc-ds-text: #102b59;
  --cmc-ds-text-soft: rgba(16, 43, 89, .74);
  --cmc-ds-primary: linear-gradient(135deg, #4f96f3 0%, #2f6fdd 100%);
  --cmc-ds-primary-hover: linear-gradient(135deg, #5da4ff 0%, #3a7aed 100%);
  --cmc-ds-secondary-bg: rgba(47, 110, 219, .10);
  --cmc-ds-secondary-border: rgba(47, 110, 219, .18);
}

body.cmc-site :is(
  .cmc-btn,
  .cmc-btn--hero,
  .cmc-btn--hero-ghost,
  .cmc-btn--pill,
  .cmc-btn--ghost,
  .cmc-nav-cta,
  .cmc-action-card__btn,
  .cmc-global-cta__btn,
  .cmc-leader-card__btn,
  .cmc-leadership-quickstart-card__btn,
  .cmc-leadership-department-card__btn,
  .cmc-leadership-utility__btn,
  .cmc-leadership-search__clear,
  .cmc-topic-search__submit,
  .cmc-utility-search__btn
){
  border-radius: var(--cmc-ds-radius-pill) !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease,
    border-color .2s ease,
    color .2s ease !important;
}

body.cmc-site :is(
  .cmc-btn,
  .cmc-nav-cta,
  .cmc-global-cta__btn,
  .cmc-topic-search__submit,
  .cmc-utility-search__btn
):not(.cmc-btn--ghost):not(.cmc-btn--hero-ghost):not(.cmc-btn--pill):not(.cmc-btn--leader-ghost){
  box-shadow: var(--cmc-ds-shadow-button) !important;
}

body.cmc-site :is(
  .cmc-btn:hover,
  .cmc-btn--hero:hover,
  .cmc-btn--hero-ghost:hover,
  .cmc-btn--pill:hover,
  .cmc-btn--ghost:hover,
  .cmc-nav-cta:hover,
  .cmc-action-card__btn:hover,
  .cmc-global-cta__btn:hover,
  .cmc-leader-card__btn:hover,
  .cmc-leadership-quickstart-card__btn:hover,
  .cmc-leadership-department-card__btn:hover,
  .cmc-leadership-utility__btn:hover,
  .cmc-leadership-search__clear:hover,
  .cmc-topic-search__submit:hover,
  .cmc-utility-search__btn:hover
){
  transform: translateY(-2px);
}

body.cmc-site :is(
  .cmc-btn,
  .cmc-btn--hero,
  .cmc-btn--hero-ghost,
  .cmc-btn--pill,
  .cmc-btn--ghost,
  .cmc-nav-cta,
  .cmc-action-card__btn,
  .cmc-global-cta__btn,
  .cmc-leader-card__btn,
  .cmc-leadership-quickstart-card__btn,
  .cmc-leadership-department-card__btn,
  .cmc-leadership-utility__btn,
  .cmc-leadership-search__clear,
  .cmc-topic-search__submit,
  .cmc-utility-search__btn,
  .cmc-tag,
  .cmc-chip,
  .cmc-topic-search__chip,
  .cmc-leadership-active__pill
):focus-visible{
  outline: none !important;
  box-shadow: var(--cmc-ds-focus) !important;
}

body.cmc-site :is(
  .cmc-btn--ghost,
  .cmc-btn--hero-ghost,
  .cmc-btn--pill,
  .cmc-btn--leader-ghost,
  .cmc-leader-card__btn--secondary,
  .cmc-leadership-utility__btn,
  .cmc-leadership-active__pill,
  .cmc-tag,
  .cmc-chip,
  .cmc-topic-search__chip
){
  background: var(--cmc-ds-secondary-bg) !important;
  border: 1px solid var(--cmc-ds-secondary-border) !important;
  color: #17448d !important;
  box-shadow: none !important;
}

body.cmc-site :is(
  .cmc-btn--ghost:hover,
  .cmc-btn--hero-ghost:hover,
  .cmc-btn--pill:hover,
  .cmc-btn--leader-ghost:hover,
  .cmc-leader-card__btn--secondary:hover,
  .cmc-leadership-utility__btn:hover,
  .cmc-leadership-active__pill:hover,
  .cmc-tag:hover,
  .cmc-chip:hover,
  .cmc-topic-search__chip:hover
){
  background: rgba(47, 110, 219, .14) !important;
  border-color: rgba(47, 110, 219, .24) !important;
}

body.cmc-site :is(
  .cmc-topic-search__input,
  .cmc-utility-search__input,
  .cmc-leadership-selector__control,
  #cmc-leadership-search-input,
  .cmc-prayerreq-form :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea, select)
){
  border-radius: var(--cmc-ds-radius-md) !important;
  border: 1px solid var(--cmc-ds-line-strong) !important;
  background: var(--cmc-ds-surface) !important;
  color: var(--cmc-ds-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 8px 18px rgba(8, 27, 64, .04) !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

body.cmc-site :is(
  .cmc-topic-search__input,
  .cmc-utility-search__input,
  .cmc-leadership-selector__control,
  #cmc-leadership-search-input,
  .cmc-prayerreq-form :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea, select)
):focus{
  outline: none !important;
  border-color: rgba(79, 150, 243, .52) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.98), var(--cmc-ds-focus) !important;
}

body.cmc-site :is(
  .cmc-note,
  .cmc-leadership-empty,
  .cmc-leadership-utility,
  .cmc-global-cta__inner
){
  border: 1px solid var(--cmc-ds-line) !important;
  box-shadow: var(--cmc-ds-shadow-sm) !important;
}

body.cmc-site .cmc-global-cta__inner,
body.cmc-site .cmc-leadership-utility{
  background: var(--cmc-ds-surface) !important;
}

body.cmc-site .cmc-note,
body.cmc-site .cmc-leadership-empty{
  background: var(--cmc-ds-surface-soft) !important;
  color: var(--cmc-ds-text-soft) !important;
}

body.cmc-site .cmc-footer__reach{
  margin-top: 12px;
}

body.cmc-site :is(.cmc-tag, .cmc-chip, .cmc-topic-search__chip, .cmc-leadership-active__pill){
  border-radius: var(--cmc-ds-radius-pill) !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
}

body.cmc-site .cmc-main > :is(section, article, .cmc-block){
  scroll-margin-top: 112px;
}

/* ==========================================================================
   Leadership Page Final Refinement Override
   ========================================================================== */
html body.cmc-site.page-leadership{
  --cmc-leadership-ink: #0c2758;
  --cmc-leadership-ink-soft: rgba(12,39,88,.70);
  --cmc-leadership-line: rgba(24,66,142,.10);
  --cmc-leadership-card-shadow: 0 18px 38px rgba(8,29,70,.07);
}

html body.cmc-site.page-leadership .cmc-leader-hero--directory{
  padding: clamp(128px, 13vw, 176px) 0 clamp(82px, 8vw, 108px);
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell{
  gap: clamp(18px, 3vw, 30px);
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell__title{
  max-width: 11.2ch;
  font-size: clamp(2.45rem, 4.7vw, 4.6rem);
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell__actions{
  margin-top: 22px;
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell__btn{
  min-height: 46px;
  box-shadow: 0 12px 24px rgba(3,16,42,.08);
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell__stats{
  gap: 12px;
}

html body.cmc-site.page-leadership .cmc-leadership-hero-shell__stat{
  min-height: 118px;
  padding: 20px 18px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 28px rgba(2,14,39,.10);
}

html body.cmc-site.page-leadership .cmc-leadership-page{
  margin-top: -26px;
  background:
    radial-gradient(720px 240px at 10% 0%, rgba(54,113,216,.07), transparent 62%),
    linear-gradient(180deg, #f7faff 0%, rgba(255,255,255,.98) 18%, #f7faff 100%);
}

html body.cmc-site.page-leadership .cmc-leadership-mininav{
  top: 90px;
  box-shadow: 0 14px 28px rgba(9,33,79,.06);
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart{
  gap: 18px;
  margin-top: 18px;
  padding: clamp(20px, 2.8vw, 28px);
  box-shadow: 0 16px 34px rgba(9,33,79,.06);
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart__grid{
  gap: 14px;
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart-card{
  min-height: 0;
  gap: 8px;
  padding: 18px;
  border-radius: 22px;
  box-shadow: 0 12px 24px rgba(9,33,79,.05);
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart-card__title{
  font-size: 1.06rem;
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart-card__text{
  font-size: .95rem;
  line-height: 1.58;
}

html body.cmc-site.page-leadership .cmc-leadership-tools{
  gap: 14px;
  padding: clamp(22px, 2.8vw, 28px);
  box-shadow: 0 16px 34px rgba(9,33,79,.06);
}

html body.cmc-site.page-leadership .cmc-leadership-tools .cmc-leadership-needs{
  margin-top: 0;
  padding: 14px 0 0;
  border-top: 1px solid rgba(18,58,128,.08);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html body.cmc-site.page-leadership .cmc-leadership-needs__head{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

html body.cmc-site.page-leadership .cmc-leadership-needs__text{
  font-size: .92rem;
}

html body.cmc-site.page-leadership .cmc-leadership-need-chip{
  min-height: 38px;
  box-shadow: none;
}

html body.cmc-site.page-leadership .cmc-leadership-results{
  margin-top: 0;
}

html body.cmc-site.page-leadership .cmc-leadership-section{
  margin-top: 48px;
}

html body.cmc-site.page-leadership .cmc-leadership-section__head{
  margin-bottom: 18px;
}

html body.cmc-site.page-leadership .cmc-section-title--directory{
  font-size: clamp(1.8rem, 2.6vw, 2.6rem);
}

html body.cmc-site.page-leadership .cmc-leadership-grid{
  gap: 18px;
}

html body.cmc-site.page-leadership .cmc-leadership-grid--executive{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

html body.cmc-site.page-leadership .cmc-leadership-grid--directory{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

html body.cmc-site.page-leadership .cmc-leadership-directory-shell{
  grid-template-columns: minmax(220px, .34fr) minmax(0, 1fr);
  gap: 20px;
}

html body.cmc-site.page-leadership .cmc-leadership-directory-shell__aside{
  top: 148px;
}

html body.cmc-site.page-leadership .cmc-leadership-sidecard{
  padding: 24px;
  border-radius: 26px;
  box-shadow: 0 14px 30px rgba(9,33,79,.06);
}

html body.cmc-site.page-leadership .cmc-leadership-promenade{
  margin-top: 48px;
  padding: clamp(22px, 2.8vw, 30px);
  box-shadow: 0 16px 34px rgba(9,33,79,.06);
}

html body.cmc-site.page-leadership .cmc-leadership-promenade__grid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

html body.cmc-site.page-leadership .cmc-leadership-department-card{
  min-height: 208px;
  padding: 22px;
  border-radius: 24px;
  box-shadow: 0 14px 28px rgba(9,33,79,.05);
}

html body.cmc-site.page-leadership .cmc-leader-card{
  border-radius: 26px;
  box-shadow: 0 16px 34px rgba(8,29,70,.06);
}

html body.cmc-site.page-leadership .cmc-leader-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 22px 40px rgba(8,29,70,.09);
}

html body.cmc-site.page-leadership .cmc-leader-card__media{
  background: linear-gradient(180deg, rgba(216,229,248,.34), rgba(241,246,255,.52));
}

html body.cmc-site.page-leadership .cmc-leader-card__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html body.cmc-site.page-leadership .cmc-leadership-grid--executive .cmc-leader-card__media{
  aspect-ratio: 4 / 3.7;
}

html body.cmc-site.page-leadership .cmc-leadership-grid--directory .cmc-leader-card__media{
  aspect-ratio: 4 / 2.9;
}

html body.cmc-site.page-leadership .cmc-leader-card__body{
  padding: 20px 20px 22px !important;
}

html body.cmc-site.page-leadership .cmc-leadership-grid--directory .cmc-leader-card__body{
  padding: 18px 18px 20px !important;
}

html body.cmc-site.page-leadership .cmc-leader-card__topline{
  margin-bottom: 12px;
}

html body.cmc-site.page-leadership .cmc-leader-card__badge{
  padding: 4px 9px;
  font-size: .68rem;
}

html body.cmc-site.page-leadership .cmc-leader-card__name{
  margin-bottom: 4px !important;
}

html body.cmc-site.page-leadership .cmc-leader-card__title{
  margin-bottom: 10px !important;
  color: rgba(12,39,88,.74) !important;
}

html body.cmc-site.page-leadership .cmc-leader-card__summary{
  margin: 0 0 12px;
  font-size: .95rem;
  line-height: 1.62;
}

html body.cmc-site.page-leadership .cmc-leadership-grid--directory .cmc-leader-card__summary{
  min-height: 0;
  font-size: .92rem;
}

html body.cmc-site.page-leadership .cmc-leader-card__actions{
  gap: 10px;
  padding-top: 0;
}

html body.cmc-site.page-leadership .cmc-leader-card__btn,
html body.cmc-site.page-leadership .cmc-leadership-department-card__btn,
html body.cmc-site.page-leadership .cmc-leadership-quickstart-card__btn{
  min-height: 40px !important;
  font-size: .84rem;
  box-shadow: none !important;
}

html body.cmc-site.page-leadership .cmc-leadership-empty{
  margin-top: 22px;
  padding: 20px 22px;
  border-style: solid;
  box-shadow: none;
}

html body.cmc-site.page-leadership .cmc-leadership-empty__actions{
  gap: 0;
}

html body.cmc-site.page-leadership .cmc-leadership-empty__btn{
  box-shadow: none;
}

html body.cmc-site.page-leadership .cmc-leadership-mininav,
html body.cmc-site.page-leadership .cmc-leadership-quickstart,
html body.cmc-site.page-leadership .cmc-leadership-tools,
html body.cmc-site.page-leadership .cmc-leadership-section,
html body.cmc-site.page-leadership .cmc-leadership-directory-shell,
html body.cmc-site.page-leadership .cmc-leadership-promenade{
  animation: cmcLeadershipRise .55s ease both;
}

html body.cmc-site.page-leadership .cmc-leadership-quickstart{ animation-delay: .04s; }
html body.cmc-site.page-leadership .cmc-leadership-tools{ animation-delay: .08s; }
html body.cmc-site.page-leadership #officers{ animation-delay: .12s; }
html body.cmc-site.page-leadership .cmc-leadership-directory-shell{ animation-delay: .16s; }
html body.cmc-site.page-leadership .cmc-leadership-promenade{ animation-delay: .2s; }

@keyframes cmcLeadershipRise{
  from{
    opacity: 0;
    transform: translateY(16px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce){
  html body.cmc-site.page-leadership .cmc-leadership-mininav,
  html body.cmc-site.page-leadership .cmc-leadership-quickstart,
  html body.cmc-site.page-leadership .cmc-leadership-tools,
  html body.cmc-site.page-leadership .cmc-leadership-section,
  html body.cmc-site.page-leadership .cmc-leadership-directory-shell,
  html body.cmc-site.page-leadership .cmc-leadership-promenade{
    animation: none;
  }

  html body.cmc-site.page-leadership .cmc-leader-card,
  html body.cmc-site.page-leadership .cmc-leader-card:hover{
    transform: none;
  }

  html body.cmc-site.page-leadership .cmc-leader-card__media img,
  html body.cmc-site.page-leadership .cmc-leader-card:hover .cmc-leader-card__media img{
    transform: none;
  }
}

@media (max-width: 1180px){
  html body.cmc-site.page-leadership .cmc-leadership-grid--directory{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html body.cmc-site.page-leadership .cmc-leadership-promenade__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html body.cmc-site.page-leadership .cmc-leadership-directory-shell{
    grid-template-columns: 1fr;
  }

  html body.cmc-site.page-leadership .cmc-leadership-directory-shell__aside{
    position: static;
  }
}

@media (max-width: 860px){
  html body.cmc-site.page-leadership .cmc-leader-hero--directory{
    padding: 122px 0 76px;
  }

  html body.cmc-site.page-leadership .cmc-leadership-hero-shell__title{
    max-width: none;
    font-size: clamp(2.15rem, 8.4vw, 3.5rem);
  }

  html body.cmc-site.page-leadership .cmc-leadership-needs__head{
    display: grid;
    justify-content: start;
  }

  html body.cmc-site.page-leadership .cmc-leadership-grid--executive,
  html body.cmc-site.page-leadership .cmc-leadership-grid--directory,
  html body.cmc-site.page-leadership .cmc-leadership-promenade__grid{
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   Leadership Search And Button Redesign
   ========================================================================== */
html body.cmc-site.page-leadership .cmc-leadership-tools{
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px !important;
  padding: clamp(22px, 2.8vw, 30px) !important;
  border-radius: 30px !important;
  border: 1px solid rgba(17,58,106,.10) !important;
  background:
    radial-gradient(620px 180px at 0% 0%, rgba(78,132,229,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(243,248,255,.98)) !important;
  box-shadow:
    0 24px 46px rgba(6, 24, 53, .08),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  overflow: hidden;
}

html body.cmc-site.page-leadership .cmc-leadership-tools::before{
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 6px;
  background: linear-gradient(90deg, rgba(91,158,245,.95) 0%, rgba(42,99,208,.95) 45%, rgba(22,63,158,.95) 100%);
}

html body.cmc-site.page-leadership .cmc-leadership-search{
  grid-column: 1 / -1;
}

html body.cmc-site.page-leadership .cmc-leadership-search__label{
  padding-left: 0 !important;
  margin-bottom: 2px;
  color: rgba(12,39,88,.62) !important;
  letter-spacing: .18em !important;
}

html body.cmc-site.page-leadership .cmc-leadership-search__field{
  padding: 10px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(17,58,106,.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,249,255,.98)) !important;
  box-shadow:
    0 20px 34px rgba(17,58,124,.08),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

html body.cmc-site.page-leadership #cmc-leadership-search-input{
  min-height: 56px !important;
  padding: 0 22px !important;
  border: 1px solid rgba(17,58,106,.08) !important;
  background: #ffffff !important;
  font-size: 1.04rem !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96) !important;
}

html body.cmc-site.page-leadership #cmc-leadership-search-input::placeholder{
  color: rgba(12,39,88,.52) !important;
}

html body.cmc-site.page-leadership .cmc-leadership-selectors{
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

html body.cmc-site.page-leadership .cmc-leadership-selector{
  display: grid;
  gap: 8px;
  padding: 14px 14px 12px;
  border-radius: 22px;
  border: 1px solid rgba(17,58,106,.08);
  background: rgba(255,255,255,.76);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

html body.cmc-site.page-leadership .cmc-leadership-selector__label{
  color: rgba(12,39,88,.62) !important;
  font-size: .74rem !important;
  letter-spacing: .18em !important;
}

html body.cmc-site.page-leadership .cmc-leadership-selector__control{
  min-height: 50px !important;
  padding: 0 18px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(17,58,106,.08) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96) !important;
  font-weight: 700 !important;
}

html body.cmc-site.page-leadership .cmc-leadership-selector__control:focus{
  box-shadow:
    0 0 0 4px rgba(47,110,219,.12),
    0 16px 28px rgba(47,110,219,.10) !important;
}

html body.cmc-site.page-leadership .cmc-leadership-tools .cmc-leadership-needs{
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  margin-top: 2px;
  padding: 16px 18px 0 !important;
  border-top: 1px solid rgba(17,58,106,.08) !important;
}

html body.cmc-site.page-leadership .cmc-leadership-needs__head{
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

html body.cmc-site.page-leadership .cmc-leadership-needs__text{
  margin-left: auto;
  color: rgba(12,39,88,.72) !important;
}

html body.cmc-site.page-leadership .cmc-leadership-needs__chips{
  gap: 12px !important;
}

html body.cmc-site.page-leadership .cmc-leadership-need-chip{
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(61,115,224,.16) !important;
  background: rgba(255,255,255,.94) !important;
  color: #17448d !important;
  font-weight: 850 !important;
  box-shadow: 0 12px 24px rgba(17,58,124,.06) !important;
}

html body.cmc-site.page-leadership .cmc-leadership-need-chip:hover,
html body.cmc-site.page-leadership .cmc-leadership-need-chip:focus,
html body.cmc-site.page-leadership .cmc-leadership-need-chip.is-active{
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(91,158,245,.18), rgba(42,99,208,.10)) !important;
  border-color: rgba(61,115,224,.26) !important;
}

html body.cmc-site.page-leadership .cmc-leadership-results{
  grid-column: 1 / -1;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: rgba(12,39,88,.78) !important;
}

html body.cmc-site.page-leadership .cmc-leadership-active{
  grid-column: 1 / -1;
  padding: 0 !important;
}

html body.cmc-site.page-leadership :is(
  .cmc-leadership-hero-shell__btn--primary,
  .cmc-leadership-search__clear,
  .cmc-leadership-quickstart-card__btn--primary,
  .cmc-leadership-department-card__btn--primary,
  .cmc-leader-card__btn:not(.cmc-leader-card__btn--secondary),
  .cmc-leadership-empty__btn
){
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.34) !important;
  background: linear-gradient(135deg, #5b9ef5 0%, #2a63d0 52%, #163f9e 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 18px 34px rgba(16, 51, 128, .24) !important;
}

html body.cmc-site.page-leadership :is(
  .cmc-leadership-hero-shell__btn--primary,
  .cmc-leadership-search__clear,
  .cmc-leadership-quickstart-card__btn--primary,
  .cmc-leadership-department-card__btn--primary,
  .cmc-leader-card__btn:not(.cmc-leader-card__btn--secondary),
  .cmc-leadership-empty__btn
)::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -130%;
  width: 40%;
  transform: skewX(-20deg);
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.34), rgba(255,255,255,0));
  transition: left .46s ease;
}

html body.cmc-site.page-leadership :is(
  .cmc-leadership-hero-shell__btn--primary,
  .cmc-leadership-search__clear,
  .cmc-leadership-quickstart-card__btn--primary,
  .cmc-leadership-department-card__btn--primary,
  .cmc-leader-card__btn:not(.cmc-leader-card__btn--secondary),
  .cmc-leadership-empty__btn
):hover::after{
  left: 130%;
}

html body.cmc-site.page-leadership :is(
  .cmc-leadership-hero-shell__btn:not(.cmc-leadership-hero-shell__btn--primary),
  .cmc-leadership-quickstart-card__btn:not(.cmc-leadership-quickstart-card__btn--primary),
  .cmc-leadership-department-card__btn:not(.cmc-leadership-department-card__btn--primary),
  .cmc-leader-card__btn--secondary,
  .cmc-leadership-active__pill,
  .cmc-leadership-active__pill--clear
){
  border: 1px solid rgba(61,115,224,.16) !important;
  background: linear-gradient(180deg, rgba(12, 26, 58, .70) 0%, rgba(12, 26, 58, .46) 100%) !important;
  color: #eef5ff !important;
  -webkit-text-fill-color: #eef5ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 22px rgba(5,17,42,.14) !important;
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
}

html body.cmc-site.page-leadership .cmc-leadership-search__clear:disabled{
  opacity: .5 !important;
}

@media (max-width: 1180px){
  html body.cmc-site.page-leadership .cmc-leadership-selectors{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 860px){
  html body.cmc-site.page-leadership .cmc-leadership-tools{
    padding: 20px !important;
    gap: 14px !important;
  }

  html body.cmc-site.page-leadership .cmc-leadership-search__field{
    flex-wrap: wrap !important;
    border-radius: 22px !important;
  }

  html body.cmc-site.page-leadership #cmc-leadership-search-input,
  html body.cmc-site.page-leadership .cmc-leadership-search__clear{
    width: 100% !important;
  }

  html body.cmc-site.page-leadership .cmc-leadership-selectors{
    grid-template-columns: 1fr !important;
  }

  html body.cmc-site.page-leadership .cmc-leadership-needs__head{
    display: grid !important;
    justify-content: start;
  }

  html body.cmc-site.page-leadership .cmc-leadership-needs__text{
    margin-left: 0;
  }
}

body.home .cmc-home2__section--white,
body.home .cmc-home2__section[aria-label="Next steps"]{
  margin-bottom: 0 !important;
}

body.home .cmc-footer{
  margin-top: 0 !important;
}

@media (max-width: 760px){
  body.home .cmc-home2__hero-dot{
    width: 34px !important;
    height: 4px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    flex: 0 0 auto !important;
    appearance: none;
    -webkit-appearance: none;
  }

  body.home .cmc-home2__hero-dot.is-active{
    width: 58px !important;
  }
}

@media (max-width: 760px){
  body.home .cmc-home2__hero-dot{
    width: 34px !important;
    height: 4px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    flex: 0 0 auto !important;
    appearance: none;
    -webkit-appearance: none;
  }

  body.home .cmc-home2__hero-dot.is-active{
    width: 58px !important;
  }
}


/* ==========================================================================
   Front Page Hero Override
   Single source of truth for hero height, control placement, and hero-to-identity seam.
   ========================================================================== */
html body.cmc-site.home .cmc-home2{
  --cmc-home-wave-h: clamp(52px, 5vw, 72px) !important;
  --cmc-home-reference-top: clamp(8px, 1.2vw, 18px) !important;
}

html body.cmc-site.home .cmc-home2__top{
  min-height: clamp(1176px, 137vh, 1568px) !important;
  overflow: hidden !important;
}

html body.cmc-site.home .cmc-home2__hero-overlay,
html body.cmc-site.home .cmc-home2__hero-overlay .cmc-wrap,
html body.cmc-site.home .cmc-home2__top .cmc-content{
  min-height: inherit !important;
  height: 100% !important;
  display: flex !important;
  align-items: flex-end !important;
}

html body.cmc-site.home .cmc-home2__hero-overlay .cmc-wrap,
html body.cmc-site.home .cmc-home2__top .cmc-content{
  width: 100% !important;
}

html body.cmc-site.home .cmc-home2__top-inner{
  width: 100% !important;
  max-width: none !important;
  min-height: inherit !important;
  margin: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  padding: clamp(170px, 18vh, 240px) 0 clamp(26px, 4vh, 44px) !important;
}

html body.cmc-site.home .cmc-home2__hero-card{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  width: min(100%, 640px) !important;
  min-height: clamp(180px, 25vh, 260px) !important;
  margin: 0 auto 0 0 !important;
  padding: 0 !important;
}

html body.cmc-site.home .cmc-home2__hero-actions{
  margin-top: auto !important;
  margin-bottom: 14px !important;
  justify-content: flex-start !important;
}

html body.cmc-site.home .cmc-home2__hero-meta{
  display: flex !important;
  flex-direction: column !important;
  margin-top: 0 !important;
  gap: 12px !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

html body.cmc-site.home .cmc-home2__hero-dots{
  display: inline-flex !important;
  justify-content: flex-start !important;
}

html body.cmc-site.home .cmc-home2__wave{
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -1px !important;
  height: var(--cmc-home-wave-h) !important;
  z-index: 6 !important;
  pointer-events: none !important;
}

html body.cmc-site.home .cmc-home2__wave svg{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

html body.cmc-site.home .cmc-home2__wave .cmc-wave-base{
  fill: #ffffff !important;
}

html body.cmc-site.home .cmc-home2__top + .cmc-home2__section--reference{
  margin-top: calc(var(--cmc-home-wave-h) * -1) !important;
  padding-top: calc(var(--cmc-home-wave-h) + var(--cmc-home-reference-top)) !important;
  background: linear-gradient(180deg, #ffffff 0%, #eef4fc 82px, #e7f0fb 100%) !important;
}

html body.cmc-site.home .cmc-home2__top + .cmc-home2__section--reference::after{
  height: calc(var(--cmc-home-wave-h) + 12px) !important;
}

@media (max-width: 900px){
  html body.cmc-site.home .cmc-home2{
    --cmc-home-wave-h: 58px !important;
    --cmc-home-reference-top: 12px !important;
  }

  html body.cmc-site.home .cmc-home2__top{
    min-height: clamp(1008px, 123vh, 1288px) !important;
  }

  html body.cmc-site.home .cmc-home2__top-inner{
    padding: clamp(140px, 18vh, 200px) 0 26px !important;
  }

  html body.cmc-site.home .cmc-home2__hero-card{
    width: min(100%, 560px) !important;
    margin-left: clamp(18px, 4vw, 32px) !important;
    min-height: 156px !important;
  }
}

@media (max-width: 640px){
  html body.cmc-site.home .cmc-home2{
    --cmc-home-wave-h: 52px !important;
    --cmc-home-reference-top: 10px !important;
  }

  html body.cmc-site.home .cmc-home2__top{
    min-height: clamp(924px, 115vh, 1176px) !important;
  }

  html body.cmc-site.home .cmc-home2__top-inner{
    padding: clamp(128px, 16vh, 180px) 0 20px !important;
  }

  html body.cmc-site.home .cmc-home2__hero-card{
    width: calc(100% - 28px) !important;
    margin-left: 14px !important;
    min-height: 140px !important;
  }

  html body.cmc-site.home .cmc-home2__hero-actions{
    margin-bottom: 10px !important;
  }
}

/* ==========================================================================
   Mobile Menu Stabilization
   - Keep the drawer fully hidden until opened
   - Normalize row/toggle alignment inside the mobile panel
   ========================================================================== */
@media (max-width: 1024px){
  html body #cmc-primary-nav.cmc-nav{
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    background: transparent !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html.cmc-nav-open body #cmc-primary-nav.cmc-nav,
  html body #cmc-primary-nav.cmc-nav.is-open{
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body #cmc-primary-nav .cmc-mobile-mega{
    display: flex !important;
    flex-direction: column !important;
    width: min(380px, 100vw) !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin-left: auto !important;
    overflow: hidden !important;
    transform: translateX(100%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: transform .28s ease, opacity .2s ease, visibility .2s ease !important;
  }

  html.cmc-nav-open body #cmc-primary-nav .cmc-mobile-mega,
  html body #cmc-primary-nav.is-open .cmc-mobile-mega{
    transform: translateX(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body #cmc-primary-nav .cmc-mobile-mega__top{
    flex: 0 0 auto !important;
  }

  html body #cmc-primary-nav .cmc-mobile-mega__grid{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    align-content: start !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }

  html body #cmc-primary-nav .cmc-mobile-mega__col{
    min-width: 0 !important;
  }

  html body #cmc-primary-nav .cmc-mobile-mega__col--secondary{
    padding-top: 8px !important;
  }

  html body.cmc-site .cmc-header > .cmc-header__inner,
  html body.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
  html body.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 14px !important;
  }

  html body.cmc-site .cmc-header .cmc-brand{
    min-width: 0 !important;
    width: auto !important;
    flex: none !important;
  }

  html body.cmc-site .cmc-header .cmc-brand__link{
    display: block !important;
    min-width: 0 !important;
  }

  html body.cmc-site .cmc-header .cmc-brand__title{
    font-size: clamp(1.1rem, 5.6vw, 1.7rem) !important;
    line-height: 1.02 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  html body.cmc-site .cmc-header .cmc-brand__subtitle{
    font-size: clamp(.7rem, 3vw, .95rem) !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  html body.cmc-site .cmc-header .cmc-mobile-tools{
    width: auto !important;
    min-width: max-content !important;
    margin-left: auto !important;
    justify-content: flex-end !important;
    gap: 12px !important;
  }

  html body.cmc-site .cmc-header .cmc-header__right{
    width: 0 !important;
    min-width: 0 !important;
    flex: 0 0 0 !important;
    overflow: visible !important;
  }

  html body #cmc-primary-nav .cmc-menu--primary,
  html body #cmc-primary-nav .cmc-menu--primary ul,
  html body #cmc-primary-nav .cmc-mobile-mega__secondary{
    list-style: none !important;
    margin: 0 !important;
  }

  html body #cmc-primary-nav .cmc-menu--primary li,
  html body #cmc-primary-nav .cmc-mobile-mega__secondary li{
    list-style: none !important;
  }

  html body #cmc-primary-nav .cmc-menu--primary > li.menu-item-has-children,
  html body #cmc-primary-nav .cmc-menu--primary > li.page_item_has_children,
  html body #cmc-primary-nav .cmc-menu--primary .sub-menu > li.menu-item-has-children,
  html body #cmc-primary-nav .cmc-menu--primary .sub-menu > li.page_item_has_children{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 10px !important;
  }

  html body #cmc-primary-nav .cmc-menu--primary li.menu-item-has-children > a,
  html body #cmc-primary-nav .cmc-menu--primary li.page_item_has_children > a{
    grid-column: 1 !important;
    min-width: 0 !important;
    padding-right: 8px !important;
  }

  html body #cmc-primary-nav .cmc-menu--primary li.menu-item-has-children > a::after,
  html body #cmc-primary-nav .cmc-menu--primary li.page_item_has_children > a::after{
    content: none !important;
    display: none !important;
  }

  html body #cmc-primary-nav .cmc-subtoggle{
    position: static !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    grid-column: 2 !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
  }

  html body #cmc-primary-nav .cmc-menu--primary > li > ul,
  html body #cmc-primary-nav .cmc-menu--primary .sub-menu > li > ul{
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

@media (max-width: 640px){
  html body.cmc-site .cmc-header .cmc-mobile-tools .cmc-utility-search-toggle__label,
  html body.cmc-site .cmc-header .cmc-mobile-tools .cmc-nav-toggle__text{
    display: none !important;
  }

  html body.cmc-site .cmc-header .cmc-mobile-tools .cmc-utility-search-toggle--mobile,
  html body.cmc-site .cmc-header .cmc-mobile-tools .cmc-nav-toggle{
    min-width: 42px !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 8px !important;
  }
}

@media (min-width: 1025px){
  html body.cmc-site .cmc-header > .cmc-header__inner,
  html body.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
  html body.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
  }

  html body.cmc-site .cmc-header .cmc-brand{
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html body.cmc-site .cmc-header .cmc-brand__title,
  html body.cmc-site .cmc-header .cmc-brand__subtitle{
    display: block !important;
    white-space: normal !important;
  }

  html body.cmc-site .cmc-header .cmc-mobile-tools{
    display: none !important;
    width: auto !important;
    min-width: 0 !important;
  }

  html body.cmc-site .cmc-header .cmc-header__right{
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: visible !important;
  }

  html body.cmc-site .cmc-header .cmc-utility,
  html body.cmc-site .cmc-header .cmc-utility--inline,
  html body.cmc-site .cmc-header .cmc-utility__right{
    display: flex !important;
  }

  html body.cmc-site .cmc-header #cmc-primary-nav,
  html body.cmc-site .cmc-header #cmc-primary-nav .cmc-nav__panel{
    display: flex !important;
    min-width: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    right: auto !important;
    top: auto !important;
  }

  html body.cmc-site .cmc-header #cmc-primary-nav .cmc-nav__panel{
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: clamp(8px, .8vw, 14px) !important;
  }

  html body.cmc-site .cmc-header #cmc-primary-nav .cmc-menu--primary{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: clamp(10px, .9vw, 16px) !important;
  }

  html body.cmc-site .cmc-header #cmc-primary-nav .cmc-nav-cta{
    display: inline-flex !important;
    align-items: center !important;
  }

  html body.cmc-site .l-sabbath{
    display: block !important;
    visibility: visible !important;
    width: 14.2857142857vw !important;
    min-width: 14.2857142857vw !important;
    max-width: 14.2857142857vw !important;
    flex: 0 0 14.2857142857vw !important;
  }
}

/* ==========================================================================
   Phase 5 Premium Journey Polish
   ========================================================================== */
body.cmc-site .cmc-contact-trust{
  position: relative;
  z-index: 4;
  margin-top: -38px;
}

body.cmc-site .cmc-contact-trust .cmc-wrap{
  width: min(1180px, calc(100% - 28px));
}

body.cmc-site .cmc-contact-trust__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body.cmc-site .cmc-contact-trust__card{
  padding: 18px 20px;
  border-radius: 22px;
  border: 1px solid rgba(11,42,111,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(244,248,255,.96));
  box-shadow: 0 20px 40px rgba(5,22,55,.08);
}

body.cmc-site .cmc-contact-trust__label,
body.cmc-site .cmc-contact-paths__eyebrow,
body.cmc-site .cmc-dept-journey__eyebrow,
body.cmc-site .cmc-dept-journey-card__eyebrow,
body.cmc-site .cmc-footer__trust-label{
  display: block;
  margin-bottom: 7px;
  color: rgba(11,42,111,.58);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

body.cmc-site .cmc-contact-trust__value,
body.cmc-site .cmc-footer__trust-value{
  display: block;
  color: #113a7c;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.35;
}

body.cmc-site .cmc-contact-trust__detail{
  margin: 8px 0 0;
  color: rgba(11,42,111,.70);
  font-size: .94rem;
  line-height: 1.55;
}

body.cmc-site .cmc-contact-paths{
  margin: 18px 0 28px;
  padding: clamp(20px, 3vw, 30px);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(241,246,255,.94), rgba(255,255,255,.98));
  border: 1px solid rgba(11,42,111,.09);
  box-shadow: 0 24px 48px rgba(9,30,66,.07);
}

body.cmc-site .cmc-contact-paths__head{
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
}

body.cmc-site .cmc-contact-paths__title,
body.cmc-site .cmc-dept-journey__title{
  margin: 0;
  color: #10356f;
  font-size: clamp(1.55rem, 2.3vw, 2.15rem);
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: 1.05;
}

body.cmc-site .cmc-contact-paths__text,
body.cmc-site .cmc-dept-journey__text{
  margin: 0;
  max-width: 64ch;
  color: rgba(11,42,111,.70);
  font-size: .98rem;
  line-height: 1.7;
}

body.cmc-site .cmc-contact-paths__grid,
body.page-departments .cmc-dept-journey__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body.cmc-site .cmc-contact-path,
body.page-departments .cmc-dept-journey-card{
  display: grid;
  gap: 12px;
  padding: 20px 20px 22px;
  border-radius: 22px;
  border: 1px solid rgba(11,42,111,.09);
  background: rgba(255,255,255,.88);
  box-shadow: 0 18px 34px rgba(5,22,55,.05);
}

body.cmc-site .cmc-contact-path__title,
body.page-departments .cmc-dept-journey-card__title{
  margin: 0;
  color: #10356f;
  font-size: 1.18rem;
  font-weight: 900;
  letter-spacing: -.02em;
  line-height: 1.18;
}

body.cmc-site .cmc-contact-path__text,
body.page-departments .cmc-dept-journey-card__text{
  margin: 0;
  color: rgba(11,42,111,.70);
  font-size: .95rem;
  line-height: 1.7;
}

body.cmc-site .cmc-contact-path__btn,
body.page-departments .cmc-dept-journey-card__btn,
body.cmc-site .cmc-footer__trust-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 20px;
  border-radius: 999px;
  background: linear-gradient(180deg, #3f87f5, #1858c8);
  color: #fff;
  font-size: .95rem;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 16px 32px rgba(27,76,169,.24);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

body.cmc-site .cmc-contact-path__btn:hover,
body.page-departments .cmc-dept-journey-card__btn:hover,
body.cmc-site .cmc-footer__trust-btn:hover{
  transform: translateY(-2px);
  filter: brightness(1.03);
  box-shadow: 0 20px 36px rgba(27,76,169,.28);
}

body.cmc-site .cmc-footer__trust-btn--ghost{
  background: rgba(255,255,255,.10);
  color: rgba(255,255,255,.96);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}

body.page-departments .cmc-dept-journey{
  padding: 18px 0 6px;
}

body.page-departments .cmc-dept-journey__head{
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
}

body.page-departments .cmc-dept-journey-card{
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,248,255,.94));
}

body.page-departments .cmc-dept-card__actions{
  align-items: stretch;
}

body.page-departments .cmc-dept-card__actions .cmc-dept-card__link{
  min-height: 46px;
  justify-content: center;
}

body.cmc-site .cmc-footer{
  position: relative;
  overflow: hidden;
}

body.cmc-site .cmc-footer__trust{
  display: grid;
  grid-template-columns: 1.4fr .8fr;
  gap: 18px;
  margin-bottom: 26px;
  padding: 18px;
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(13,42,88,.94), rgba(24,74,145,.88));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 28px 54px rgba(3,16,38,.18);
}

body.cmc-site .cmc-footer__trust-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.cmc-site .cmc-footer__trust-card{
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
}

body.cmc-site .cmc-footer__trust-label{
  color: rgba(255,255,255,.58);
}

body.cmc-site .cmc-footer__trust-value{
  color: #fff;
}

body.cmc-site .cmc-footer__trust-actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

body.cmc-site .cmc-footer__text--contact{
  margin-top: 12px;
  max-width: 36ch;
  color: rgba(255,255,255,.74);
}

@media (max-width: 980px){
  body.cmc-site .cmc-contact-trust__grid,
  body.cmc-site .cmc-contact-paths__grid,
  body.page-departments .cmc-dept-journey__grid,
  body.cmc-site .cmc-footer__trust-grid{
    grid-template-columns: 1fr;
  }

  body.cmc-site .cmc-footer__trust{
    grid-template-columns: 1fr;
  }

  body.cmc-site .cmc-footer__trust-actions{
    justify-content: flex-start;
  }
}

@media (max-width: 680px){
  body.cmc-site .cmc-contact-trust{
    margin-top: -20px;
  }

  body.cmc-site .cmc-contact-paths{
    padding: 18px;
    border-radius: 22px;
  }

  body.cmc-site .cmc-contact-path__btn,
  body.page-departments .cmc-dept-journey-card__btn,
  body.cmc-site .cmc-footer__trust-btn{
    width: 100%;
  }
}


/* ==========================================================================
   Sitewide Mobile Polish
   ========================================================================== */
html,
body{
  max-width: 100%;
}

body.cmc-site{
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-x: clip;
  overscroll-behavior-x: none;
}

body.cmc-site .cmc-main,
body.cmc-site .entry-content,
body.cmc-site .cmc-content{
  min-width: 0;
}

body.cmc-site .cmc-main :is(img, video, iframe, canvas, svg){
  max-width: 100%;
}

body.cmc-site .cmc-main iframe{
  width: 100%;
}

body.cmc-site .cmc-main :is(table, pre){
  max-width: 100%;
}

body.cmc-site .cmc-main blockquote{
  overflow-wrap: anywhere;
}

body.cmc-site .cmc-main :is(.wp-block-columns, .wp-block-buttons, .cmc-hero__actions, .cmc-global-cta__actions){
  min-width: 0;
}

@media (max-width: 1024px){
  body.cmc-site{
    --cmc-gutter: clamp(14px, 4vw, 22px);
  }

  body.cmc-site .cmc-wrap,
  body.cmc-site .cmc-content{
    padding-left: var(--cmc-gutter);
    padding-right: var(--cmc-gutter);
  }

  body.cmc-site .cmc-main :is(.alignwide, .wp-block-group.alignwide, .wp-block-cover.alignwide){
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.cmc-site .cmc-main :is(.cmc-footer__grid, .cmc-footer__top, .cmc-global-cta__inner){
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 820px){
  body.cmc-site .cmc-hero{
    padding-top: clamp(116px, 20vw, 156px) !important;
    padding-bottom: clamp(52px, 10vw, 82px) !important;
  }

  body.cmc-site .cmc-hero__title{
    font-size: clamp(1.95rem, 8vw, 2.7rem) !important;
    line-height: 1.08 !important;
  }

  body.cmc-site .cmc-hero__text,
  body.cmc-site .cmc-hero__subtitle,
  body.cmc-site .cmc-hero__lead{
    font-size: .98rem !important;
    line-height: 1.65 !important;
  }

  body.cmc-site .cmc-hero__actions,
  body.cmc-site .cmc-global-cta__actions,
  body.cmc-site .cmc-main .wp-block-buttons{
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  body.cmc-site .cmc-hero__actions > *,
  body.cmc-site .cmc-global-cta__actions > *,
  body.cmc-site .cmc-main .wp-block-buttons > *{
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__actions{
    grid-template-columns: 1fr !important;
  }

  body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__search{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 768px){
  body.cmc-site{
    font-size: 15px;
    scroll-padding-top: 96px;
  }

  body.cmc-site :is(input, select, textarea){
    font-size: 16px !important;
    min-height: 48px;
  }

  body.cmc-site textarea{
    min-height: 132px;
  }

  body.cmc-site :is(.cmc-btn, .cmc-nav-cta, button, [type="button"], [type="submit"], [type="reset"], .wp-element-button){
    min-height: 46px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  body.cmc-site .cmc-main :is(
    [class*="cards"],
    [class*="__cards"],
    [class*="gallery"],
    [class*="__gallery"],
    [class*="features"],
    [class*="__features"],
    [class*="news-grid"]
  ){
    grid-template-columns: 1fr !important;
  }

  body.cmc-site .cmc-main table{
    display: block;
    border-collapse: collapse;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  body.cmc-site .cmc-main figure{
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 640px){
  body.cmc-site{
    font-size: 14px;
  }

  body.cmc-site .cmc-main{
    padding-bottom: clamp(40px, 10vw, 72px);
  }

  body.cmc-site .cmc-main :is(.cmc-card, [class*="card"], [class*="panel"], [class*="drawer__body"]){
    border-radius: 18px !important;
  }

  body.cmc-site .cmc-main :is(.wp-block-table, .wp-block-embed, .wp-block-image, .wp-block-gallery){
    overflow-x: clip;
  }

  body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__social--pills{
    grid-template-columns: 1fr !important;
  }

  body.cmc-site .cmc-footer.cmc-footer--pro .cmc-footer__bottom{
    text-align: left !important;
  }
}


body.page-find-house-of-prayer .cmc-findchurch__lists,
body.page-find-house-of-prayer .cmc-findchurch__activity,
body.page-find-house-of-prayer .cmc-findchurch__fallback{
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 20px;
  border: 1px solid rgba(11,42,111,.08);
  background: rgba(255,255,255,.88);
  box-shadow: 0 14px 34px rgba(13,33,68,.06);
}

body.page-find-house-of-prayer .cmc-findchurch__lists-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  font-weight: 800;
  color: #12305f;
}

body.page-find-house-of-prayer .cmc-findchurch__lists-body,
body.page-find-house-of-prayer .cmc-findchurch__fallback-body{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-find-house-of-prayer .cmc-findchurch__listchip,
body.page-find-house-of-prayer .cmc-findchurch__fallback-chip,
body.page-find-house-of-prayer .cmc-findchurch__signal{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(47,111,216,.16);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(240,246,255,.98));
  color: #12305f;
  font-weight: 700;
  font-size: .92rem;
}

body.page-find-house-of-prayer .cmc-findchurch__listchip.is-active{
  background: linear-gradient(135deg, #2f6fd8 0%, #1f5bc2 100%);
  color: #fff;
  border-color: transparent;
}

body.page-find-house-of-prayer .cmc-findchurch__listchip.is-clear{
  background: rgba(255,245,245,.9);
  border-color: rgba(180,53,53,.16);
  color: #8b2c2c;
}

body.page-find-house-of-prayer .cmc-findchurch__activity{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-find-house-of-prayer .cmc-findchurch__fallback-title{
  margin: 0 0 12px;
  color: #12305f;
  font-weight: 800;
}

body.page-find-house-of-prayer .cmc-findchurch-form textarea,
body.page-find-house-of-prayer .cmc-findchurch-form select,
body.page-find-house-of-prayer .cmc-findchurch-report-form textarea,
body.page-find-house-of-prayer .cmc-findchurch-report-form select,
body.page-find-house-of-prayer #cmc-findchurch-list-name{
  width: 100%;
  border-radius: 18px;
  border: 1px solid rgba(11,42,111,.12);
  background: rgba(255,255,255,.97);
  min-height: 52px;
  padding: 14px 16px;
  color: #102d59;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

body.page-find-house-of-prayer .cmc-findchurch-form textarea,
body.page-find-house-of-prayer .cmc-findchurch-report-form textarea{
  min-height: 120px;
  resize: vertical;
}

body.page-find-house-of-prayer .cmc-findchurch-form__step{
  display: none;
}

body.page-find-house-of-prayer .cmc-findchurch-form__step.is-active{
  display: block;
}

body.page-find-house-of-prayer .cmc-findchurch__steps span.is-complete{
  border-color: rgba(47,111,216,.22);
  background: rgba(47,111,216,.08);
}

body.page-find-house-of-prayer .cmc-findchurch-form__step-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

body.page-find-house-of-prayer .cmc-findchurch__review{
  padding: 18px;
  border-radius: 22px;
  background: rgba(243,248,255,.95);
  border: 1px solid rgba(11,42,111,.08);
}

body.page-find-house-of-prayer .cmc-findchurch__review h3{
  margin: 0 0 14px;
  color: #102d59;
}

body.page-find-house-of-prayer .cmc-findchurch__review-body{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body.page-find-house-of-prayer .cmc-findchurch__review-body div{
  padding: 12px 14px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(11,42,111,.06);
}

body.page-find-house-of-prayer .cmc-findchurch__review-body strong,
body.page-find-house-of-prayer .cmc-findchurch__review-body span{
  display: block;
}

body.page-find-house-of-prayer .cmc-findchurch__review-body strong{
  margin-bottom: 6px;
  color: rgba(16,45,89,.72);
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.page-find-house-of-prayer .cmc-findchurch__review-body span{
  color: #102d59;
  font-weight: 700;
  line-height: 1.5;
}

body.page-find-house-of-prayer .cmc-findchurch__saved-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(247,250,255,.96);
  border: 1px solid rgba(11,42,111,.08);
}

body.page-find-house-of-prayer .cmc-findchurch__saved-card h3{
  margin: 0 0 4px;
  color: #102d59;
}

body.page-find-house-of-prayer .cmc-findchurch__saved-card p{
  margin: 0;
  color: rgba(16,45,89,.72);
}

body.page-find-house-of-prayer .cmc-findchurch__saved-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

body.page-find-house-of-prayer .cmc-findchurch-drawer__statusline,
body.page-find-house-of-prayer .cmc-findchurch-drawer__gallery-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-find-house-of-prayer .cmc-findchurch-drawer__planner{
  margin: 16px 0;
  padding: 16px;
  border-radius: 20px;
  background: rgba(244,248,255,.96);
  border: 1px solid rgba(11,42,111,.08);
}

body.page-find-house-of-prayer .cmc-findchurch-drawer__planner h4,
body.page-find-house-of-prayer .cmc-findchurch-drawer__gallery h4{
  margin: 0 0 12px;
  color: #102d59;
}

body.page-find-house-of-prayer .cmc-findchurch-drawer__planner-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body.page-find-house-of-prayer .cmc-findchurch-drawer__planner-grid div{
  padding: 12px 14px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(11,42,111,.06);
}

body.page-find-house-of-prayer .cmc-findchurch-drawer__planner-grid strong,
body.page-find-house-of-prayer .cmc-findchurch-drawer__planner-grid span{
  display: block;
}

body.page-find-house-of-prayer .cmc-findchurch-drawer__planner-grid strong{
  margin-bottom: 5px;
  color: rgba(16,45,89,.72);
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.page-find-house-of-prayer .cmc-findchurch-drawer__planner-grid span{
  color: #102d59;
  font-weight: 700;
}

body.page-find-house-of-prayer .cmc-findchurch-drawer__gallery{
  margin-top: 16px;
}

body.page-find-house-of-prayer .cmc-findchurch-drawer__gallery-grid img{
  width: calc(50% - 5px);
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid rgba(11,42,111,.08);
}

@media (max-width: 760px){
  body.page-find-house-of-prayer .cmc-findchurch__review-body,
  body.page-find-house-of-prayer .cmc-findchurch-drawer__planner-grid{
    grid-template-columns: 1fr;
  }

  body.page-find-house-of-prayer .cmc-findchurch__saved-card{
    flex-direction: column;
    align-items: flex-start;
  }

  body.page-find-house-of-prayer .cmc-findchurch__saved-actions{
    justify-content: flex-start;
  }

  body.page-find-house-of-prayer .cmc-findchurch-drawer__gallery-grid img{
    width: 100%;
  }
}

/* ==========================================================================
   Find House of Prayer UX Refresh
   ========================================================================== */
.cmc-ico--share{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18 16a3 3 0 0 0-2.39 1.2l-6.63-3.32a3.6 3.6 0 0 0 0-1.76l6.63-3.32A3 3 0 1 0 15 7a3.2 3.2 0 0 0 .05.53L8.42 10.9a3 3 0 1 0 0 2.2l6.63 3.37A3.2 3.2 0 0 0 15 17a3 3 0 1 0 3-3z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18 16a3 3 0 0 0-2.39 1.2l-6.63-3.32a3.6 3.6 0 0 0 0-1.76l6.63-3.32A3 3 0 1 0 15 7a3.2 3.2 0 0 0 .05.53L8.42 10.9a3 3 0 1 0 0 2.2l6.63 3.37A3.2 3.2 0 0 0 15 17a3 3 0 1 0 3-3z'/%3E%3C/svg%3E");
}

body.page-find-house-of-prayer .cmc-findchurch-hero__cta{
  margin-top: 14px;
  gap: 12px;
}

body.page-find-house-of-prayer .cmc-findchurch-hero__cta button{
  min-height: 50px;
  padding: 0 18px;
  font-size: .92rem;
  background: rgba(255,255,255,.08);
}

body.page-find-house-of-prayer .cmc-findchurch-hero__cta button.is-primary{
  background: linear-gradient(135deg, #ffffff, #e8f1ff);
  color: #143b62;
  border-color: rgba(255,255,255,.72);
  box-shadow: 0 16px 36px rgba(7,24,53,.16);
}

body.page-find-house-of-prayer .cmc-findchurch__mobile-tabs{
  display: none;
}

body.page-find-house-of-prayer .cmc-findchurch__eyebrow{
  margin: 0 0 6px;
  color: rgba(31,78,121,.72);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.page-find-house-of-prayer .cmc-findchurch__grid{
  grid-template-columns: minmax(320px, 380px) minmax(0, 1fr);
  gap: clamp(18px, 2vw, 26px);
}

body.page-find-house-of-prayer .cmc-findchurch__panel{
  padding: 18px;
}

body.page-find-house-of-prayer .cmc-findchurch__searchrail{
  position: sticky;
  top: calc(var(--cmc-header-top, 0px) + 72px);
  z-index: 4;
  padding-bottom: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.82) 75%, rgba(255,255,255,0));
}

body.page-find-house-of-prayer .cmc-findchurch__quick-row{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

body.page-find-house-of-prayer .cmc-findchurch__quickbtn{
  min-height: 46px;
  border-radius: 14px;
  border: 1px solid rgba(31,78,121,.16);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,249,255,.98));
  color: #143b62;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
}

body.page-find-house-of-prayer .cmc-findchurch__quickbtn.is-ghost{
  background: rgba(31,78,121,.06);
}

body.page-find-house-of-prayer .cmc-findchurch__results-meta{
  margin: 14px 0 6px;
  padding: 10px 12px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(245,249,255,.95), rgba(238,245,255,.95));
  border: 1px solid rgba(31,78,121,.12);
  font-size: .82rem;
}

body.page-find-house-of-prayer .cmc-findchurch__filters{
  margin-top: 12px;
  border: 1px solid rgba(31,78,121,.14);
  border-radius: 16px;
  background: rgba(247,250,255,.88);
  overflow: hidden;
}

body.page-find-house-of-prayer .cmc-findchurch__filters summary{
  list-style: none;
  cursor: pointer;
  padding: 14px 16px;
  font-weight: 850;
  color: #123a63;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body.page-find-house-of-prayer .cmc-findchurch__filters summary::-webkit-details-marker{
  display: none;
}

body.page-find-house-of-prayer .cmc-findchurch__filters summary::after{
  content: "+";
  font-size: 1.1rem;
  line-height: 1;
}

body.page-find-house-of-prayer .cmc-findchurch__filters[open] summary::after{
  content: "-";
}

body.page-find-house-of-prayer .cmc-findchurch__advanced,
body.page-find-house-of-prayer .cmc-findchurch__tools{
  margin: 0;
  padding: 0 16px 16px;
  border: 0;
  background: transparent;
}

body.page-find-house-of-prayer .cmc-findchurch__tools{
  grid-template-columns: auto 1fr auto auto;
}

body.page-find-house-of-prayer .cmc-findchurch__item{
  padding: 14px;
  border-radius: 18px;
}

body.page-find-house-of-prayer .cmc-findchurch__item.is-selected{
  border-color: rgba(47,111,216,.44);
  box-shadow: 0 18px 30px rgba(18,58,99,.15);
}

body.page-find-house-of-prayer .cmc-findchurch__item-top{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

body.page-find-house-of-prayer .cmc-findchurch__item-copy{
  min-width: 0;
}

body.page-find-house-of-prayer .cmc-findchurch__item-meta,
body.page-find-house-of-prayer .cmc-findchurch__item-near,
body.page-find-house-of-prayer .cmc-findchurch__item-distance{
  margin: 0;
  color: rgba(11,42,111,.72);
  font-size: .84rem;
}

body.page-find-house-of-prayer .cmc-findchurch__item-near{
  margin-top: 2px;
}

body.page-find-house-of-prayer .cmc-findchurch__item-distance{
  margin-top: 8px;
  font-weight: 850;
  color: #1b5186;
}

body.page-find-house-of-prayer .cmc-findchurch__item-verify{
  margin-top: 6px;
  color: rgba(31,78,121,.8);
  font-size: .8rem;
  font-weight: 700;
}

body.page-find-house-of-prayer .cmc-findchurch__fav{
  min-height: 38px;
  padding: 0 12px;
  background: rgba(31,78,121,.06);
  color: #143b62;
  border-color: rgba(31,78,121,.12);
}

body.page-find-house-of-prayer .cmc-findchurch__fav span{
  display: inline-block;
}

body.page-find-house-of-prayer .cmc-findchurch__fav.is-active{
  background: rgba(47,111,216,.14);
  color: #1f4e79;
}

body.page-find-house-of-prayer .cmc-findchurch__item-actions{
  margin-top: 12px;
  gap: 8px;
  padding: 0;
  background: transparent;
}

body.page-find-house-of-prayer .cmc-findchurch__action,
body.page-find-house-of-prayer .cmc-findchurch__details{
  min-height: 44px;
  border-radius: 12px;
  font-weight: 850;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 1 1 0;
  border: 1px solid rgba(31,78,121,.16);
}

body.page-find-house-of-prayer .cmc-findchurch__action{
  text-decoration: none;
  background: linear-gradient(135deg, #153e68, #1f4e79);
  color: #fff !important;
}

body.page-find-house-of-prayer .cmc-findchurch__details{
  background: rgba(31,78,121,.06);
  color: #143b62;
  cursor: pointer;
}

body.page-find-house-of-prayer .cmc-findchurch__map-wrap{
  min-height: 680px;
}

body.page-find-house-of-prayer .cmc-findchurch__map-summary{
  padding: 14px 16px;
  border-bottom: 1px solid rgba(11,42,111,.12);
  background: linear-gradient(180deg, rgba(254,255,255,.98), rgba(244,248,255,.96));
}

body.page-find-house-of-prayer .cmc-findchurch__map-summary p{
  margin: 0;
  color: rgba(11,42,111,.84);
}

body.page-find-house-of-prayer .cmc-findchurch__steps{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
}

body.page-find-house-of-prayer .cmc-findchurch__steps span{
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(31,78,121,.14);
  background: rgba(31,78,121,.05);
  color: #123a63;
  font-size: .8rem;
  font-weight: 800;
}

body.page-find-house-of-prayer .cmc-findchurch__coord-preview{
  display: grid;
  gap: 12px;
  margin-top: 2px;
}

body.page-find-house-of-prayer .cmc-findchurch__coord-title{
  margin: 0 0 4px;
  color: #123a63;
  font-weight: 850;
}

body.page-find-house-of-prayer .cmc-findchurch__coord-meta{
  margin: 0;
  color: rgba(11,42,111,.78);
  font-size: .88rem;
}

body.page-find-house-of-prayer .cmc-findchurch__coord-map{
  width: 100%;
  min-height: 180px;
  border-radius: 16px;
  border: 1px solid rgba(31,78,121,.14);
  overflow: hidden;
}

body.page-find-house-of-prayer .cmc-findchurch__tip{
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(31,78,121,.12);
  background: rgba(238,245,255,.8);
  color: rgba(11,42,111,.8);
  font-size: .88rem;
}

body.page-find-house-of-prayer .cmc-findchurch-submit-drawer{
  position: fixed;
  inset: 0;
  z-index: 60;
  display: grid;
  align-items: stretch;
  justify-items: end;
}

body.page-find-house-of-prayer .cmc-findchurch-submit-drawer[hidden]{
  display: none !important;
}

body.page-find-house-of-prayer .cmc-findchurch-submit-drawer__backdrop{
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(8,29,61,.36);
  cursor: pointer;
}

body.page-find-house-of-prayer .cmc-findchurch-submit-drawer__close{
  position: absolute;
  top: 12px;
  right: 12px;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  background: rgba(11,42,111,.08);
  color: #143b62;
  cursor: pointer;
}

body.page-find-house-of-prayer .cmc-findchurch-submit-drawer__close .cmc-ico{
  transform: rotate(45deg);
}

body.page-find-house-of-prayer .cmc-findchurch__submit-wrap{
  position: relative;
  width: min(460px, calc(100vw - 32px));
  height: 100vh;
  max-height: 100vh;
  margin: 0;
  padding: 28px 22px 24px;
  border-radius: 0;
  overflow: auto;
  z-index: 1;
  box-shadow: -16px 0 40px rgba(8,29,61,.18);
}

body.page-find-house-of-prayer .cmc-findchurch__submit-wrap[hidden]{
  display: none !important;
}

body.page-find-house-of-prayer.cmc-findchurch-submit-open{
  overflow: hidden;
}

body.page-find-house-of-prayer .cmc-findchurch-report-modal{
  position: fixed;
  inset: 0;
  z-index: 70;
  display: grid;
  place-items: center;
  padding: 18px;
}

body.page-find-house-of-prayer .cmc-findchurch-report-modal[hidden]{
  display: none !important;
}

body.page-find-house-of-prayer .cmc-findchurch-report-modal__backdrop{
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(8,29,61,.42);
}

body.page-find-house-of-prayer .cmc-findchurch-report-modal__card{
  position: relative;
  z-index: 1;
  width: min(520px, 100%);
  border-radius: 24px;
  border: 1px solid rgba(31,78,121,.16);
  background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(246,250,255,.98));
  box-shadow: 0 30px 60px rgba(8,29,61,.22);
  padding: 24px 20px 20px;
}

body.page-find-house-of-prayer .cmc-findchurch-report-modal__close{
  position: absolute;
  top: 12px;
  right: 12px;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  background: rgba(11,42,111,.08);
  color: #143b62;
  cursor: pointer;
}

body.page-find-house-of-prayer .cmc-findchurch-report-modal__close .cmc-ico{
  transform: rotate(45deg);
}

body.page-find-house-of-prayer .cmc-findchurch-report-form{
  display: grid;
  gap: 12px;
}

body.page-find-house-of-prayer .cmc-findchurch-report-form label{
  color: #123a63;
  font-weight: 850;
}

body.page-find-house-of-prayer .cmc-findchurch-report-form textarea{
  width: 100%;
  min-height: 132px;
  border-radius: 16px;
  border: 1px solid rgba(31,78,121,.16);
  background: #fff;
  padding: 14px;
  resize: vertical;
}

body.page-find-house-of-prayer .cmc-findchurch-report-form textarea:focus{
  outline: 2px solid rgba(47,111,216,.34);
  outline-offset: 2px;
}

body.page-find-house-of-prayer .cmc-findchurch-report-form__actions{
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

body.page-find-house-of-prayer .cmc-findchurch-drawer__trust{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0;
}

body.page-find-house-of-prayer .cmc-findchurch-drawer__trust span{
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(31,78,121,.07);
  border: 1px solid rgba(31,78,121,.12);
  color: #143b62;
  font-size: .78rem;
  font-weight: 800;
}

body.page-find-house-of-prayer .leaflet-marker-icon.is-selected{
  transform: scale(1.14);
  filter: drop-shadow(0 10px 18px rgba(31,78,121,.36));
}

@media (max-width: 1024px){
  body.page-find-house-of-prayer .cmc-findchurch__grid{
    grid-template-columns: 1fr;
  }

  body.page-find-house-of-prayer .cmc-findchurch__map-wrap,
  body.page-find-house-of-prayer .cmc-findchurch__map{
    min-height: 460px;
  }
}

@media (max-width: 760px){
  body.page-find-house-of-prayer .cmc-findchurch__mobile-tabs{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 0 0 14px;
  }

  body.page-find-house-of-prayer .cmc-findchurch__mobile-tab{
    min-height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(31,78,121,.14);
    background: rgba(255,255,255,.88);
    color: #153e68;
    font-weight: 850;
  }

  body.page-find-house-of-prayer .cmc-findchurch__mobile-tab.is-active{
    background: linear-gradient(135deg, #1f4e79, #2f6fd8);
    color: #fff;
  }

  body.page-find-house-of-prayer .cmc-findchurch__quick-row{
    grid-template-columns: 1fr;
  }

  body.page-find-house-of-prayer .cmc-findchurch__tools{
    grid-template-columns: 1fr;
  }

  body.page-find-house-of-prayer .cmc-findchurch__searchrail{
    top: calc(var(--cmc-header-top, 0px) + 58px);
  }

  body.page-find-house-of-prayer .cmc-findchurch.is-map-view #cmc-findchurch-search-panel{
    display: none;
  }

  body.page-find-house-of-prayer .cmc-findchurch:not(.is-map-view) .cmc-findchurch__map-wrap{
    display: none;
  }

  body.page-find-house-of-prayer .cmc-findchurch__submit-wrap{
    width: 100%;
    max-width: 100%;
    padding: 24px 16px 20px;
  }

  body.page-find-house-of-prayer .cmc-findchurch-report-modal__card{
    padding: 22px 16px 16px;
  }

  body.page-find-house-of-prayer .cmc-findchurch-report-form__actions{
    flex-direction: column;
  }
}

/* Final home hero -> identity seam removal */
html body.cmc-site.home .cmc-home2{
  --cmc-home-wave-h: clamp(82px, 9vw, 126px);
  --cmc-home-reference-top: clamp(42px, 5vw, 68px);
}

html body.cmc-site.home .cmc-home2__wave{
  height: var(--cmc-home-wave-h) !important;
  background: transparent !important;
}

html body.cmc-site.home .cmc-home2__wave .cmc-wave-base{
  fill: #eaf1fc !important;
}

html body.cmc-site.home .cmc-home2__top + .cmc-home2__section--reference{
  margin-top: calc(var(--cmc-home-wave-h) * -1) !important;
  padding-top: calc(var(--cmc-home-reference-top) + var(--cmc-home-wave-h)) !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  background: linear-gradient(180deg,
    #eaf1fc 0,
    #eaf1fc calc(var(--cmc-home-wave-h) + 28px),
    #e4eefb calc(var(--cmc-home-wave-h) + 64px),
    #dbe7fb 100%) !important;
  overflow: hidden !important;
}

html body.cmc-site.home .cmc-home2__top + .cmc-home2__section--reference::after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: calc(var(--cmc-home-wave-h) + 54px) !important;
  background: linear-gradient(180deg,
    rgba(234, 241, 252, .96) 0%,
    rgba(234, 241, 252, .9) 48%,
    rgba(234, 241, 252, .48) 78%,
    rgba(234, 241, 252, 0) 100%) !important;
  filter: blur(14px) !important;
  opacity: 1 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

html body.cmc-site.home .cmc-home2__top + .cmc-home2__section--reference > *{
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 760px){
  html body.cmc-site.home .cmc-home2{
    --cmc-home-wave-h: 96px;
  }

  html body.cmc-site.home .cmc-home2__top + .cmc-home2__section--reference{
    margin-top: calc(var(--cmc-home-wave-h) * -1) !important;
    padding-top: calc(var(--cmc-home-reference-top) + var(--cmc-home-wave-h)) !important;
  }

  html body.cmc-site.home .cmc-home2__top + .cmc-home2__section--reference::after{
    height: calc(var(--cmc-home-wave-h) + 42px) !important;
    filter: blur(10px) !important;
  }
}

/* Final hard seam kill for hero wave anti-aliasing */
html body.cmc-site.home .cmc-home2__wave{
  bottom: -3px !important;
  height: calc(var(--cmc-home-wave-h) + 6px) !important;
  overflow: hidden !important;
}

html body.cmc-site.home .cmc-home2__wave svg{
  bottom: -3px !important;
  height: calc(100% + 8px) !important;
  transform: translateY(2px) scaleY(1.03) !important;
  transform-origin: bottom center !important;
}

html body.cmc-site.home .cmc-home2__wave .cmc-wave-base{
  fill: #eaf1fc !important;
  shape-rendering: geometricPrecision;
}

html body.cmc-site.home .cmc-home2__top + .cmc-home2__section--reference{
  margin-top: calc((var(--cmc-home-wave-h) + 6px) * -1) !important;
  padding-top: calc(var(--cmc-home-reference-top) + var(--cmc-home-wave-h) + 6px) !important;
  background: linear-gradient(180deg, #eaf1fc 0%, #e3edfb 42%, #dbe7fb 100%) !important;
}

html body.cmc-site.home .cmc-home2__top + .cmc-home2__section--reference::before{
  opacity: .78 !important;
}

html body.cmc-site.home .cmc-home2__top + .cmc-home2__section--reference::after{
  top: 0 !important;
  height: calc(var(--cmc-home-wave-h) + 42px) !important;
  background:
    radial-gradient(80% 90% at 50% 0%, rgba(255,255,255,.26) 0%, rgba(255,255,255,0) 62%),
    linear-gradient(180deg,
      rgba(234, 241, 252, .98) 0%,
      rgba(234, 241, 252, .94) 28%,
      rgba(228, 237, 251, .7) 58%,
      rgba(219, 231, 251, 0) 100%) !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 220' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0,120 C160,152 312,156 470,138 C616,122 742,92 896,96 C1074,102 1224,148 1440,112 L1440,220 L0,220 Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 220' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0,120 C160,152 312,156 470,138 C616,122 742,92 896,96 C1074,102 1224,148 1440,112 L1440,220 L0,220 Z'/%3E%3C/svg%3E") !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  transform: scaleY(-1) translateY(1px) !important;
  transform-origin: top center !important;
  filter: blur(6px) !important;
  opacity: .96 !important;
}

/* Final hero depth increase into identity */
html body.cmc-site.home .cmc-home2{
  --cmc-home-wave-h: clamp(148px, 15vw, 220px) !important;
}

html body.cmc-site.home .cmc-home2__top{
  min-height: clamp(1020px, 118vh, 1420px) !important;
}

html body.cmc-site.home .cmc-home2__top-inner{
  padding-bottom: clamp(220px, 24vh, 320px) !important;
}

html body.cmc-site.home .cmc-home2__wave{
  height: calc(var(--cmc-home-wave-h) + 20px) !important;
}

html body.cmc-site.home .cmc-home2__top + .cmc-home2__section--reference{
  margin-top: calc((var(--cmc-home-wave-h) + 20px) * -1) !important;
  padding-top: 56px !important;
}

@media (max-width: 760px){
  html body.cmc-site.home .cmc-home2{
    --cmc-home-wave-h: 120px !important;
  }

  html body.cmc-site.home .cmc-home2__top{
    min-height: clamp(900px, 108vh, 1180px) !important;
  }

  html body.cmc-site.home .cmc-home2__top-inner{
    padding-bottom: 190px !important;
  }

  html body.cmc-site.home .cmc-home2__top + .cmc-home2__section--reference::after{
    height: calc(var(--cmc-home-wave-h) + 28px) !important;
    filter: blur(4px) !important;
  }
}


/* Absolute final Sabbath column no-motion audit lock */
html body .l-sabbath,
html body .l-sabbath__overlay,
html body .l-sabbath__logo-light,
html.cmc-scrolled body .l-sabbath,
html.cmc-scrolled body .l-sabbath__overlay,
html.cmc-scrolled body .l-sabbath__logo-light{
  animation: none !important;
  transition: none !important;
  transform: none !important;
  will-change: auto !important;
  backface-visibility: visible !important;
}

/* Absolute final Sabbath column staged colors */
html body .l-sabbath{
  background: #f5f8fd !important;
}

html body .l-sabbath__overlay{
  opacity: 1 !important;
  filter: none !important;
  background: linear-gradient(180deg, rgba(18,54,107,.82) 0%, rgba(32,79,128,.74) 100%) !important;
}

html body .l-sabbath__logo-light{
  opacity: 1 !important;
  filter: none !important;
}

html.cmc-sabbath-step-0 body .l-sabbath{
  background: #edf3fb !important;
}

html.cmc-sabbath-step-0 body .l-sabbath__overlay{
  background: linear-gradient(180deg, rgba(18,54,107,.84) 0%, rgba(29,76,124,.76) 100%) !important;
}

html.cmc-sabbath-step-1 body .l-sabbath{
  background: #eef4fc !important;
}

html.cmc-sabbath-step-1 body .l-sabbath__overlay{
  background: linear-gradient(180deg, rgba(32,77,133,.68) 0%, rgba(73,132,197,.34) 100%) !important;
}

html.cmc-sabbath-step-2 body .l-sabbath{
  background: #f1f6fd !important;
}

html.cmc-sabbath-step-2 body .l-sabbath__overlay{
  background: linear-gradient(180deg, rgba(64,117,183,.46) 0%, rgba(123,177,223,.24) 100%) !important;
}

html.cmc-sabbath-step-3 body .l-sabbath{
  background: #f6f8fb !important;
}

html.cmc-sabbath-step-3 body .l-sabbath__overlay{
  background: linear-gradient(180deg, rgba(111,149,196,.22) 0%, rgba(220,201,166,.14) 100%) !important;
}

html.cmc-sabbath-step-4 body .l-sabbath{
  background: #faf9f5 !important;
}

html.cmc-sabbath-step-4 body .l-sabbath__overlay{
  background: linear-gradient(180deg, rgba(230,211,178,.14) 0%, rgba(255,255,255,.26) 100%) !important;
}

html.cmc-sabbath-step-5 body .l-sabbath{
  background: #ffffff !important;
}

html.cmc-sabbath-step-5 body .l-sabbath__overlay{
  background: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.02) 100%) !important;
}

/* Final Sabbath column full-page color progression */
html body .l-sabbath{
  background:
    linear-gradient(180deg,
      rgba(245, 248, 253, 1) 0%,
      rgba(240, 245, 252, calc(1 - (var(--cmc-sabbath-t, 0) * .18))) 48%,
      rgba(255, 255, 255, 1) 100%) !important;
  transform: none !important;
}

html body .l-sabbath__overlay{
  opacity: 1 !important;
  transform: none !important;
  background:
    linear-gradient(180deg,
      rgba(18, 54, 107, var(--cmc-sabbath-deep, 0.82)) 0%,
      rgba(71, 132, 207, var(--cmc-sabbath-sky, 0.10)) 44%,
      rgba(225, 190, 132, var(--cmc-sabbath-warm, 0.00)) 78%,
      rgba(255, 255, 255, calc(var(--cmc-sabbath-white, 0.18) * .92)) 100%) !important;
  filter:
    saturate(calc(1 + ((1 - var(--cmc-sabbath-t, 0)) * .18)))
    brightness(calc(.94 + (var(--cmc-sabbath-t, 0) * .22))) !important;
  transition: none !important;
}

html body .l-sabbath__logo-light{
  opacity: 1 !important;
  transform: none !important;
  filter:
    brightness(calc(1 + (var(--cmc-sabbath-t, 0) * .34)))
    contrast(calc(1 - (var(--cmc-sabbath-t, 0) * .1)))
    saturate(calc(1 - (var(--cmc-sabbath-t, 0) * .18))) !important;
  transition: none !important;
}

/* Final hero button size lock */
html body.cmc-site.home .cmc-home2__top .cmc-home2__hero-card .cmc-home2__hero-actions{
  gap: 10px !important;
}

html body.cmc-site.home .cmc-home2__top .cmc-home2__hero-card .cmc-home2__hero-actions .cmc-home2__btn,
html body.cmc-site.home .cmc-home2__top .cmc-home2__hero-card .cmc-home2__hero-actions .cmc-home2__btn:visited{
  min-width: 126px !important;
  min-height: 38px !important;
  padding: 0 17px !important;
  font-size: .73rem !important;
  line-height: 1 !important;
  border-radius: 999px !important;
}

html body.cmc-site.home .cmc-home2__top .cmc-home2__hero-card .cmc-home2__hero-actions .cmc-home2__btn--primary,
html body.cmc-site.home .cmc-home2__top .cmc-home2__hero-card .cmc-home2__hero-actions .cmc-home2__btn--secondary{
  min-width: 126px !important;
}

@media (max-width: 760px){
  html body.cmc-site.home .cmc-home2__top .cmc-home2__hero-card .cmc-home2__hero-actions{
    gap: 8px !important;
  }

  html body.cmc-site.home .cmc-home2__top .cmc-home2__hero-card .cmc-home2__hero-actions .cmc-home2__btn,
  html body.cmc-site.home .cmc-home2__top .cmc-home2__hero-card .cmc-home2__hero-actions .cmc-home2__btn:visited{
    width: auto !important;
    min-width: 118px !important;
    min-height: 36px !important;
    padding: 0 15px !important;
    font-size: .7rem !important;
  }
}

/* Final Adventist.org-style 7th-column lock */
html body .l-sabbath{
  overflow: hidden !important;
  contain: paint !important;
  background: #f5f5f5 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  z-index: 10 !important;
}

html body .l-sabbath,
html body .l-sabbath__overlay,
html body .l-sabbath__logo-light{
  transform: none !important;
  backface-visibility: visible !important;
}

html body .l-sabbath__overlay,
html body .l-sabbath__logo-light{
  transition: none !important;
  will-change: auto !important;
}

html body .l-sabbath__overlay{
  opacity: 1 !important;
  background: #2f557f !important;
  filter: none !important;
}

html body .l-sabbath__logo{
  position: sticky !important;
  top: 0 !important;
  width: 144px !important;
  max-width: 144px !important;
  height: 133px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  z-index: 2 !important;
}

html body .l-sabbath__logo--inner{
  position: relative !important;
  width: 104px !important;
  max-width: 104px !important;
  height: 93px !important;
  margin: 0 !important;
}

html body .l-sabbath__logo-light{
  display: block !important;
  width: 104px !important;
  max-width: 104px !important;
  height: 93px !important;
  opacity: 1 !important;
  filter: none !important;
  color: #ffffff !important;
  position: relative !important;
  z-index: 2 !important;
}

html body .l-sabbath__logo-dark{
  display: none !important;
}

@media (min-width: 1025px){
  html body.cmc-site .l-sabbath{
    width: 14.2857142857vw !important;
    min-width: 14.2857142857vw !important;
    max-width: 14.2857142857vw !important;
    flex: 0 0 14.2857142857vw !important;
    position: relative !important;
    z-index: 10 !important;
  }

  html body.home.cmc-site > .l-wrap{
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.home.cmc-site .l-wrap__content,
  html body.home.cmc-site .l-content{
    width: 85.7142857143vw !important;
    max-width: 85.7142857143vw !important;
    flex: 0 0 85.7142857143vw !important;
    overflow: visible !important;
  }

  html body.home.cmc-site .l-sabbath,
  html body.home.cmc-site .l-sabbath__overlay,
  html body.home.cmc-site .l-sabbath__logo-light,
  html body.home.cmc-site .l-wrap__sabbath{
    display: block !important;
    width: 14.2857142857vw !important;
    min-width: 14.2857142857vw !important;
    max-width: 14.2857142857vw !important;
    flex: 0 0 14.2857142857vw !important;
  }

  html body.cmc-site .cmc-header > .cmc-header__inner,
  html body.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
  html body.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner{
    width: 85.7142857143vw !important;
    max-width: 85.7142857143vw !important;
    margin-right: auto !important;
    overflow: visible !important;
  }

  html body.cmc-site.home .cmc-header > .cmc-header__inner,
  html body.cmc-site.home .cmc-header > .l-wrap.cmc-header__inner,
  html body.cmc-site.home .cmc-header > .cmc-wrap.cmc-header__inner{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(18px, 1.8vw, 28px) !important;
    padding-right: clamp(18px, 1.8vw, 28px) !important;
  }

  html body.home.cmc-site .cmc-header,
  html body.home.cmc-site .cmc-home2__top{
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
  }

  html body.home.cmc-site .cmc-home2__hero-slides,
  html body.home.cmc-site .cmc-home2__hero-overlay{
    width: 100% !important;
    max-width: none !important;
  }

  html body.cmc-site .cmc-header .cmc-header__right,
  html body.cmc-site .cmc-header #cmc-primary-nav,
  html body.cmc-site .cmc-header #cmc-primary-nav .cmc-nav__panel,
  html body.cmc-site .cmc-header #cmc-primary-nav .cmc-menu--primary{
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
}

body.home .cmc-home2__top .cmc-home2__hero-actions .cmc-home2__btn,
body.home .cmc-home2__top .cmc-home2__hero-actions .cmc-home2__btn:visited{
  min-width: 128px !important;
  min-height: 38px !important;
  padding: 0 18px !important;
  font-size: .74rem !important;
  border-radius: 999px !important;
}

@media (max-width: 760px){
  body.home .cmc-home2__top .cmc-home2__hero-actions .cmc-home2__btn,
  body.home .cmc-home2__top .cmc-home2__hero-actions .cmc-home2__btn:visited{
    width: min(152px, 100%) !important;
    min-width: 0 !important;
  }
}

body.home .cmc-home2__top .cmc-home2__hero-actions .cmc-home2__btn--primary{
  background: var(--cmc-hover) !important;
  border: 0 !important;
  color: #ffffff !important;
  box-shadow: 0 14px 26px rgba(16, 51, 128, .24) !important;
}

body.home .cmc-home2__top .cmc-home2__hero-actions .cmc-home2__btn{
  min-width: 128px !important;
  min-height: 38px !important;
  padding: 0 18px !important;
  font-size: .74rem !important;
}

@media (max-width: 760px){
  body.home .cmc-home2__top .cmc-home2__hero-actions .cmc-home2__btn{
    width: min(152px, 100%) !important;
  }
}

/* Final hero height increase */
body.home .cmc-home2__top{
  min-height: clamp(1187px, 145vh, 1708px) !important;
}

body.home .cmc-home2__top-inner{
  padding: clamp(435px, 55vh, 669px) 0 clamp(221px, 24vh, 297px) !important;
}

body.home .cmc-home2__hero-card{
  min-height: clamp(593px, 62vh, 794px) !important;
}

@media (max-width: 980px){
  body.home .cmc-home2__top{
    min-height: clamp(1070px, 135vh, 1494px) !important;
  }

  body.home .cmc-home2__top-inner{
    padding: clamp(366px, 48vh, 518px) 0 clamp(204px, 24vh, 283px) !important;
  }

  body.home .cmc-home2__hero-card{
    min-height: clamp(518px, 55vh, 676px) !important;
  }
}

@media (max-width: 760px){
  body.home .cmc-home2__top{
    min-height: clamp(980px, 131vh, 1311px) !important;
  }

  body.home .cmc-home2__top-inner{
    padding: clamp(345px, 45vh, 490px) 0 193px !important;
  }

  body.home .cmc-home2__hero-card{
    min-height: clamp(455px, 48vh, 587px) !important;
  }
}

/* Final no-copy hero height lock */
body.home .cmc-home2__top{
  min-height: clamp(1032px, 126vh, 1485px) !important;
}

body.home .cmc-home2__top-inner{
  padding: clamp(378px, 48vh, 582px) 0 clamp(192px, 21vh, 258px) !important;
}

body.home .cmc-home2__hero-card{
  min-height: clamp(516px, 54vh, 690px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
}

body.home .cmc-home2__hero-actions{
  margin-top: 0 !important;
}

@media (max-width: 980px){
  body.home .cmc-home2__top{
    min-height: clamp(930px, 117vh, 1299px) !important;
  }

  body.home .cmc-home2__top-inner{
    padding: clamp(318px, 42vh, 450px) 0 clamp(177px, 21vh, 246px) !important;
  }

  body.home .cmc-home2__hero-card{
    min-height: clamp(450px, 48vh, 588px) !important;
  }
}

@media (max-width: 760px){
  body.home .cmc-home2__top{
    min-height: clamp(852px, 114vh, 1140px) !important;
  }

  body.home .cmc-home2__top-inner{
    padding: clamp(300px, 39vh, 426px) 0 168px !important;
  }

  body.home .cmc-home2__hero-card{
    min-height: clamp(396px, 42vh, 510px) !important;
  }
}

/* =========================================================
   Front Page Sliding Cover Hero - Final Override
========================================================= */
body.home .cmc-home2__top{
  min-height: clamp(344px, 42vh, 495px) !important;
  background: #050d1e !important;
  isolation: isolate;
}

body.home .cmc-home2__top::before{
  content: none !important;
}

body.home .cmc-home2__top::after{
  content: "" !important;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 1 !important;
  animation: none !important;
  background:
    linear-gradient(90deg, rgba(3, 8, 20, .84) 0%, rgba(3, 8, 20, .58) 24%, rgba(3, 8, 20, .18) 56%, rgba(3, 8, 20, .16) 100%),
    linear-gradient(180deg, rgba(5, 11, 24, .18) 0%, rgba(5, 11, 24, .06) 28%, rgba(5, 11, 24, .14) 56%, rgba(5, 11, 24, .82) 100%),
    radial-gradient(72% 72% at 14% 18%, rgba(255, 183, 96, .18) 0%, rgba(255, 183, 96, 0) 56%) !important;
}

body.home .cmc-home2__top .cmc-wrap::before{
  display: none !important;
}

body.home .cmc-home2__hero-slides{
  position: absolute;
  inset: 0;
  z-index: 0;
}

body.home .cmc-home2__hero-slide{
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  transform: scale(1.02);
  transition: opacity 1.2s ease, transform 9s ease;
}

body.home .cmc-home2__hero-slide.is-active{
  opacity: 1;
  transform: scale(1);
}

body.home .cmc-home2__hero-slide img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--cmc-slide-position, center center);
  filter: saturate(1.01) contrast(1.01) brightness(.98);
  image-rendering: auto;
}

body.home .cmc-home2__top .cmc-content{
  align-items: end;
}

body.home .cmc-home2__top-inner{
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(126px, 16vh, 194px) 0 clamp(64px, 7vh, 86px) !important;
  text-align: left !important;
}

body.home .cmc-home2__hero-card{
  max-width: min(560px, 44vw) !important;
  margin: 0 auto 0 0 !important;
  padding: 0 !important;
  gap: 0;
  background: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.home .cmc-home2__hero-card::before,
body.home .cmc-home2__hero-card::after{
  content: none !important;
}

body.home .cmc-home2__hero-kicker{
  margin: 0 0 18px !important;
  min-height: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  color: rgba(255, 231, 187, .94) !important;
  letter-spacing: .18em;
  font-size: .78rem;
}

body.home .cmc-home2__title{
  margin: 0 0 18px !important;
  max-width: 8.5ch !important;
  font-size: clamp(2rem, 3.4vw, 3.28rem) !important;
  line-height: .9 !important;
  letter-spacing: -.035em;
  text-shadow: 0 18px 44px rgba(0, 0, 0, .38);
}

body.home .cmc-home2__hero-subtitle{
  margin: 0 0 22px !important;
  max-width: 31ch !important;
  font-size: clamp(.8rem, .82vw, .88rem) !important;
  line-height: 1.5 !important;
  color: rgba(247, 250, 255, .92) !important;
}

body.home .cmc-home2__hero-actions{
  justify-content: flex-start !important;
  gap: 12px !important;
  margin-top: 0 !important;
}

body.home .cmc-home2__top .cmc-home2__hero-actions .cmc-home2__btn{
  min-width: 160px !important;
  min-height: 48px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  font-size: .92rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body.home .cmc-home2__top .cmc-home2__btn--primary{
  background: linear-gradient(135deg, #5fa8ff 0%, #2f6fda 52%, #1b56b8 100%) !important;
  border-color: rgba(201, 225, 255, .34) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 30px rgba(17, 69, 164, .28) !important;
}

body.home .cmc-home2__top .cmc-home2__btn--secondary{
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .22) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.home .cmc-home2__hero-trust{
  margin: 18px 0 0 !important;
  max-width: 32ch !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255, 240, 214, .18) !important;
  color: rgba(243, 247, 255, .78) !important;
  font-size: .8rem !important;
}

body.home .cmc-home2__hero-proof{
  display: none !important;
}

body.home .cmc-home2__hero-meta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

body.home .cmc-home2__hero-meta-line{
  margin: 0;
  color: rgba(255, 231, 187, .82) !important;
  font-size: .78rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.home .cmc-home2__hero-dots{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

body.home .cmc-home2__hero-dot{
  width: 28px;
  height: 4px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .24);
  cursor: pointer;
  transition: background .25s ease, transform .25s ease, width .25s ease;
}

body.home .cmc-home2__hero-dot.is-active{
  width: 46px;
  background: linear-gradient(90deg, rgba(247, 205, 107, 1) 0%, rgba(255, 232, 178, .96) 100%);
}

body.home .cmc-home2__hero-dot:hover,
body.home .cmc-home2__hero-dot:focus-visible{
  transform: translateY(-1px);
  background: rgba(255, 230, 168, .72);
  outline: none;
}

body.home .cmc-home2__wave{
  z-index: 2;
  height: clamp(44px, 5vw, 64px);
}

@media (max-width: 980px){
  body.home .cmc-home2__top{
    min-height: clamp(310px, 39vh, 433px) !important;
  }

  body.home .cmc-home2__top::after{
    background:
      linear-gradient(180deg, rgba(3, 8, 20, .34) 0%, rgba(3, 8, 20, .16) 22%, rgba(3, 8, 20, .22) 56%, rgba(3, 8, 20, .82) 100%),
      linear-gradient(90deg, rgba(3, 8, 20, .76) 0%, rgba(3, 8, 20, .34) 46%, rgba(3, 8, 20, .12) 100%) !important;
  }

  body.home .cmc-home2__top-inner{
    padding: clamp(106px, 14vh, 150px) 0 clamp(59px, 7vh, 82px) !important;
  }

  body.home .cmc-home2__hero-card{
    max-width: min(380px, 100%) !important;
  }
}

@media (max-width: 760px){
  body.home .cmc-home2__top{
    min-height: clamp(284px, 38vh, 380px) !important;
  }

  body.home .cmc-home2__top-inner{
    padding: clamp(100px, 13vh, 142px) 0 56px !important;
  }

  body.home .cmc-home2__title{
    max-width: 9.5ch !important;
    font-size: clamp(1.72rem, 6vw, 2.18rem) !important;
  }

  body.home .cmc-home2__hero-subtitle{
    max-width: 28ch !important;
    font-size: .76rem !important;
  }

  body.home .cmc-home2__top .cmc-home2__hero-actions .cmc-home2__btn{
    width: min(190px, 100%) !important;
    min-width: 0 !important;
  }

  body.home .cmc-home2__hero-actions{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  body.home .cmc-home2__top .cmc-home2__hero-actions .cmc-home2__btn{
    min-width: 0 !important;
    width: min(220px, 100%) !important;
  }

  body.home .cmc-home2__hero-meta{
    gap: 10px;
  }

}

/* =========================================================
   Front Page Sliding Cover Hero
========================================================= */
body.home .cmc-home2__top{
  min-height: clamp(780px, 94vh, 1120px);
  background: #050d1e;
  isolation: isolate;
}

body.home .cmc-home2__top::before{
  content: none !important;
}

body.home .cmc-home2__top::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  animation: none !important;
  background:
    linear-gradient(90deg, rgba(3, 8, 20, .84) 0%, rgba(3, 8, 20, .58) 24%, rgba(3, 8, 20, .18) 56%, rgba(3, 8, 20, .16) 100%),
    linear-gradient(180deg, rgba(5, 11, 24, .18) 0%, rgba(5, 11, 24, .06) 28%, rgba(5, 11, 24, .14) 56%, rgba(5, 11, 24, .82) 100%),
    radial-gradient(72% 72% at 14% 18%, rgba(255, 183, 96, .18) 0%, rgba(255, 183, 96, 0) 56%);
}

body.home .cmc-home2__top .cmc-wrap::before{
  display: none;
}

body.home .cmc-home2__hero-slides{
  position: absolute;
  inset: 0;
  z-index: 0;
}

body.home .cmc-home2__hero-slide{
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  transform: scale(1.06);
  transition: opacity 1.2s ease, transform 9s ease;
}

body.home .cmc-home2__hero-slide.is-active{
  opacity: 1;
  transform: scale(1);
}

body.home .cmc-home2__hero-slide img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--cmc-slide-position, center center);
  filter: saturate(1.03) contrast(1.02) brightness(.94);
}

body.home .cmc-home2__top .cmc-content{
  align-items: end;
}

body.home .cmc-home2__top-inner{
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(286px, 35vh, 440px) 0 clamp(144px, 17vh, 196px);
  text-align: left;
}

body.home .cmc-home2__hero-card{
  max-width: min(540px, 45vw);
  margin: 0 auto 0 0;
  padding: 0;
  gap: 0;
  background: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.home .cmc-home2__hero-card::before,
body.home .cmc-home2__hero-card::after{
  content: none;
}

body.home .cmc-home2__hero-kicker{
  margin: 0 0 18px;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: rgba(255, 231, 187, .94) !important;
  letter-spacing: .18em;
  font-size: .78rem;
}

body.home .cmc-home2__title{
  margin: 0 0 18px;
  max-width: 8.5ch;
  font-size: clamp(3rem, 5.4vw, 5.9rem);
  line-height: .9;
  letter-spacing: -.035em;
  text-shadow: 0 18px 44px rgba(0, 0, 0, .38);
}

body.home .cmc-home2__hero-subtitle{
  margin: 0 0 22px;
  max-width: 31ch;
  font-size: clamp(1rem, 1.15vw, 1.12rem);
  line-height: 1.68;
  color: rgba(247, 250, 255, .92) !important;
}

body.home .cmc-home2__hero-actions{
  justify-content: flex-start;
  gap: 12px;
  margin-top: 0;
}

body.home .cmc-home2__top .cmc-home2__hero-actions .cmc-home2__btn{
  min-width: 156px;
}

body.home .cmc-home2__top .cmc-home2__btn--primary{
  background: linear-gradient(135deg, #f0bf54 0%, #db9a22 100%);
  border-color: rgba(255, 241, 202, .42);
  color: #1d2332 !important;
  box-shadow: 0 18px 30px rgba(100, 64, 8, .24);
}

body.home .cmc-home2__top .cmc-home2__btn--secondary{
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .22);
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

body.home .cmc-home2__hero-trust{
  margin: 18px 0 0;
  max-width: 32ch;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 240, 214, .18);
  color: rgba(243, 247, 255, .78) !important;
  font-size: .9rem;
}

body.home .cmc-home2__hero-proof{
  display: none;
}

body.home .cmc-home2__hero-meta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 18px;
}

body.home .cmc-home2__hero-meta-line{
  margin: 0;
  color: rgba(255, 231, 187, .82) !important;
  font-size: .78rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.home .cmc-home2__hero-dots{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

body.home .cmc-home2__hero-dot{
  width: 34px;
  height: 4px;
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .24);
  appearance: none;
  -webkit-appearance: none;
  flex: 0 0 auto;
  cursor: pointer;
  transition: background .25s ease, transform .25s ease, width .25s ease;
}

body.home .cmc-home2__hero-dot.is-active{
  width: 58px;
  background: linear-gradient(90deg, rgba(95, 168, 255, 1) 0%, rgba(187, 221, 255, .96) 100%);
}

body.home .cmc-home2__hero-dot:hover,
body.home .cmc-home2__hero-dot:focus-visible{
  transform: translateY(-1px);
  background: rgba(133, 190, 255, .72);
  outline: none;
}

body.home .cmc-home2__wave{
  z-index: 2;
  height: var(--cmc-home-wave-h);
}

@media (max-width: 980px){
  body.home .cmc-home2__top{
    min-height: clamp(700px, 90vh, 980px);
  }

  body.home .cmc-home2__top::after{
    background:
      linear-gradient(180deg, rgba(3, 8, 20, .34) 0%, rgba(3, 8, 20, .16) 22%, rgba(3, 8, 20, .22) 56%, rgba(3, 8, 20, .82) 100%),
      linear-gradient(90deg, rgba(3, 8, 20, .76) 0%, rgba(3, 8, 20, .34) 46%, rgba(3, 8, 20, .12) 100%);
  }

  body.home .cmc-home2__top-inner{
    padding: clamp(240px, 31vh, 340px) 0 clamp(134px, 16vh, 184px);
  }

  body.home .cmc-home2__hero-card{
    max-width: min(520px, 100%);
  }
}

@media (max-width: 760px){
  body.home .cmc-home2__top{
    min-height: clamp(640px, 84vh, 860px);
  }

  body.home .cmc-home2__top-inner{
    padding: clamp(226px, 29vh, 320px) 0 126px;
  }

  body.home .cmc-home2__title{
    max-width: 9.5ch;
    font-size: clamp(2.5rem, 10vw, 4.1rem);
  }

  body.home .cmc-home2__hero-subtitle{
    max-width: 28ch;
    font-size: .98rem;
  }

  body.home .cmc-home2__hero-actions{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  body.home .cmc-home2__top .cmc-home2__hero-actions .cmc-home2__btn{
    min-width: 0;
    width: min(220px, 100%);
  }

  body.home .cmc-home2__hero-meta{
    gap: 10px;
  }

  body.home .cmc-home2__hero-dot{
    width: 34px !important;
    height: 4px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    flex: 0 0 auto !important;
    appearance: none;
    -webkit-appearance: none;
  }

  body.home .cmc-home2__hero-dot.is-active{
    width: 58px !important;
  }
}

body.home .cmc-home2__decision-card :is(.cmc-home2__decision-eyebrow, .cmc-home2__decision-title, .cmc-home2__decision-text){
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.home .cmc-home2__section--trust .cmc-home2__path-order{
  background: linear-gradient(135deg, rgba(255,255,255,.18) 0%, rgba(186,218,255,.1) 100%) !important;
  color: rgba(217, 232, 255, .92) !important;
  -webkit-text-fill-color: rgba(217, 232, 255, .92) !important;
}

body.home .cmc-home2__section--trust .cmc-home2__path-meta{
  color: rgba(217, 232, 255, .84) !important;
  -webkit-text-fill-color: rgba(217, 232, 255, .84) !important;
}

body.home .cmc-home2__section--trust :is(.cmc-home2__path-title, .cmc-home2__path-intro, .cmc-home2__path-text){
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .32) !important;
}

body.home .cmc-home2__section--trust .cmc-home2__path-text{
  color: rgba(233, 242, 255, .9) !important;
  -webkit-text-fill-color: rgba(233, 242, 255, .9) !important;
}

/* =========================================================
   Front Page Graphic Refinement Pass (2026-04)
========================================================= */
body.home .cmc-home2__top{
  overflow: hidden;
}

body.home .cmc-home2__top .cmc-wrap::after{
  content: "";
  position: absolute;
  left: -4%;
  right: -4%;
  bottom: 112px;
  height: 170px;
  border-radius: 999px;
  background:
    radial-gradient(44% 110% at 18% 44%, rgba(118, 182, 255, .22) 0%, rgba(118, 182, 255, 0) 72%),
    radial-gradient(36% 90% at 82% 60%, rgba(244, 190, 138, .14) 0%, rgba(244, 190, 138, 0) 70%);
  filter: blur(18px);
  opacity: .75;
  pointer-events: none;
  z-index: 1;
}

body.home .cmc-home2__hero-card::before{
  background:
    linear-gradient(180deg, rgba(9, 22, 45, .56) 0%, rgba(9, 22, 45, .22) 54%, rgba(9, 22, 45, .1) 100%),
    radial-gradient(120% 120% at 0% 0%, rgba(110, 177, 255, .14) 0%, rgba(110, 177, 255, 0) 58%);
  border-color: rgba(205, 227, 255, .2);
}

body.home .cmc-home2__hero-card{
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

body.home .cmc-home2__hero-actions .cmc-home2__btn{
  box-shadow: 0 14px 26px rgba(5, 17, 42, .2);
}

body.home .cmc-home2__hero-actions .cmc-home2__btn--secondary{
  background: linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.06) 100%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.home .cmc-home2__decision-strip::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 42px;
  width: min(1040px, calc(100% - 40px));
  height: 220px;
  transform: translateX(-50%);
  border-radius: 40px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(245,250,255,.2) 100%),
    radial-gradient(58% 140% at 0% 20%, rgba(105, 164, 245, .14) 0%, rgba(105, 164, 245, 0) 62%);
  border: 1px solid rgba(179, 209, 248, .22);
  box-shadow: 0 22px 48px rgba(11, 28, 58, .08);
  pointer-events: none;
  z-index: -1;
}

body.home .cmc-home2__decision-card{
  border-color: rgba(210, 229, 255, .18);
  outline: 1px solid rgba(255,255,255,.06);
  outline-offset: -1px;
}

body.home .cmc-home2__decision-card::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 24%);
  pointer-events: none;
  z-index: 1;
}

body.home .cmc-home2__decision-card > *{
  position: relative;
  z-index: 2;
}

body.home .cmc-home2__decision-card > .cmc-home2__btn{
  justify-self: start;
}

body.home .cmc-home2__section--reference{
  position: relative;
  overflow: hidden;
}

body.home .cmc-home2__section--reference::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .92;
}

body.home .cmc-home2__section--identity::before{
  background:
    radial-gradient(720px 240px at 12% 0%, rgba(123, 181, 251, .18) 0%, rgba(123, 181, 251, 0) 64%),
    radial-gradient(620px 260px at 100% 12%, rgba(109, 139, 224, .12) 0%, rgba(109, 139, 224, 0) 62%);
}

body.home .cmc-home2__section--belief::before{
  background:
    radial-gradient(760px 260px at 50% 0%, rgba(113, 161, 231, .16) 0%, rgba(113, 161, 231, 0) 62%),
    linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 100%);
}

body.home .cmc-home2__section--impact::before{
  background:
    radial-gradient(760px 260px at 88% 0%, rgba(123, 181, 251, .14) 0%, rgba(123, 181, 251, 0) 62%),
    radial-gradient(620px 240px at 10% 18%, rgba(241, 192, 141, .12) 0%, rgba(241, 192, 141, 0) 62%);
}

body.home .cmc-home2__section--reference .cmc-content{
  position: relative;
  z-index: 1;
}

body.home .cmc-home2__head--reference{
  position: relative;
}

body.home .cmc-home2__head--reference::before{
  content: "";
  position: absolute;
  left: 50%;
  top: -24px;
  width: 220px;
  height: 220px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(110, 177, 255, .16) 0%, rgba(110, 177, 255, 0) 72%);
  filter: blur(10px);
  pointer-events: none;
  z-index: -1;
}

body.home .cmc-home2__feature-grid--reference{
  position: relative;
}

body.home .cmc-home2__feature-grid--reference::before{
  content: "";
  position: absolute;
  inset: 14px;
  border-radius: 28px;
  border: 1px solid rgba(180, 211, 248, .2);
  pointer-events: none;
  opacity: .6;
}

body.home .cmc-home2__section--reference .cmc-home2__feature-tile{
  background-color: #163660;
  transform-origin: center bottom;
}

body.home .cmc-home2__section--reference .cmc-home2__feature-tile::after{
  background:
    radial-gradient(120% 82% at 8% -8%, rgba(133, 191, 255, .18), rgba(133, 191, 255, 0) 54%),
    radial-gradient(90% 70% at 92% 16%, rgba(72, 143, 238, .14), rgba(72, 143, 238, 0) 60%),
    linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 28%);
  opacity: .4;
}

body.home .cmc-home2__section--reference .cmc-home2__feature-tile:hover{
  transform: translateY(-6px) scale(1.01) !important;
  box-shadow: 0 26px 42px rgba(8, 20, 39, .22);
}

body.home .cmc-home2__section--reference .cmc-home2__feature-play{
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.24);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.home .cmc-home2__section--reference .cmc-home2__feature-play svg{
  width: 40px;
  height: 40px;
}

body.home .cmc-home2__section--reference .cmc-home2__feature-body{
  padding: 20px;
}

body.home .cmc-home2__section--reference .cmc-home2__feature-title{
  text-shadow: 0 12px 26px rgba(0, 0, 0, .5);
}

body.home .cmc-home2__section--reference .cmc-home2__feature-actions .cmc-home2__btn{
  box-shadow: 0 12px 24px rgba(4, 12, 30, .2);
}

body.home .cmc-home2__section--reference .cmc-home2__feature-actions .cmc-home2__btn--primary{
  background: linear-gradient(135deg, #5fa8ff 0%, #3170e1 52%, #1f56b0 100%);
}

body.home .cmc-home2__section--reference .cmc-home2__feature-actions .cmc-home2__btn--secondary{
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.home .cmc-home2__section--support{
  position: relative;
}

body.home .cmc-home2__section--support::before{
  opacity: .56;
}

body.home .cmc-home2__section--support .cmc-home2__head h2::after{
  width: 58px;
  margin-top: 12px;
}

body.home .cmc-home2__pastoral-note{
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(241, 192, 141, .12) 0%, rgba(241, 192, 141, 0) 54%),
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,255,.94) 100%);
}

body.home .cmc-home2__faq-item{
  border-color: rgba(171, 197, 237, .16);
}

body.home .cmc-home2__final{
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(122, 181, 251, .12) 0%, rgba(122, 181, 251, 0) 56%),
    linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(247,250,255,.95) 100%);
}

@media (max-width: 1080px){
  body.home .cmc-home2__decision-strip::before{
    width: calc(100% - 32px);
    height: 180px;
  }

  body.home .cmc-home2__feature-grid--reference::before{
    display: none;
  }
}

@media (max-width: 760px){
  body.home .cmc-home2__top .cmc-wrap::after{
    bottom: 88px;
    height: 120px;
    opacity: .54;
  }

  body.home .cmc-home2__decision-strip::before{
    top: 28px;
    height: 148px;
    border-radius: 26px;
  }

  body.home .cmc-home2__decision-card{
    box-shadow: 0 16px 28px rgba(7, 20, 39, .18);
  }

  body.home .cmc-home2__section--reference .cmc-home2__feature-play{
    width: 50px;
    height: 50px;
  }
}

/* =========================================================
   Front Page Reference-Style Redesign Pass (2026-04)
========================================================= */
body.home .cmc-home2__top{
  min-height: clamp(680px, 82vh, 920px);
}

body.home .cmc-home2__top::after{
  background:
    radial-gradient(900px 280px at 74% 18%, rgba(57, 120, 220, .12) 0%, rgba(57, 120, 220, 0) 56%),
    radial-gradient(720px 240px at 18% 26%, rgba(211, 154, 101, .12) 0%, rgba(211, 154, 101, 0) 54%),
    linear-gradient(180deg, rgba(4, 11, 27, .18) 0%, rgba(4, 11, 27, .08) 34%, rgba(9, 28, 58, .12) 68%, rgba(10, 31, 62, .22) 100%);
}

body.home .cmc-home2__top-inner{
  padding: clamp(260px, 31vh, 360px) 0 clamp(104px, 12vh, 148px);
  max-width: 600px;
}

body.home .cmc-home2__hero-card{
  max-width: 31rem;
  padding: 18px 20px 20px;
  gap: 0;
}

body.home .cmc-home2__hero-card::before{
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(8, 20, 42, .46) 0%, rgba(8, 20, 42, .2) 100%);
  box-shadow: 0 20px 42px rgba(3, 10, 24, .18), inset 0 1px 0 rgba(255,255,255,.06);
}

body.home .cmc-home2__hero-card::after{
  display: none;
}

body.home .cmc-home2__hero-kicker{
  margin-bottom: 8px;
}

body.home .cmc-home2__title{
  font-size: clamp(2.05rem, 3.8vw, 3.7rem);
  max-width: 10.6ch;
  margin-bottom: 10px;
}

body.home .cmc-home2__hero-subtitle{
  max-width: 33ch;
  font-size: .98rem;
  line-height: 1.58;
}

body.home .cmc-home2__hero-actions{
  gap: 10px;
  margin-top: 18px;
}

body.home .cmc-home2__hero-actions .cmc-home2__btn{
  min-width: 150px;
}

body.home .cmc-home2__hero-trust{
  margin-top: 14px;
  padding-top: 10px;
  font-size: .84rem;
}

body.home .cmc-home2__hero-proof{
  display: none;
}

body.home .cmc-home2__decision-strip{
  z-index: 8;
  margin-top: clamp(-98px, -8vw, -68px);
  padding-bottom: 26px;
}

body.home .cmc-home2__decision-grid{
  max-width: 980px;
  margin-inline: auto;
  gap: 14px;
}

body.home .cmc-home2__decision-card{
  min-height: 268px;
  padding: 16px;
  border-radius: 18px;
  box-shadow: 0 20px 36px rgba(7, 20, 39, .22);
}

body.home .cmc-home2__decision-photo::before{
  left: 12px;
  top: 12px;
  min-height: 24px;
  padding: 0 10px;
  font-size: .62rem;
}

body.home .cmc-home2__decision-eyebrow{
  display: none;
}

body.home .cmc-home2__decision-title{
  font-size: clamp(1.05rem, 1.55vw, 1.28rem);
  line-height: 1.14;
  max-width: 11ch;
}

body.home .cmc-home2__decision-text{
  font-size: .84rem;
  line-height: 1.48;
  max-width: 24ch;
}

body.home .cmc-home2__decision-card > .cmc-home2__btn{
  min-height: 36px;
  padding-inline: 14px;
  font-size: .74rem;
  width: auto;
  max-width: 138px;
  border-radius: 999px;
}

body.home .cmc-home2__section--reference{
  padding: clamp(42px, 5vw, 68px) 0;
}

body.home .cmc-home2{
  --cmc-home-wave-h: 0px;
  --cmc-home-reference-top: clamp(18px, 2.6vw, 34px);
  --cmc-home-overlap: clamp(48px, 6vw, 88px);
}

body.home .cmc-home2__wave{
  display: none !important;
}

body.home .cmc-home2__top .cmc-wrap::after{
  content: none !important;
}

body.home .cmc-home2__top{
  min-height: clamp(720px, 86vh, 980px);
}

body.home .cmc-home2__top-inner{
  padding-bottom: clamp(104px, 12vh, 150px);
}

body.home .cmc-home2__top + .cmc-home2__section--reference{
  position: relative;
  z-index: 6;
  margin-top: calc(var(--cmc-home-overlap) * -1);
  padding-top: calc(var(--cmc-home-reference-top) + var(--cmc-home-overlap));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: linear-gradient(180deg,
    #eaf1fc 0%,
    #e7effb 44px,
    #e3edfb 108px,
    #dbe7fb 100%);
  overflow: hidden;
}

body.home .cmc-home2__top + .cmc-home2__section--reference::after{
  content: none;
}

body.home .cmc-home2__head--reference{
  max-width: 700px;
  margin: 0 auto 28px;
  text-align: center;
  justify-items: center;
  gap: 10px;
}

body.home .cmc-home2__head--reference .cmc-home2__eyebrow{
  display: none;
}

body.home .cmc-home2__head--reference h2{
  max-width: none;
  color: #183761;
  font-size: clamp(1.45rem, 2.1vw, 1.95rem);
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.home .cmc-home2__head--reference h2::after{
  width: 68px;
  height: 4px;
  margin: 14px auto 0;
  background: linear-gradient(90deg, rgba(67, 121, 216, 1) 0%, rgba(188, 215, 255, .9) 100%);
  box-shadow: 0 8px 20px rgba(57, 129, 222, .18);
}

body.home .cmc-home2__head--reference p{
  max-width: 54ch;
  color: rgba(24, 55, 97, .72);
  font-size: .96rem;
  line-height: 1.7;
}

body.home .cmc-home2__feature-grid--reference{
  max-width: 980px;
  margin-inline: auto;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.home .cmc-home2__section--reference .cmc-home2__feature-tile{
  min-height: 248px;
  border-radius: 18px;
  border-color: rgba(95, 135, 204, .14);
  box-shadow: 0 16px 30px rgba(8, 20, 39, .18);
  transform: none !important;
}

body.home .cmc-home2__section--reference .cmc-home2__feature-tile::before{
  background: linear-gradient(180deg, rgba(5, 15, 36, .08) 0%, rgba(4, 11, 27, .22) 42%, rgba(3, 9, 24, .76) 100%);
}

body.home .cmc-home2__section--reference .cmc-home2__feature-tile::after{
  opacity: .24;
}

body.home .cmc-home2__section--reference .cmc-home2__feature-play{
  position: absolute;
  left: 18px;
  top: 18px;
  z-index: 3;
  color: rgba(255,255,255,.96);
  filter: drop-shadow(0 10px 22px rgba(5, 17, 42, .28));
}

body.home .cmc-home2__section--reference .cmc-home2__feature-body{
  padding: 18px;
  gap: 10px;
}

body.home .cmc-home2__section--reference .cmc-home2__feature-body::before{
  content: none;
}

body.home .cmc-home2__section--reference .cmc-home2__feature-tag{
  display: none;
}

body.home .cmc-home2__section--reference .cmc-home2__feature-title{
  font-size: 1.22rem;
  line-height: 1.14;
  max-width: 12ch;
}

body.home .cmc-home2__section--reference .cmc-home2__feature-actions{
  gap: 8px;
}

body.home .cmc-home2__section--reference .cmc-home2__feature-actions .cmc-home2__btn{
  min-width: 0;
  min-height: 34px;
  padding-inline: 12px;
  font-size: .72rem;
  border-radius: 999px;
}

body.home .cmc-home2__section--reference .cmc-home2__feature-actions .cmc-home2__btn--secondary{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.34);
}

/* Final hero primary button match */
body.home .cmc-home2__top .cmc-home2__hero-actions .cmc-home2__btn--primary{
  background: linear-gradient(135deg, #5fa8ff 0%, #2f6fda 52%, #1b56b8 100%) !important;
  border-color: rgba(201, 225, 255, .34) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 30px rgba(17, 69, 164, .28) !important;
}

body.home .cmc-home2__top .cmc-home2__hero-actions .cmc-home2__btn--secondary{
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .22) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.home .cmc-home2__section--reference + .cmc-home2__section--reference::before{
  opacity: .8;
}

body.home .cmc-home2__section--support{
  padding: clamp(26px, 3.6vw, 46px) 0;
}

body.home .cmc-home2__section--support .cmc-home2__head{
  max-width: 44rem;
  margin-bottom: 20px;
}

body.home .cmc-home2__section--support .cmc-home2__head h2{
  font-size: clamp(1.55rem, 2.4vw, 2rem);
}

html body.home.cmc-site :is(
  .cmc-home2__btn,
  .cmc-final-cta__btn,
  .cmc-action-card__btn,
  .cmc-feature-tile__btn,
  .cmc-latest-news__btn
),
html body.home.cmc-site :is(
  .cmc-home2__btn,
  .cmc-final-cta__btn,
  .cmc-action-card__btn,
  .cmc-feature-tile__btn,
  .cmc-latest-news__btn
):visited{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .48rem !important;
  min-height: 48px !important;
  padding: 11px 24px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  background: linear-gradient(135deg, #4f86ff 0%, #2f6fd8 100%) !important;
  color: #ffffff !important;
  font-size: .98rem !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(47, 111, 216, .26), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

html body.home.cmc-site :is(
  .cmc-home2__btn,
  .cmc-final-cta__btn,
  .cmc-action-card__btn,
  .cmc-feature-tile__btn,
  .cmc-latest-news__btn
):hover,
html body.home.cmc-site :is(
  .cmc-home2__btn,
  .cmc-final-cta__btn,
  .cmc-action-card__btn,
  .cmc-feature-tile__btn,
  .cmc-latest-news__btn
):focus{
  background: linear-gradient(135deg, #5a8fff 0%, #346fe0 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 34px rgba(47, 111, 216, .32), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

html body.home.cmc-site :is(
  .cmc-home2__btn,
  .cmc-final-cta__btn,
  .cmc-action-card__btn,
  .cmc-feature-tile__btn,
  .cmc-latest-news__btn
):focus-visible{
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(79, 134, 255, .18), 0 12px 28px rgba(47, 111, 216, .26), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

body.home .cmc-home2__section--support .cmc-home2__head p{
  font-size: .95rem;
}

body.home #cmc-start-here.cmc-home2__section--support{
  padding-top: 18px;
}

body.home #cmc-start-here.cmc-home2__section--support .cmc-content{
  padding: 20px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(249,252,255,.52) 100%);
  box-shadow: 0 14px 30px rgba(30, 61, 113, .08);
}

body.home #cmc-start-here.cmc-home2__section--support .cmc-home2__start-grid{
  gap: 18px;
}

body.home #cmc-start-here.cmc-home2__section--support .cmc-home2__card-orb{
  width: clamp(150px, 13vw, 180px);
  border-width: 5px;
  margin-bottom: -38px;
  box-shadow: 0 14px 28px rgba(3, 10, 24, .2), 0 0 0 1px rgba(120, 160, 232, .18);
}

body.home #cmc-start-here.cmc-home2__section--support .cmc-home2__card-body{
  padding: 60px 18px 18px;
  gap: 10px;
  border-radius: 22px;
  box-shadow: 0 16px 28px rgba(11, 28, 58, .08);
}

body.home #cmc-start-here.cmc-home2__section--support .cmc-home2__card h3{
  font-size: clamp(1.34rem, 1.7vw, 1.7rem);
}

body.home #cmc-start-here.cmc-home2__section--support .cmc-home2__card p{
  font-size: .92rem;
}

body.home #cmc-mission-glance.cmc-home2__section--support .cmc-home2__trust-layout{
  gap: 18px;
}

body.home #cmc-mission-glance.cmc-home2__section--support .cmc-home2__kpis-card,
body.home #cmc-mission-glance.cmc-home2__section--support .cmc-home2__trust-panel{
  box-shadow: 0 12px 22px rgba(11, 28, 58, .06);
}

body.home .cmc-home2__section--warm,
body.home .cmc-home2__section--faq,
body.home .cmc-home2__section[aria-label="Next steps"]{
  padding: clamp(28px, 3.8vw, 48px) 0;
}

body.home .cmc-home2__pastoral-note,
body.home .cmc-home2__faq-item,
body.home .cmc-home2__final{
  box-shadow: 0 12px 24px rgba(11, 28, 58, .08);
}

@media (max-width: 1080px){
  body.home .cmc-home2__top-inner{
    padding-bottom: clamp(126px, 15vh, 180px);
  }

  body.home .cmc-home2__decision-grid{
    max-width: 100%;
  }

  body.home .cmc-home2__section--reference .cmc-home2__feature-grid--reference{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px){
  body.home .cmc-home2{
    --cmc-home-wave-h: 0px;
    --cmc-home-reference-top: clamp(12px, 3vw, 22px);
    --cmc-home-overlap: 56px;
  }

  body.home .cmc-home2__top{
    min-height: clamp(620px, 82vh, 860px);
  }

  body.home .cmc-home2__top-inner{
    padding-top: clamp(250px, 31vh, 350px);
    padding-bottom: 72px;
  }

  body.home .cmc-home2__hero-card{
    max-width: 22rem;
  }

  body.home .cmc-home2__decision-strip{
    margin-top: -52px;
    padding-bottom: 18px;
  }

  body.home .cmc-home2__decision-card{
    min-height: 236px;
    padding: 14px;
  }

  body.home .cmc-home2__decision-title{
    max-width: none;
  }

  body.home .cmc-home2__decision-card > .cmc-home2__btn{
    max-width: 132px;
  }

  body.home .cmc-home2__head--reference{
    margin-bottom: 18px;
  }

  body.home .cmc-home2__head--reference h2{
    font-size: clamp(1.26rem, 6vw, 1.68rem);
  }

  body.home .cmc-home2__section--reference .cmc-home2__feature-grid--reference{
    grid-template-columns: 1fr;
  }

  body.home .cmc-home2__top + .cmc-home2__section--reference{
    margin-top: calc(var(--cmc-home-overlap) * -1);
    padding-top: calc(var(--cmc-home-reference-top) + var(--cmc-home-overlap));
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  body.home .cmc-home2__section--reference .cmc-home2__feature-tile{
    min-height: 228px;
  }

  body.home .cmc-home2__section--support .cmc-home2__head{
    margin-bottom: 16px;
  }
}


/* Shared public-page visual system */
body.cmc-site :is(.cmc-home2, .cmc-about-page, .cmc-beliefs-page){
  --cmc-public-display: "Outfit", "Montserrat", "Segoe UI", sans-serif;
  --cmc-public-body: "Source Sans 3", "Nunito Sans", "Segoe UI", sans-serif;
  --cmc-public-ink: #102545;
  --cmc-public-muted: rgba(16, 37, 69, .72);
  --cmc-public-surface: rgba(255, 255, 255, .9);
  --cmc-public-surface-strong: rgba(255, 255, 255, .96);
  --cmc-public-border: rgba(113, 143, 190, .18);
  --cmc-public-shadow: 0 24px 48px rgba(11, 28, 58, .12);
}

body.cmc-site :is(.cmc-home2, .cmc-about-page, .cmc-beliefs-page) :is(h1, h2, h3, h4){
  font-family: var(--cmc-public-display);
  letter-spacing: -.025em;
}

body.cmc-site :is(.cmc-home2, .cmc-about-page, .cmc-beliefs-page) :is(p, li, a, span, summary){
  font-family: var(--cmc-public-body);
}

body.page-about :is(.cmc-btn--hero, .cmc-btn--hero-ghost),
body.page-beliefs :is(.cmc-btn--hero, .cmc-btn--hero-ghost){
  min-height: 50px;
  border-radius: 16px;
  padding: 13px 22px;
  font-family: var(--cmc-public-display);
  font-weight: 800;
  letter-spacing: .012em;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

body.page-about .cmc-btn--hero,
body.page-beliefs .cmc-btn--hero{
  background: linear-gradient(135deg, #5b9ef5 0%, #2a63d0 52%, #163f9e 100%);
  border-color: rgba(255, 255, 255, .32);
  color: #fff !important;
  box-shadow: 0 18px 34px rgba(16, 51, 128, .26);
}

body.page-about .cmc-btn--hero-ghost,
body.page-beliefs .cmc-btn--hero-ghost{
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .24);
  color: #fff !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.page-about :is(.cmc-btn--hero, .cmc-btn--hero-ghost):hover,
body.page-beliefs :is(.cmc-btn--hero, .cmc-btn--hero-ghost):hover{
  transform: translateY(-2px);
}

body.home .cmc-home2__section{
  padding: clamp(76px, 9vw, 118px) 0;
}

body.home .cmc-home2__section--trust{
  position: relative;
  overflow: hidden;
}

body.home .cmc-home2__section--trust::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(980px 340px at 0% 0%, rgba(76, 126, 216, .14) 0%, rgba(76, 126, 216, 0) 56%),
    radial-gradient(860px 300px at 100% 100%, rgba(29, 78, 170, .12) 0%, rgba(29, 78, 170, 0) 58%);
}

body.home .cmc-home2__trust-layout{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
  align-items: start;
}

body.home .cmc-home2__trust-kicker{
  margin: 0;
  color: #173d7e;
  font-family: var(--cmc-public-display);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.home .cmc-home2__trust-lead{
  margin: 8px 0 0;
  color: rgba(16, 37, 69, .7);
}

body.home .cmc-home2__trust-panel{
  display: grid;
  gap: 14px;
  padding: clamp(20px, 2.5vw, 24px);
  border-radius: 26px;
  border: 1px solid rgba(132, 163, 214, .22);
  background:
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(246,250,255,.92) 100%);
  box-shadow: var(--cmc-public-shadow);
  align-self: start;
}

body.home .cmc-home2__trust-copy{
  display: grid;
  gap: 8px;
}

body.home .cmc-home2__trust-copy h3{
  margin: 0;
  color: #102545;
  font-size: clamp(1.48rem, 2.4vw, 1.95rem);
  line-height: 1.08;
  max-width: 13ch;
}

body.home .cmc-home2__trust-copy p:last-child{
  margin: 0;
  color: rgba(16, 37, 69, .76);
  line-height: 1.58;
  max-width: 34ch;
}

body.home .cmc-home2__section--trust .cmc-home2__paths-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  grid-auto-rows: 1fr;
  align-items: stretch;
}

body.home .cmc-home2__section--trust .cmc-home2__path-card{
  min-height: 360px !important;
  border-radius: 20px;
  border: 1px solid rgba(128, 162, 216, .18);
  background:
    linear-gradient(180deg, rgba(17, 41, 79, .22) 0%, rgba(10, 28, 59, .36) 100%) !important;
  background-image: none !important;
  box-shadow: 0 18px 34px rgba(11, 28, 58, .14);
  padding: 20px;
  display: flex;
  align-items: end;
  overflow: hidden;
  height: 100%;
  isolation: isolate;
}
body.home .cmc-home2__section--trust .cmc-home2__path-photo{
  position: absolute;
  inset: 0;
  min-height: 0;
  background:
    linear-gradient(180deg, rgba(7, 18, 42, .04) 0%, rgba(7, 18, 42, .14) 34%, rgba(7, 18, 42, .3) 100%);
  overflow: hidden;
}
body.home .cmc-home2__section--trust .cmc-home2__path-photo img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.03);
  transition: transform .52s ease;
}
body.home .cmc-home2__section--trust .cmc-home2__path-photo::before{
  position: absolute;
  left: 16px;
  top: 16px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(8, 25, 56, .72);
  border: 1px solid rgba(200, 224, 255, .22);
  color: rgba(247, 251, 255, .98);
  font-size: .69rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
body.home .cmc-home2__section--trust .cmc-home2__path-photo::after{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(84% 84% at 16% 0%, rgba(255,255,255,.24) 0%, rgba(255,255,255,0) 52%),
    linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 40%),
    linear-gradient(180deg, rgba(7, 18, 42, .02) 0%, rgba(7, 18, 42, .16) 42%, rgba(4, 12, 29, .84) 100%);
  mix-blend-mode: normal;
  pointer-events: none;
}
body.home .cmc-home2__path-card--prayer .cmc-home2__path-photo::before{
  content: "Prayer support";
}
body.home .cmc-home2__path-card--prayer .cmc-home2__path-photo img{
  object-position: center 28%;
}
body.home .cmc-home2__path-card--church .cmc-home2__path-photo::before{
  content: "Near you";
}
body.home .cmc-home2__path-card--church .cmc-home2__path-photo img{
  object-position: center 42%;
}
body.home .cmc-home2__path-card--answers .cmc-home2__path-photo::before{
  content: "Bible answers";
}
body.home .cmc-home2__path-card--answers .cmc-home2__path-photo img{
  object-position: center 24%;
}
body.home .cmc-home2__section--trust .cmc-home2__path-order,
body.home .cmc-home2__section--trust .cmc-home2__path-meta,
body.home .cmc-home2__section--trust .cmc-home2__path-title,
body.home .cmc-home2__section--trust .cmc-home2__path-intro,
body.home .cmc-home2__section--trust .cmc-home2__path-text{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .32);
}
body.home .cmc-home2__section--trust .cmc-home2__path-meta,
body.home .cmc-home2__section--trust .cmc-home2__path-order{
  color: rgba(217, 232, 255, .84) !important;
  -webkit-text-fill-color: rgba(217, 232, 255, .84) !important;
}
body.home .cmc-home2__section--trust .cmc-home2__path-text{
  color: rgba(233, 242, 255, .9) !important;
  -webkit-text-fill-color: rgba(233, 242, 255, .9) !important;
}

body.home .cmc-home2__section--trust .cmc-home2__path-card::before,
body.home .cmc-home2__section--trust .cmc-home2__path-card::after{
  display: none;
}

body.home .cmc-home2__section--trust .cmc-home2__path-body{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0;
  color: #ffffff;
  gap: 8px;
  min-height: 0;
  height: auto;
  align-content: start;
  background: none;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  position: relative;
  z-index: 1;
}
body.home .cmc-home2__section--trust .cmc-home2__path-card:hover .cmc-home2__path-photo img,
body.home .cmc-home2__decision-card:hover .cmc-home2__decision-photo img{
  transform: scale(1.08);
}

body.home .cmc-home2__section--trust .cmc-home2__path-card .cmc-home2__btn{
  margin-top: auto;
  box-shadow: 0 16px 28px rgba(5, 17, 42, .22);
}
body.home .cmc-home2__section--trust .cmc-home2__path-visual{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 18px;
  margin-bottom: 2px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 10px 22px rgba(31, 69, 136, .08);
}
body.home .cmc-home2__section--trust .cmc-home2__path-visual svg{
  display: block;
}
body.home .cmc-home2__path-card--prayer .cmc-home2__path-visual{
  background: linear-gradient(180deg, rgba(73, 124, 222, .18) 0%, rgba(39, 92, 195, .1) 100%);
  color: #265fc8;
}
body.home .cmc-home2__path-card--church .cmc-home2__path-visual{
  background: linear-gradient(180deg, rgba(88, 150, 235, .16) 0%, rgba(34, 96, 188, .08) 100%);
  color: #1f4d9e;
}
body.home .cmc-home2__path-card--answers .cmc-home2__path-visual{
  background: linear-gradient(180deg, rgba(126, 164, 235, .16) 0%, rgba(67, 102, 188, .08) 100%);
  color: #3d5fae;
}

@media (max-width: 1080px){
  body.home .cmc-home2__section--trust .cmc-home2__paths-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px){
  body.home .cmc-home2__section--trust .cmc-home2__paths-grid{
    grid-template-columns: 1fr;
  }
}
body.home .cmc-home2__section--trust .cmc-home2__path-topline{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
body.home .cmc-home2__section--trust .cmc-home2__path-order{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(91,158,245,.16) 0%, rgba(42,99,208,.1) 100%);
  color: #1e4d9f;
  font-family: var(--cmc-public-display);
  font-size: .82rem;
  font-weight: 800;
}
body.home .cmc-home2__section--trust .cmc-home2__path-meta{
  color: rgba(16, 37, 69, .62);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.home .cmc-home2__section--trust .cmc-home2__path-title,
body.home .cmc-home2__section--trust .cmc-home2__path-intro,
body.home .cmc-home2__section--trust .cmc-home2__path-text{
  color: inherit !important;
  text-shadow: none !important;
}

body.home .cmc-home2__section--trust .cmc-home2__path-intro{
  color: #214a8f !important;
  font-weight: 700;
  font-size: .88rem;
  line-height: 1.45;
  max-width: none;
}

body.home .cmc-home2__section--trust .cmc-home2__path-text{
  color: rgba(16, 37, 69, .72) !important;
  font-size: .82rem;
  line-height: 1.5;
  max-width: none;
}

body.home .cmc-home2__section--trust .cmc-home2__path-badge{
  background: rgba(40, 96, 196, .1);
  color: #1e4d9f;
  min-height: 24px;
  padding: 0 9px;
  font-size: .64rem;
}

body.home .cmc-home2__section--trust .cmc-home2__path-title{
  font-size: 1rem;
  line-height: 1.18;
  max-width: none;
}

body.home .cmc-home2__section--trust .cmc-home2__path-card .cmc-home2__btn{
  width: 100%;
  min-height: 42px;
  margin-top: 2px;
}

body.home .cmc-home2__section--trust .cmc-home2__kpis-card{
  height: auto;
}

body.home .cmc-home2__section--trust .cmc-home2__final{
  box-shadow: var(--cmc-public-shadow);
}

body.page-about .cmc-about-page,
body.page-beliefs .cmc-beliefs-page{
  color: var(--cmc-public-ink);
}

body.page-about .cmc-about-section,
body.page-beliefs .cmc-beliefs-section{
  padding: clamp(54px, 7vw, 92px) 0;
}

body.page-about .cmc-about-head p,
body.page-beliefs .cmc-beliefs-head p{
  color: var(--cmc-public-muted);
}

body.page-about .cmc-about-hero__inner,
body.page-beliefs .cmc-beliefs-hero__inner{
  max-width: 900px;
}

body.page-about .cmc-about-hero__kicker,
body.page-beliefs .cmc-beliefs-hero__kicker{
  font-family: var(--cmc-public-display);
  letter-spacing: .16em;
}

body.page-about .cmc-about-hero__points{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

body.page-about .cmc-about-hero__points span{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.1);
  color: rgba(255,255,255,.96);
  font-size: .94rem;
}

body.page-about .cmc-about-strip__item,
body.page-about .cmc-about-leader,
body.page-about .cmc-about-card,
body.page-about .cmc-about-value,
body.page-about .cmc-about-time,
body.page-about .cmc-about-coverage__card,
body.page-about .cmc-about-pillar,
body.page-about .cmc-about-beliefs__card,
body.page-about .cmc-about-stat,
body.page-about .cmc-about-commitment,
body.page-about .cmc-about-faq__item,
body.page-beliefs .cmc-beliefs-strip__item,
body.page-beliefs .cmc-beliefs-nav__chip,
body.page-beliefs .cmc-beliefs-spotlight,
body.page-beliefs .cmc-belief-disclosure,
body.page-beliefs .cmc-beliefs-cta{
  border: 1px solid var(--cmc-public-border);
  box-shadow: var(--cmc-public-shadow);
}

body.page-about .cmc-about-strip__item,
body.page-about .cmc-about-leader,
body.page-about .cmc-about-card,
body.page-about .cmc-about-value,
body.page-about .cmc-about-time,
body.page-about .cmc-about-coverage__card,
body.page-about .cmc-about-pillar,
body.page-about .cmc-about-beliefs__card,
body.page-about .cmc-about-stat,
body.page-about .cmc-about-commitment,
body.page-about .cmc-about-faq__item{
  background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(246,250,255,.92) 100%);
}

body.page-beliefs .cmc-beliefs-section__layout{
  display: grid;
  grid-template-columns: minmax(250px, .88fr) minmax(0, 1.12fr);
  gap: 26px;
  align-items: start;
}

body.page-beliefs .cmc-beliefs-head{
  position: sticky;
  top: 102px;
  display: grid;
  gap: 12px;
}

body.page-beliefs .cmc-beliefs-spotlight{
  display: grid;
  gap: 10px;
  margin-top: 10px;
  padding: 22px;
  border-radius: 24px;
  background:
    radial-gradient(130% 130% at 0% 0%, rgba(74, 124, 215, .14) 0%, rgba(74, 124, 215, 0) 55%),
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(246,250,255,.94) 100%);
}

body.page-beliefs .cmc-beliefs-spotlight__eyebrow{
  margin: 0;
  color: #1e4d9f;
  font-family: var(--cmc-public-display);
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

body.page-beliefs .cmc-beliefs-spotlight h3{
  margin: 0;
  font-size: clamp(1.35rem, 2.2vw, 1.8rem);
  line-height: 1.08;
  color: var(--cmc-public-ink);
}

body.page-beliefs .cmc-beliefs-spotlight p:last-of-type{
  margin: 0;
  color: var(--cmc-public-muted);
  line-height: 1.68;
}

body.page-beliefs .cmc-beliefs-spotlight__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}

body.page-beliefs .cmc-beliefs-spotlight .cmc-btn--hero-ghost{
  background: rgba(30, 77, 159, .08);
  border-color: rgba(30, 77, 159, .16);
  color: #1e4d9f !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.page-beliefs .cmc-beliefs-list{
  display: grid;
  gap: 14px;
}

body.page-beliefs .cmc-belief-disclosure{
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,250,255,.94) 100%);
}

body.page-beliefs .cmc-belief-disclosure[open]{
  border-color: rgba(63, 111, 207, .28);
}

body.page-beliefs .cmc-belief-disclosure__summary{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 18px 22px;
  cursor: pointer;
  list-style: none;
}

body.page-beliefs .cmc-belief-disclosure__summary::-webkit-details-marker{
  display: none;
}

body.page-beliefs .cmc-belief-disclosure__num{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(91,158,245,.16) 0%, rgba(42,99,208,.1) 100%);
  color: #1e4d9f;
  font-family: var(--cmc-public-display);
  font-size: 1.05rem;
  font-weight: 800;
}

body.page-beliefs .cmc-belief-disclosure__copy{
  display: grid;
  gap: 4px;
  min-width: 0;
}

body.page-beliefs .cmc-belief-disclosure__title{
  color: var(--cmc-public-ink);
  font-family: var(--cmc-public-display);
  font-size: clamp(1.02rem, 1.7vw, 1.2rem);
  font-weight: 700;
  line-height: 1.2;
}

body.page-beliefs .cmc-belief-disclosure__hint{
  color: rgba(16, 37, 69, .56);
  font-size: .92rem;
}

body.page-beliefs .cmc-belief-disclosure__toggle{
  position: relative;
  width: 18px;
  height: 18px;
}

body.page-beliefs .cmc-belief-disclosure__toggle::before,
body.page-beliefs .cmc-belief-disclosure__toggle::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  border-radius: 999px;
  background: #214a8f;
  transform: translate(-50%, -50%);
  transition: transform .2s ease, opacity .2s ease;
}

body.page-beliefs .cmc-belief-disclosure__toggle::after{
  transform: translate(-50%, -50%) rotate(90deg);
}

body.page-beliefs .cmc-belief-disclosure[open] .cmc-belief-disclosure__toggle::after{
  opacity: 0;
}

body.page-beliefs .cmc-belief-disclosure__body{
  padding: 0 22px 22px 86px;
}

body.page-beliefs .cmc-belief-disclosure__body p{
  margin: 0;
  color: var(--cmc-public-muted);
  line-height: 1.76;
}

body.page-about .cmc-reveal,
body.page-beliefs .cmc-reveal{
  transition-delay: var(--cmc-reveal-delay, 0ms);
}

@media (max-width: 1100px){
  body.home .cmc-home2__trust-layout,
  body.page-beliefs .cmc-beliefs-section__layout{
    grid-template-columns: 1fr;
  }

  body.page-beliefs .cmc-beliefs-head{
    position: static;
  }
}

@media (max-width: 720px){
  body.page-about .cmc-about-hero__points,
  body.page-beliefs .cmc-beliefs-spotlight__actions{
    display: grid;
  }

  body.page-beliefs .cmc-belief-disclosure__summary{
    grid-template-columns: auto minmax(0, 1fr);
  }

  body.page-beliefs .cmc-belief-disclosure__toggle{
    display: none;
  }

  body.page-beliefs .cmc-belief-disclosure__body{
    padding: 0 20px 20px;
  }
}

body.home .cmc-home2__final-discovery{
  margin-top: 8px;
}

body.home .cmc-home2__final-search-shell{
  position: relative;
  display: grid;
  gap: 12px;
  padding: 18px;
  border-radius: 20px;
  border: 1px solid rgba(117, 154, 215, .16);
  background: linear-gradient(180deg, rgba(250,252,255,.98) 0%, rgba(241,247,255,.96) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 14px 28px rgba(11, 28, 58, .08);
}

body.home .cmc-home2__final-search-shell .cmc-topic-search__title,
body.home .cmc-home2__final-search-shell .cmc-topic-search__lead{
  margin: 0;
}

body.home .cmc-home2__final-search-title{
  color: #123155;
  font-size: 1.08rem;
  line-height: 1.2;
}

body.home .cmc-home2__final-search-lead{
  color: rgba(18, 49, 85, .7);
  font-size: .93rem;
  line-height: 1.6;
}

body.home .cmc-home2__final-search-form{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

body.home .cmc-home2__final-search-input{
  min-height: 48px;
  border-radius: 14px;
  border: 1px solid rgba(117,154,215,.18);
  background: rgba(255,255,255,.98);
  color: #123155;
  padding: 0 16px;
}

body.home .cmc-home2__final-search-input::placeholder{
  color: rgba(18, 49, 85, .42);
}

body.home .cmc-home2__final-search-submit{
  min-width: 82px;
}

body.home .cmc-home2__final-search-topics{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.home .cmc-home2__final-topic-chip{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(132, 171, 238, .18);
  background: rgba(42, 99, 208, .08);
  color: #1f56b0 !important;
  text-decoration: none;
  font-size: .84rem;
  transition: background .2s ease, border-color .2s ease;
}

body.home .cmc-home2__final-topic-chip:hover{
  background: rgba(42, 99, 208, .12);
  border-color: rgba(132, 171, 238, .28);
}

html body.home.cmc-site .cmc-home2 :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  span,
  summary,
  label,
  strong,
  small
){
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html body.home.cmc-site .cmc-home2 :is(h1, h2, h3, h4, h5, h6, strong, summary, label){
  font-weight: 800 !important;
}

html body.home.cmc-site .cmc-home2 :is(p, li, span, small){
  font-weight: 700 !important;
}

html body.home.cmc-site :is(
  .cmc-home2__btn,
  .cmc-final-cta__btn,
  .cmc-action-card__btn,
  .cmc-feature-tile__btn,
  .cmc-latest-news__btn
),
html body.home.cmc-site :is(
  .cmc-home2__btn,
  .cmc-final-cta__btn,
  .cmc-action-card__btn,
  .cmc-feature-tile__btn,
  .cmc-latest-news__btn
) *{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.home.cmc-site .cmc-home2__decision-photo::after{
  background:
    radial-gradient(88% 88% at 16% 0%, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 52%),
    linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.42) 52%, rgba(255,255,255,.94) 100%) !important;
}

html body.home.cmc-site .cmc-home2__section--trust .cmc-home2__path-photo::after{
  background:
    radial-gradient(84% 84% at 16% 0%, rgba(255,255,255,.24) 0%, rgba(255,255,255,0) 52%),
    linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.4) 50%, rgba(255,255,255,.96) 100%) !important;
}

html body.home.cmc-site .cmc-home2__section--reference .cmc-home2__feature-tile::before{
  background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.34) 48%, rgba(255,255,255,.94) 100%) !important;
}

html body.home.cmc-site :is(
  .cmc-home2__decision-card,
  .cmc-home2__section--trust .cmc-home2__path-card,
  .cmc-home2__section--reference .cmc-home2__feature-tile
){
  border-color: transparent !important;
  outline: none !important;
  box-shadow: 0 18px 34px rgba(11, 28, 58, .12) !important;
}

html body.home.cmc-site :is(
  .cmc-home2__decision-card,
  .cmc-home2__section--trust .cmc-home2__path-card,
  .cmc-home2__section--reference .cmc-home2__feature-tile
) :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  span,
  summary,
  label,
  strong,
  small
){
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .28);
}

html body.home.cmc-site :is(
  .cmc-home2__decision-card,
  .cmc-home2__section--trust .cmc-home2__path-card,
  .cmc-home2__section--reference .cmc-home2__feature-tile
) :is(
  .cmc-home2__decision-text,
  .cmc-home2__decision-meta,
  .cmc-home2__path-meta,
  .cmc-home2__path-intro,
  .cmc-home2__path-text,
  .cmc-home2__feature-tag
){
  color: rgba(255,255,255,.94) !important;
  -webkit-text-fill-color: rgba(255,255,255,.94) !important;
}

html body.home.cmc-site :is(
  .cmc-home2__decision-photo img,
  .cmc-home2__section--trust .cmc-home2__path-photo img,
  .cmc-home2__section--reference .cmc-home2__feature-tile img,
  .cmc-home2__latest-card img,
  .cmc-home2__hero-card img
){
  image-rendering: auto;
  image-rendering: -webkit-optimize-contrast;
  backface-visibility: hidden;
  transform: translateZ(0);
}

html body.home.cmc-site .cmc-home2__hero-card :is(
  .cmc-home2__hero-kicker,
  .cmc-home2__title,
  .cmc-home2__hero-subtitle,
  .cmc-home2__hero-trust,
  .cmc-home2__hero-proof-item,
  .cmc-home2__hero-proof-item *,
  p,
  span,
  strong,
  small
){
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.page-about .cmc-about-overview{
  padding: 24px 0 10px;
}

body.page-about .cmc-about-overview__inner{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

body.page-about .cmc-about-overview__card{
  display: grid;
  gap: 10px;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(113, 143, 190, .16);
  background: linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(246,250,255,.94) 100%);
  box-shadow: var(--cmc-public-shadow);
}

body.page-about .cmc-about-overview__eyebrow,
body.page-beliefs .cmc-beliefs-guide__eyebrow{
  margin: 0;
  color: #1e4d9f;
  font-family: var(--cmc-public-display);
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

body.page-about .cmc-about-overview__card h2,
body.page-beliefs .cmc-beliefs-guide__card h2{
  margin: 0;
  color: var(--cmc-public-ink);
  font-size: clamp(1.35rem, 2vw, 1.8rem);
  line-height: 1.08;
}

body.page-about .cmc-about-overview__card p,
body.page-beliefs .cmc-beliefs-guide__card p{
  margin: 0;
  color: var(--cmc-public-muted);
  line-height: 1.68;
}

body.page-about .cmc-about-overview__list{
  margin: 0;
  padding-left: 1.1rem;
  color: var(--cmc-public-muted);
  line-height: 1.7;
}

body.page-about .cmc-about-overview__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}

body.page-about .cmc-about-overview__card--actions .cmc-btn--hero-ghost{
  background: rgba(30, 77, 159, .08);
  border-color: rgba(30, 77, 159, .16);
  color: #1e4d9f !important;
}

body.page-about .cmc-about-overview__card--footprint{
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(74, 124, 215, .14) 0%, rgba(74, 124, 215, 0) 55%),
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(246,250,255,.94) 100%);
}

body.page-about .cmc-about-overview__card--footprint .cmc-about-leader__link{
  margin-top: 4px;
}

body.page-beliefs .cmc-beliefs-guide{
  padding: 24px 0 14px;
}

body.page-beliefs .cmc-beliefs-guide__inner{
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) repeat(2, minmax(0, .95fr));
  gap: 18px;
}

body.page-beliefs .cmc-beliefs-guide__card{
  display: grid;
  gap: 10px;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(113, 143, 190, .16);
  background: linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(246,250,255,.94) 100%);
  box-shadow: var(--cmc-public-shadow);
}

body.page-beliefs .cmc-beliefs-guide__card:first-child{
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(74, 124, 215, .14) 0%, rgba(74, 124, 215, 0) 55%),
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(246,250,255,.94) 100%);
}

@media (max-width: 1100px){
  body.page-about .cmc-about-overview__inner,
  body.page-beliefs .cmc-beliefs-guide__inner{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px){
  body.home .cmc-home2__final-search-form{
    grid-template-columns: 1fr;
  }

  body.page-about .cmc-about-overview__actions{
    display: grid;
  }
}
/* ==========================================================================
   CMC Header Menu Containment Fix
   Keep desktop navigation inside the intended header width instead of
   spilling into the far-right ALPS "7th column" buffer.
   ========================================================================== */
@media (min-width: 1025px){
  html body.cmc-site .cmc-header > .cmc-header__inner,
  html body.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
  html body.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner{
    overflow: visible !important;
  }

  html body.cmc-site .cmc-header .cmc-header__right{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding-right: clamp(8px, 1vw, 16px) !important;
  }

  html body.cmc-site .cmc-header #cmc-primary-nav{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  html body.cmc-site .cmc-header #cmc-primary-nav .cmc-nav__panel{
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-end !important;
    gap: clamp(8px, .8vw, 14px) !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
  }

  html body.cmc-site .cmc-header #cmc-primary-nav .cmc-menu--primary{
    flex: 0 1 auto !important;
    min-width: 0 !important;
    justify-content: flex-end !important;
    gap: clamp(10px, .9vw, 16px) !important;
    padding-right: 0 !important;
  }

  html body.cmc-site .cmc-header #cmc-primary-nav .cmc-menu--primary > li{
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  html body.cmc-site .cmc-header #cmc-primary-nav .cmc-menu--primary > li > a{
    padding-left: clamp(6px, .55vw, 10px) !important;
    padding-right: clamp(6px, .55vw, 10px) !important;
  }
}

@media (min-width: 1025px) and (max-width: 1400px){
  html body.cmc-site .cmc-brand__title{
    font-size: clamp(1.7rem, 2.15vw, 2.3rem) !important;
  }

  html body.cmc-site .cmc-brand__subtitle{
    font-size: clamp(.84rem, .9vw, 1rem) !important;
  }

  html body.cmc-site .cmc-header .cmc-nav-cta,
  html body.cmc-site .cmc-header .cmc-nav-cta:visited{
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: .78rem !important;
  }
}

body.cmc-site .cmc-nav-cta--directory,
body.cmc-site .cmc-nav-cta--directory:visited{
  background: #ffffff !important;
  color: #124f94 !important;
  border: 1px solid rgba(18, 79, 148, 0.24) !important;
  box-shadow: none !important;
}

body.cmc-site .cmc-nav-cta--directory:hover,
body.cmc-site .cmc-nav-cta--directory:focus{
  background: #eef5ff !important;
  color: #0d3c73 !important;
}

/* =========================================================
   Final Contrast Hardening
   - Enforces readable text on dark/image-backed sections
   - Resets nested light cards back to dark-on-light text
========================================================= */
body.cmc-site .cmc-main{
  --cmc-surface-title: #0d2b56;
  --cmc-surface-text: rgba(12, 31, 60, .86);
  --cmc-surface-muted: rgba(12, 31, 60, .66);
  --cmc-surface-link: #124f94;
  --cmc-surface-link-line: rgba(18, 79, 148, .34);
}

body.cmc-site .cmc-main :is(
  .cmc-topstage,
  .cmc-hero,
  .cmc-home-hero,
  .cmc-news__hero,
  .cmc-news-hero,
  .cmc-res-hero,
  .cmc-biblestudy-hero,
  .cmc-prayerreq-hero,
  .cmc-virtual-hero,
  .cmc-events-hero,
  .cmc-event-hero,
  .cmc-reg-hero,
  .cmc-leader-hero,
  .cmc-officer-hero,
  .cmc-strategic-hero,
  .cmc-sp-hero,
  .cmc-sp__hero,
  .cmc-about-hero,
  .cmc-beliefs-hero,
  .cmc-dept-hero,
  .cmc-dept-detail-hero,
  .cmc-answers-hero,
  .cmc-findchurch-hero,
  .cmc-mc-hero,
  .cmc-dd2__hero,
  .cmc-contact-hero,
  .cmc-section--deep,
  .cmc-band,
  .cmc-search-card,
  .cmc-action-card,
  .cmc-feature-tile,
  .cmc-home2__top,
  .cmc-home2__hero-card,
  .cmc-home2__paths,
  .cmc-home2__path-card,
  .cmc-home2__path-body,
  .cmc-home2__feature-tile,
  .cmc-home2__feature-body,
  .cmc-single-news__hero
){
  --cmc-surface-title: #ffffff;
  --cmc-surface-text: rgba(244, 248, 255, .95);
  --cmc-surface-muted: rgba(220, 231, 247, .84);
  --cmc-surface-link: #f5f9ff;
  --cmc-surface-link-line: rgba(245, 249, 255, .52);
}

body.cmc-site .cmc-main :is(
  .cmc-card,
  .cmc-news-card,
  .cmc-leader-card,
  .cmc-contact-card,
  .cmc-empty-state,
  .cmc-note,
  .cmc-filterbar,
  .cmc-res-card,
  .cmc-res-stat,
  .cmc-res-collection,
  .cmc-res-menu__panel,
  .cmc-single-news__card,
  .cmc-home2__search-shell,
  .cmc-home2__kpis-card,
  .cmc-home2__kpi,
  .cmc-home2__kpis-summary,
  .cmc-home2__final,
  .cmc-leadership-tools,
  .cmc-contact-page,
  .cmc-contact-note,
  [style*="background:#fff"],
  [style*="background: #fff"],
  [style*="background:#ffffff"],
  [style*="background: #ffffff"],
  [style*="background:rgba(255"],
  [style*="background: rgba(255"],
  [style*="background:linear-gradient(180deg, rgba(255"],
  [style*="background: linear-gradient(180deg, rgba(255"],
  [style*="background:linear-gradient(135deg, #ffffff"],
  [style*="background: linear-gradient(135deg, #ffffff"]
){
  --cmc-surface-title: #0d2b56;
  --cmc-surface-text: rgba(12, 31, 60, .86);
  --cmc-surface-muted: rgba(12, 31, 60, .66);
  --cmc-surface-link: #124f94;
  --cmc-surface-link-line: rgba(18, 79, 148, .34);
}

body.cmc-site .cmc-main :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .cmc-section-title,
  .cmc-leader-h2,
  .cmc-latest-news__title,
  .cmc-hero__title,
  .cmc-topstage__title,
  .cmc-action-card__title,
  .cmc-feature-tile__title,
  .cmc-search-title,
  .cmc-home2__title,
  .cmc-home2__path-title,
  .cmc-home2__feature-title,
  .cmc-contact-title
){
  color: var(--cmc-surface-title);
}

body.cmc-site .cmc-main :where(
  p,
  li,
  dt,
  dd,
  figcaption,
  blockquote,
  .cmc-section-text,
  .cmc-leader-prose,
  .cmc-hero__text,
  .cmc-hero__subtitle,
  .cmc-topstage__text,
  .cmc-topstage__description,
  .cmc-news-card__excerpt,
  .cmc-action-card__text,
  .cmc-home2__hero-subtitle,
  .cmc-home2__hero-trust,
  .cmc-home2__path-intro,
  .cmc-home2__path-text,
  .cmc-contact-copy
){
  color: var(--cmc-surface-text);
}

body.cmc-site .cmc-main :where(
  small,
  label,
  legend,
  .cmc-news-card__meta,
  .cmc-leader-card__meta,
  .cmc-kpi__meta,
  .cmc-home2__eyebrow,
  .cmc-home2__kicker,
  .cmc-home2__hero-kicker,
  .cmc-findchurch-hero__kicker,
  .cmc-contact-meta__label
){
  color: var(--cmc-surface-muted);
}

body.cmc-site .cmc-main a:not(.cmc-btn):not(.cmc-nav-cta):not(.cmc-global-cta__btn):not(.cmc-action-card__btn):not(.cmc-home2__btn):not(.cmc-news-card__btn):not(.cmc-leader-card__btn){
  color: var(--cmc-surface-link);
  text-decoration-color: var(--cmc-surface-link-line);
}

body.cmc-site .cmc-main a:not(.cmc-btn):not(.cmc-nav-cta):not(.cmc-global-cta__btn):not(.cmc-action-card__btn):not(.cmc-home2__btn):not(.cmc-news-card__btn):not(.cmc-leader-card__btn):hover,
body.cmc-site .cmc-main a:not(.cmc-btn):not(.cmc-nav-cta):not(.cmc-global-cta__btn):not(.cmc-action-card__btn):not(.cmc-home2__btn):not(.cmc-news-card__btn):not(.cmc-leader-card__btn):focus{
  color: var(--cmc-surface-title);
}

body.cmc-site .cmc-main :is(
  .cmc-topstage,
  .cmc-hero,
  .cmc-home-hero,
  .cmc-news__hero,
  .cmc-news-hero,
  .cmc-res-hero,
  .cmc-biblestudy-hero,
  .cmc-prayerreq-hero,
  .cmc-virtual-hero,
  .cmc-events-hero,
  .cmc-event-hero,
  .cmc-reg-hero,
  .cmc-leader-hero,
  .cmc-officer-hero,
  .cmc-strategic-hero,
  .cmc-sp-hero,
  .cmc-sp__hero,
  .cmc-about-hero,
  .cmc-beliefs-hero,
  .cmc-dept-hero,
  .cmc-dept-detail-hero,
  .cmc-answers-hero,
  .cmc-findchurch-hero,
  .cmc-mc-hero,
  .cmc-dd2__hero,
  .cmc-contact-hero,
  .cmc-home2__path-card,
  .cmc-home2__feature-tile,
  .cmc-action-card,
  .cmc-single-news__hero
) :is(
  .cmc-hero__title,
  .cmc-hero__subtitle,
  .cmc-hero__text,
  .cmc-topstage__title,
  .cmc-topstage__text,
  .cmc-topstage__description,
  .cmc-action-card__title,
  .cmc-action-card__text,
  .cmc-home2__path-title,
  .cmc-home2__path-intro,
  .cmc-home2__path-text,
  .cmc-home2__feature-title
){
  text-shadow: 0 10px 28px rgba(0, 0, 0, .34);
}

body.cmc-site .cmc-main .cmc-action-card__overlay{
  background: linear-gradient(180deg, rgba(4, 14, 34, .14) 0%, rgba(3, 9, 24, .88) 100%);
}

body.home .cmc-home2__path-card::before{
  background:
    radial-gradient(118% 82% at 14% -4%, rgba(114, 176, 255, .22) 0%, rgba(114, 176, 255, 0) 52%),
    linear-gradient(180deg, rgba(4, 14, 34, .12) 0%, rgba(4, 14, 34, .28) 34%, rgba(2, 8, 20, .92) 100%);
}

body.home .cmc-home2__feature-tile::before{
  background: linear-gradient(180deg, rgba(5, 15, 36, .16), rgba(3, 9, 24, .9));
}

body.cmc-site .cmc-global-cta{
  --cmc-surface-title: #ffffff;
  --cmc-surface-text: rgba(244, 248, 255, .95);
  --cmc-surface-link: #f5f9ff;
  --cmc-surface-link-line: rgba(245, 249, 255, .52);
}

body.cmc-site .cmc-global-cta :where(.cmc-global-cta__title){
  color: var(--cmc-surface-title);
}

body.cmc-site .cmc-global-cta :where(.cmc-global-cta__text){
  color: var(--cmc-surface-text);
}

body.cmc-site .cmc-global-cta a:not(.cmc-global-cta__btn){
  color: var(--cmc-surface-link);
  text-decoration-color: var(--cmc-surface-link-line);
}

/* Resources: keep button copy white across all button variants */
body:is(
  .page-resources,
  .cmc-resources-page,
  .post-type-archive-cmc_resource,
  .single-cmc_resource,
  .single-cmc-resource,
  .page-open,
  .page-download
) :is(
  .cmc-btn,
  .cmc-btn--hero,
  .cmc-btn--hero-ghost,
  .cmc-btn--pill,
  .cmc-btn--ghost,
  .cmc-news-card__btn,
  .cmc-action-card__btn,
  .cmc-res-action-btn,
  .cmc-nav-cta
),
body.page-resources :is(
  .cmc-res-actions,
  .cmc-res-band,
  .cmc-res-hero,
  .cmc-news-grid,
  .cmc-empty-state
) :is(
  .cmc-btn,
  .cmc-news-card__btn,
  .cmc-action-card__btn,
  .cmc-res-action-btn
){
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Get Involved intake: white copy with darker support surfaces */
body.page-get-involved .cmc-gi-intake .cmc-search-card{
  background:
    radial-gradient(900px 280px at 14% 0%, rgba(79, 138, 230, .22), rgba(79, 138, 230, 0) 56%),
    linear-gradient(180deg, rgba(10, 25, 51, .96) 0%, rgba(8, 21, 42, .98) 100%) !important;
  border: 1px solid rgba(182, 214, 255, .16) !important;
  box-shadow: 0 28px 58px rgba(3, 10, 24, .34) !important;
  color: #ffffff !important;
}

body.page-get-involved .cmc-gi-intake .cmc-search-title,
body.page-get-involved .cmc-gi-intake .cmc-gi-help__text,
body.page-get-involved .cmc-gi-intake .cmc-gi-intake__head,
body.page-get-involved .cmc-gi-intake .cmc-gi-intake__head *{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.page-get-involved .cmc-gi-intake .cmc-search-title{
  text-shadow: 0 10px 26px rgba(0, 0, 0, .28);
}

body.page-get-involved .cmc-gi-intake .cmc-gi-help__text{
  color: rgba(236, 243, 255, .94) !important;
  -webkit-text-fill-color: rgba(236, 243, 255, .94) !important;
}

body.page-get-involved .cmc-gi-intake .cmc-gi-intake__next{
  border-top-color: rgba(182, 214, 255, .18) !important;
}

body.page-get-involved .cmc-gi-intake .cmc-gi-next__item{
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(182, 214, 255, .14) !important;
  box-shadow: 0 16px 34px rgba(3, 10, 24, .18) !important;
}

body.page-get-involved .cmc-gi-intake .cmc-gi-next__title,
body.page-get-involved .cmc-gi-intake .cmc-gi-next__text{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.page-get-involved .cmc-gi-intake .cmc-gi-next__text{
  color: rgba(230, 239, 255, .9) !important;
  -webkit-text-fill-color: rgba(230, 239, 255, .9) !important;
}

body.page-get-involved .cmc-gi-intake .cmc-gi-contactquick__btn,
body.page-get-involved .cmc-gi-intake .cmc-gi-contactquick__btn:link,
body.page-get-involved .cmc-gi-intake .cmc-gi-contactquick__btn:visited,
body.page-get-involved .cmc-gi-intake .cmc-gi-contactquick__btn:hover,
body.page-get-involved .cmc-gi-intake .cmc-gi-contactquick__btn:focus{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.page-get-involved .cmc-gi-intake .cmc-gi-contactquick__btn--ghost{
  background: rgba(255, 255, 255, .1) !important;
  border-color: rgba(182, 214, 255, .22) !important;
}
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-utility--inline .cmc-utility__right{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-menu--utility{
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
}

html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-menu--utility > li,
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-menu--utility > li > a,
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-utility-search-toggle,
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-utility-lang,
html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-lang-dd__summary{
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  margin: 0 !important;
}

html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-utility-search-toggle{
  padding: 0 !important;
  min-width: 0 !important;
  gap: 0 !important;
  background: transparent !important;
}

html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-utility-search-toggle__icon{
  font-size: 15px !important;
  line-height: 1 !important;
}

html:not(.cmc-nav-open) body.cmc-site .cmc-header .cmc-utility-lang{
  margin-right: 2px !important;
}

.cmc-utility-search__inner{
  padding: 0 clamp(12px, 2vw, 22px) 12px;
}

.cmc-utility-search .cmc-topic-search,
html body .cmc-mobile-mega__search-panel .cmc-topic-search{
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(24px, 3vw, 36px);
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(31, 63, 109, .96) 0%, rgba(24, 52, 93, .98) 100%);
  border: 1px solid rgba(124, 170, 237, .18);
  box-shadow: 0 28px 60px rgba(2, 9, 24, .28);
  position: relative;
  overflow: hidden;
}

.cmc-utility-search .cmc-topic-search::before,
html body .cmc-mobile-mega__search-panel .cmc-topic-search::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 24%),
    radial-gradient(80% 80% at 18% 0%, rgba(123, 183, 255, .18) 0%, rgba(123, 183, 255, 0) 58%);
  pointer-events: none;
}

.cmc-utility-search .cmc-topic-search > *,
html body .cmc-mobile-mega__search-panel .cmc-topic-search > *{
  position: relative;
  z-index: 1;
}

.cmc-utility-search .cmc-topic-search__title,
html body .cmc-mobile-mega__search-panel .cmc-topic-search__title{
  margin: 0;
  text-align: center;
  color: #fff;
  font-family: var(--cmc-home2-font-display, inherit);
  font-size: clamp(1.35rem, 2.1vw, 2rem);
  line-height: 1.18;
}

.cmc-utility-search .cmc-topic-search__lead,
html body .cmc-mobile-mega__search-panel .cmc-topic-search__lead{
  margin: 12px auto 20px;
  max-width: 50ch;
  text-align: center;
  color: rgba(223, 236, 255, .84);
  line-height: 1.62;
  font-size: .98rem;
}

.cmc-utility-search .cmc-topic-search__form{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.cmc-utility-search .cmc-topic-search__input,
.cmc-utility-search .cmc-utility-search__input{
  width: 100%;
  min-width: 0;
  min-height: 50px;
  padding: 0 16px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.95);
  color: #173057;
  font: inherit;
  font-size: 1rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.48);
}

.cmc-utility-search .cmc-topic-search__input::placeholder,
.cmc-utility-search .cmc-utility-search__input::placeholder{
  color: rgba(34, 58, 95, .6);
}

.cmc-utility-search .cmc-topic-search__submit,
.cmc-utility-search .cmc-utility-search__btn{
  width: 50px;
  min-width: 50px;
  min-height: 50px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, #4f96f3 0%, #2f6fdd 100%);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 16px 28px rgba(18, 60, 152, .28);
  cursor: pointer;
}

.cmc-utility-search .cmc-topic-search__submit--text,
html body .cmc-mobile-mega__search-panel .cmc-topic-search__submit--text{
  width: auto !important;
  min-width: 120px !important;
  padding: 0 18px !important;
  border-radius: 14px !important;
  gap: 10px;
}

.cmc-utility-search .cmc-topic-search__topics,
html body .cmc-mobile-mega__search-panel .cmc-topic-search__topics{
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

.cmc-utility-search .cmc-topic-search__chip,
html body .cmc-mobile-mega__search-panel .cmc-topic-search__chip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, #4f96f3 0%, #2f6fdd 100%);
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}

html.cmc-nav-open body .cmc-mobile-mega__search-panel{
  width: 100%;
}

html.cmc-nav-open body .cmc-mobile-mega__search-panel .cmc-topic-search{
  max-width: 400px !important;
  margin: 0 auto !important;
  padding: 10px 12px !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(31, 63, 109, .94) 0%, rgba(24, 52, 93, .96) 100%) !important;
  border: 1px solid rgba(124, 170, 237, .14) !important;
  box-shadow: 0 12px 24px rgba(2, 9, 24, .18) !important;
}

html.cmc-nav-open body .cmc-mobile-mega__search-panel .cmc-mobile-mega__search{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

html.cmc-nav-open body .cmc-mobile-mega__search-panel .cmc-mobile-mega__search-input{
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.96) !important;
  color: #173057 !important;
  font: inherit !important;
  font-size: .9rem !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.48) !important;
  outline: none !important;
}

html.cmc-nav-open body .cmc-mobile-mega__search-panel .cmc-mobile-mega__search-input::placeholder{
  color: rgba(34, 58, 95, .58) !important;
}

html.cmc-nav-open body .cmc-mobile-mega__search-panel .cmc-mobile-mega__search-btn{
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 14px !important;
  border: 0 !important;
  background: linear-gradient(135deg, #4f96f3 0%, #2f6fdd 100%) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 8px 16px rgba(18, 60, 152, .2) !important;
  cursor: pointer !important;
}

html.cmc-nav-open body .cmc-mobile-mega__search-panel .cmc-mobile-mega__search-btn.cmc-topic-search__submit--text{
  width: auto !important;
  min-width: 96px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  gap: 8px !important;
  font-size: .84rem !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
}

@media (max-width: 980px){
  .cmc-utility-search .cmc-topic-search__form,
  html body .cmc-mobile-mega__search-panel .cmc-topic-search--mobile-menu .cmc-topic-search__form{
    grid-template-columns: minmax(0, 1fr);
  }

  html.cmc-nav-open body .cmc-mobile-mega__search-panel .cmc-mobile-mega__search{
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .cmc-utility-search .cmc-topic-search__submit,
  .cmc-utility-search .cmc-utility-search__btn,
  html body .cmc-mobile-mega__search-panel .cmc-mobile-mega__search-btn{
    width: 100% !important;
    border-radius: 14px !important;
  }

  html.cmc-nav-open body .cmc-mobile-mega__search-panel .cmc-mobile-mega__search-btn,
  html.cmc-nav-open body .cmc-mobile-mega__search-panel .cmc-mobile-mega__search-btn.cmc-topic-search__submit--text{
    width: auto !important;
    min-width: 96px !important;
    border-radius: 14px !important;
  }
}

/* Front page: make all visible text bold */
body.home .cmc-home2,
body.home .cmc-home2 *,
body.home .cmc-home-hero,
body.home .cmc-home-hero *{
  font-weight: 800 !important;
}

/* Leadership directory: force all button labels to stay white */
html body.cmc-site.page-leadership :is(
  .cmc-action-card__btn,
  .cmc-action-card__btn:link,
  .cmc-action-card__btn:visited,
  .cmc-action-card__btn:hover,
  .cmc-action-card__btn:focus,
  .cmc-action-card__btn:active,
  .cmc-leader-card__btn,
  .cmc-leader-card__btn:link,
  .cmc-leader-card__btn:visited,
  .cmc-leader-card__btn:hover,
  .cmc-leader-card__btn:focus,
  .cmc-leader-card__btn:active,
  .cmc-filter-btn,
  .cmc-filter-btn:link,
  .cmc-filter-btn:visited,
  .cmc-filter-btn:hover,
  .cmc-filter-btn:focus,
  .cmc-filter-btn:active,
  .cmc-tag,
  .cmc-tag:link,
  .cmc-tag:visited,
  .cmc-tag:hover,
  .cmc-tag:focus,
  .cmc-tag:active,
  .cmc-leadership-search__clear,
  .cmc-leadership-search__clear:hover,
  .cmc-leadership-search__clear:focus{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.cmc-site .cmc-leader-jump__link.is-active{
  background: linear-gradient(135deg, #3d73e0 0%, #2d61cf 100%);
  border-color: rgba(255,255,255,.12);
  color: #ffffff;
  box-shadow: 0 16px 30px rgba(23, 82, 171, .22);
}

body.cmc-site .cmc-leader-jump__link.is-active:hover{
  background: linear-gradient(135deg, #447ce9 0%, #2f67db 100%);
  color: #ffffff;
  box-shadow: 0 18px 34px rgba(23, 82, 171, .28);
}

body.cmc-site:is(
  .page-president,
  .page-executive-secretary,
  .page-chief-finance-officer,
  .page-template-page_director-profile,
  .page-leadership,
  .single-cmc_leader
) .cmc-leader-section[id]{
  scroll-margin-top: 132px;
}

body.cmc-site.page-acms .cmc-acms-faq-list{
  display: grid;
  gap: 14px;
}

body.cmc-site.page-acms .cmc-acms-faq{
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(20, 44, 82, .10);
  background:
    radial-gradient(700px 220px at 16% 0%, rgba(66, 129, 232, .10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.96));
  box-shadow: 0 18px 40px rgba(3, 24, 51, .08);
}

body.cmc-site.page-acms .cmc-acms-faq summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 22px;
  color: #15345f;
  font-family: "Outfit", "Montserrat", "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.35;
  cursor: pointer;
  list-style: none;
}

body.cmc-site.page-acms .cmc-acms-faq summary::-webkit-details-marker{
  display: none;
}

body.cmc-site.page-acms .cmc-acms-faq summary::after{
  content: "+";
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(47,110,219,.10);
  color: #1f4e79;
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1;
}

body.cmc-site.page-acms .cmc-acms-faq[open] summary{
  border-bottom: 1px solid rgba(20, 44, 82, .08);
}

body.cmc-site.page-acms .cmc-acms-faq[open] summary::after{
  content: "–";
}

body.cmc-site.page-acms .cmc-acms-faq__body{
  padding: 0 22px 22px;
  color: #5d6777;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1rem;
  line-height: 1.75;
}

body.cmc-site.page-acms .cmc-acms-faq__body p{
  margin: 0;
}

body.cmc-site.page-acms .cmc-acms-faq summary:focus-visible{
  outline: 0;
  box-shadow: inset 0 0 0 3px rgba(47,110,219,.16);
}

body.cmc-site.page-acms .cmc-acms-faq[open] summary::after{
  content: "-";
}

body.cmc-site.page-acms .cmc-acms-section :is(p, li, .cmc-acms-category__lead, .cmc-acms-step p, .cmc-acms-support p, .cmc-acms-feature p, .cmc-acms-faq__body p){
  font-weight: 700;
}

html body.cmc-site.page-leadership .cmc-leadership-tools{
  position: sticky;
  top: 88px;
  z-index: 18;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

html body.cmc-site.page-leadership .cmc-leadership-selectors{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
}

html body.cmc-site.page-leadership .cmc-leadership-selector{
  display: grid;
  gap: 8px;
}

html body.cmc-site.page-leadership .cmc-leadership-selector__label{
  color: rgba(11,42,111,.62);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-align: left;
  padding-left: 8px;
}

html body.cmc-site.page-leadership .cmc-leadership-selector__control{
  width: 100%;
  min-height: 54px;
  padding: 0 54px 0 18px;
  border-radius: 18px;
  border: 1px solid rgba(47,110,219,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.98)) !important;
  color: #17448d !important;
  -webkit-text-fill-color: #17448d !important;
  font-size: .96rem;
  font-weight: 800;
  box-shadow:
    0 14px 28px rgba(17,58,124,.08),
    inset 0 1px 0 rgba(255,255,255,.92);
  appearance: none;
  -webkit-appearance: none;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.98)),
    linear-gradient(45deg, transparent 50%, rgba(23,68,141,.88) 50%),
    linear-gradient(135deg, rgba(23,68,141,.88) 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: auto, 10px 10px, 10px 10px;
  background-position:
    0 0,
    calc(100% - 24px) calc(50% - 2px),
    calc(100% - 17px) calc(50% - 2px);
}

html body.cmc-site.page-leadership .cmc-leadership-selector__control:focus{
  outline: none;
  box-shadow:
    0 0 0 4px rgba(47,110,219,.16),
    0 18px 34px rgba(23,82,171,.18),
    inset 0 1px 0 rgba(255,255,255,.92);
}

html body.cmc-site.page-leadership .cmc-leadership-selector__control option{
  color: #0b2a6f;
}

html body.cmc-site.page-leadership .cmc-filter-btn{
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

html body.cmc-site.page-leadership .cmc-filter-btn:hover{
  transform: translateY(-1px);
}

html body.cmc-site.page-leadership .cmc-filter-btn.is-active{
  box-shadow: 0 14px 28px rgba(10,31,63,.18) !important;
}

html body.cmc-site.page-leadership .cmc-leader-card{
  position: relative;
}

html body.cmc-site.page-leadership .cmc-leader-card__media{
  aspect-ratio: 4 / 4.6;
}

html body.cmc-site.page-leadership .cmc-leadership-featured__media{
  aspect-ratio: 4 / 4.8;
}

html body.cmc-site.page-leadership .cmc-leader-card__media img{
  object-position: center 24%;
}

html body.cmc-site.page-leadership .cmc-leadership-featured__media img{
  object-position: center 14%;
}

html body.cmc-site.page-leadership .cmc-leader-card__actions{
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

html body.cmc-site.page-leadership .cmc-leader-card__btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  min-width: 132px;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: linear-gradient(135deg, #3d73e0 0%, #2d61cf 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 28px rgba(23,82,171,.22), inset 0 1px 0 rgba(255,255,255,.12) !important;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}

html body.cmc-site.page-leadership .cmc-leader-card__btn:hover,
html body.cmc-site.page-leadership .cmc-leader-card__btn:focus{
  transform: translateY(-1px) !important;
  filter: brightness(1.05) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 16px 30px rgba(23,82,171,.28), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

html body.cmc-site.page-leadership .cmc-leader-card__meta{
  margin-top: 2px !important;
}

html body.cmc-site.page-leadership .cmc-leadership-empty{
  display: block;
}

@media (max-width: 980px){
  html body.cmc-site.page-leadership .cmc-leadership-tools{
    position: static;
  }

  html body.cmc-site.page-leadership .cmc-leadership-selectors{
    grid-template-columns: 1fr;
  }

  html body.cmc-site.page-leadership .cmc-leadership-featured__grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px){
  html body.cmc-site:is(
    .page-president,
    .page-executive-secretary,
    .page-chief-finance-officer,
    .page-template-page_director-profile,
    .single-cmc_leader
  ) .cmc-leader-hero__lede{
    font-size: .98rem;
  }

  html body.cmc-site.page-leadership .cmc-leadership-featured,
  html body.cmc-site.page-leadership .cmc-leadership-tools{
    padding: 18px 16px;
  }

  html body.cmc-site.page-leadership .cmc-leadership-selector__control{
    min-height: 52px;
  }
}

html body.cmc-site.page-leadership .cmc-leadership-tools{
  display: grid;
  grid-template-columns: minmax(340px, 1.45fr) minmax(0, 1fr);
  gap: 16px 18px;
  margin: 24px 0 22px;
  padding: 22px 22px 20px;
  border-radius: 30px;
  background:
    radial-gradient(900px 240px at 8% 0%, rgba(47,110,219,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(242,248,255,.98));
  border: 1px solid rgba(11,42,111,.10);
  box-shadow: 0 22px 48px rgba(3,24,51,.08);
  align-items: end;
}

html body.cmc-site.page-leadership .cmc-leadership-summary{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

html body.cmc-site.page-leadership .cmc-leadership-summary__pill{
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(47,110,219,.14);
  color: #17448d;
  font-size: .88rem;
  font-weight: 800;
  box-shadow: 0 12px 24px rgba(17,58,124,.08);
}

html body.cmc-site.page-leadership .cmc-leadership-jump{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

html body.cmc-site.page-leadership .cmc-leadership-jump__link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(61,115,224,.12), rgba(45,97,207,.08));
  border: 1px solid rgba(47,110,219,.16);
  color: #17448d;
  font-size: .9rem;
  font-weight: 800;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

html body.cmc-site.page-leadership .cmc-leadership-jump__link:hover,
html body.cmc-site.page-leadership .cmc-leadership-jump__link:focus{
  transform: translateY(-1px);
  background: linear-gradient(135deg, rgba(61,115,224,.18), rgba(45,97,207,.12));
  box-shadow: 0 14px 28px rgba(17,58,124,.10);
}

html body.cmc-site.page-leadership .cmc-leadership-search{
  display: grid;
  gap: 10px;
}

html body.cmc-site.page-leadership .cmc-leadership-search__label{
  color: rgba(11,42,111,.72);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  text-align: left;
  padding-left: 8px;
}

html body.cmc-site.page-leadership .cmc-leadership-search__field{
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
  padding: 8px;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,249,255,.96));
  border: 1px solid rgba(11,42,111,.08);
  box-shadow:
    0 16px 30px rgba(17,58,124,.08),
    inset 0 1px 0 rgba(255,255,255,.96);
}

html body.cmc-site.page-leadership .cmc-leadership-search__field input{
  flex: 1 1 320px;
  min-width: 0;
  min-height: 50px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(11,42,111,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.98));
  color: #0b2a6f;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96);
  font-size: 1rem;
}

html body.cmc-site.page-leadership .cmc-leadership-search__field input::placeholder{
  color: rgba(11,42,111,.42);
  font-weight: 600;
}

html body.cmc-site.page-leadership .cmc-leadership-search__field input:focus{
  outline: none;
  border-color: rgba(47,110,219,.42);
  box-shadow:
    0 0 0 4px rgba(47,110,219,.12),
    0 12px 28px rgba(47,110,219,.10);
}

html body.cmc-site.page-leadership .cmc-leadership-search__clear{
  flex: 0 0 auto;
  min-height: 50px;
  padding: 0 20px;
  border-radius: 999px;
  border: 1px solid rgba(47,110,219,.18);
  background: linear-gradient(135deg, #3d73e0 0%, #2d61cf 100%);
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  font-weight: 900;
  box-shadow:
    0 12px 24px rgba(23,82,171,.22),
    inset 0 1px 0 rgba(255,255,255,.16);
}

html body.cmc-site.page-leadership .cmc-leadership-search__clear:hover{
  color: #ffffff;
}

html body.cmc-site.page-leadership .cmc-leadership-search__clear:disabled{
  opacity: .55;
  cursor: not-allowed;
}

html body.cmc-site.page-leadership .cmc-leadership-results{
  margin: 0;
  color: rgba(11,42,111,.72);
  font-size: .95rem;
  line-height: 1.5;
  text-align: left;
  grid-column: 1 / -1;
  padding: 0 8px;
}

html body.cmc-site.page-leadership .cmc-leadership-links{
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 0;
}

html body.cmc-site.page-leadership .cmc-leadership-links__title{
  color: rgba(11,42,111,.72);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

html body.cmc-site.page-leadership .cmc-leadership-links__list{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

html body.cmc-site.page-leadership .cmc-leadership-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(47,110,219,.14);
  background: rgba(255,255,255,.78);
  color: #17448d;
  font-size: .88rem;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(17,58,124,.08);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

html body.cmc-site.page-leadership .cmc-leadership-link:hover,
html body.cmc-site.page-leadership .cmc-leadership-link:focus{
  transform: translateY(-1px);
  background: rgba(255,255,255,.94);
  box-shadow: 0 16px 28px rgba(17,58,124,.12);
}

html body.cmc-site.page-leadership .cmc-leadership-section{
  scroll-margin-top: 120px;
}

html body.cmc-site.page-leadership .cmc-leadership-section--directors{
  margin-top: 32px;
}

html body.cmc-site.page-leadership .cmc-leadership-section__head{
  display: flex;
  align-items: center;
  gap: 12px;
}

html body.cmc-site.page-leadership .cmc-section-title--directory{
  margin-top: 18px;
}

html body.cmc-site.page-leadership .cmc-leadership-section__count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  border-radius: 999px;
  background: rgba(47,110,219,.10);
  border: 1px solid rgba(47,110,219,.14);
  color: #17448d;
  font-size: .9rem;
  font-weight: 900;
  line-height: 1;
}

html body.cmc-site.page-leadership .cmc-leader-card__summary{
  margin: 2px 0 6px;
  color: rgba(11,42,111,.72);
  font-size: .92rem;
  line-height: 1.58;
  text-wrap: balance;
}

html body.cmc-site.page-leadership .cmc-note--leadership{
  margin-top: 14px;
  padding: 16px 18px;
  border: 1px solid rgba(11,42,111,.10);
  border-radius: 16px;
  background: rgba(255,255,255,.75);
}

@media (max-width: 1180px){
  html body.cmc-site.page-leadership .cmc-leadership-tools{
    grid-template-columns: 1fr;
  }

  html body.cmc-site.page-leadership .cmc-leadership-selectors{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px){
  html body.cmc-site.page-leadership .cmc-leadership-selectors{
    grid-template-columns: 1fr;
  }

  html body.cmc-site.page-leadership .cmc-leadership-section__head{
    align-items: flex-start;
  }
}

html body.cmc-site.page-leadership .cmc-leadership-empty{
  margin: 12px 0 0;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(11,42,111,.10);
  background: rgba(255,255,255,.82);
  color: rgba(11,42,111,.76);
  box-shadow: 0 14px 30px rgba(3,24,51,.06);
}

body.page-leadership .cmc-leadership-tools{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: 16px 18px !important;
}

body.page-leadership .cmc-leadership-search{
  flex: 1 1 460px !important;
  min-width: 320px !important;
}

body.page-leadership .cmc-leadership-selectors{
  flex: 1.15 1 640px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: end !important;
  margin: 0 !important;
}

body.page-leadership .cmc-leadership-results{
  flex: 0 0 100% !important;
  width: 100% !important;
}

body.page-leadership .cmc-leadership-search__label{
  text-align: left !important;
  padding-left: 8px !important;
}

body.page-leadership .cmc-leadership-search__field{
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,249,255,.96)) !important;
  border: 1px solid rgba(11,42,111,.08) !important;
  box-shadow: 0 16px 30px rgba(17,58,124,.08), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

body.page-leadership #cmc-leadership-search-input{
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 50px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(11,42,111,.08) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96) !important;
}

body.page-leadership .cmc-leadership-search__clear{
  min-height: 50px !important;
  border-radius: 999px !important;
}

@media (max-width: 1180px){
  body.page-leadership .cmc-leadership-tools{
    display: grid !important;
  }

  body.page-leadership .cmc-leadership-selectors{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 860px){
  body.page-leadership .cmc-leadership-selectors{
    grid-template-columns: 1fr !important;
  }
}

html body.cmc-site.page-leadership .cmc-leader-card__actions{
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

html body.cmc-site.page-leadership .cmc-leader-card__actions .cmc-leader-card__btn{
  min-width: 132px;
}

/* =========================================================
   Front Page Grid Source Of Truth
   - Mirrors the late wp_head override so the homepage keeps
     the ALPS 6/7 + Sabbath rail structure consistently.
========================================================= */
html body.home.cmc-site{
  --cmc-home-grid-main: 85.7142857143vw;
  --cmc-home-grid-sabbath: 14.2857142857vw;
  --cmc-home-grid-gutter: clamp(18px, 2.1vw, 30px);
}

@media (min-width: 1025px){
  html body.home.cmc-site > .l-wrap{
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
  }

  html body.home.cmc-site .l-wrap__content,
  html body.home.cmc-site .l-content{
    width: var(--cmc-home-grid-main) !important;
    max-width: var(--cmc-home-grid-main) !important;
    flex: 0 0 var(--cmc-home-grid-main) !important;
    overflow: visible !important;
  }

  html body.home.cmc-site .l-wrap__sabbath,
  html body.home.cmc-site .l-sabbath{
    display: block !important;
    position: relative !important;
    width: var(--cmc-home-grid-sabbath) !important;
    min-width: var(--cmc-home-grid-sabbath) !important;
    max-width: var(--cmc-home-grid-sabbath) !important;
    flex: 0 0 var(--cmc-home-grid-sabbath) !important;
    align-self: stretch !important;
    background: linear-gradient(180deg, #eef4fb 0%, #f8fbff 100%) !important;
    border-left: 0 !important;
    box-shadow: none !important;
  }

  html body.home.cmc-site .l-sabbath__overlay{
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    opacity: 1 !important;
    background: linear-gradient(
      180deg,
      rgba(17, 49, 96, .88) 0%,
      rgba(69, 113, 171, .58) 26%,
      rgba(163, 191, 227, .22) 58%,
      rgba(248, 251, 255, .06) 100%
    ) !important;
    filter: none !important;
  }

  html body.home.cmc-site .l-sabbath__logo-light{
    display: block !important;
    opacity: .96 !important;
    filter: none !important;
  }

  html body.home.cmc-site .cmc-header,
  html body.home.cmc-site .cmc-home2__top{
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
  }

  html body.home.cmc-site .cmc-home2__hero-overlay .cmc-wrap,
  html body.home.cmc-site .cmc-home2__top .cmc-content,
  html body.home.cmc-site .cmc-home2__section > .cmc-wrap,
  html body.home.cmc-site .cmc-footer__wrap.cmc-wrap{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: var(--cmc-home-grid-gutter) !important;
    padding-right: var(--cmc-home-grid-gutter) !important;
    box-sizing: border-box !important;
  }

  html body.home.cmc-site .cmc-home2__section .cmc-content{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.home.cmc-site .cmc-home2__top .cmc-content{
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.home.cmc-site .cmc-home2__feature-grid--reference,
  html body.home.cmc-site .cmc-home2__decision-grid{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body.home.cmc-site .cmc-home2__feature-grid--reference{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }

  html body.home.cmc-site .cmc-home2__head--reference{
    max-width: min(900px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 1024px){
  html,
  body.home.cmc-site{
    overflow-x: hidden !important;
  }

  html body.home.cmc-site > .l-wrap{
    display: block !important;
  }

  html body.home.cmc-site .l-wrap__content,
  html body.home.cmc-site .l-content{
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }

  html body.home.cmc-site .l-wrap__sabbath,
  html body.home.cmc-site .l-sabbath,
  html body.home.cmc-site .l-sabbath__overlay,
  html body.home.cmc-site .l-sabbath__logo-light{
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    flex: 0 0 0 !important;
  }

  html body.home.cmc-site .cmc-home2__hero-overlay .cmc-wrap,
  html body.home.cmc-site .cmc-home2__top .cmc-content,
  html body.home.cmc-site .cmc-home2__section > .cmc-wrap,
  html body.home.cmc-site .cmc-footer__wrap.cmc-wrap{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* =========================================================
   Final adventist.org 7th-column parity overrides
========================================================= */
@media (min-width: 1025px){
  html body.home.cmc-site .l-wrap__sabbath,
  html body.home.cmc-site .l-sabbath{
    border-left: 0 !important;
    box-shadow: none !important;
    background: #f5f5f5 !important;
    z-index: 10 !important;
  }

  html body.home.cmc-site .l-sabbath__overlay{
    opacity: 1 !important;
    background: #2f557f !important;
    filter: none !important;
  }

  html body.home.cmc-site .l-sabbath__logo{
    position: sticky !important;
    top: 0 !important;
    width: 144px !important;
    max-width: 144px !important;
    height: 133px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    z-index: 2 !important;
  }

  html body.home.cmc-site .l-sabbath__logo--inner{
    position: relative !important;
    width: 104px !important;
    max-width: 104px !important;
    height: 93px !important;
    margin: 0 !important;
  }

  html body.home.cmc-site .l-sabbath__logo-light{
    display: block !important;
    width: 104px !important;
    max-width: 104px !important;
    height: 93px !important;
    opacity: 1 !important;
    filter: none !important;
    color: #ffffff !important;
    position: relative !important;
    z-index: 2 !important;
  }

  html body.home.cmc-site .l-sabbath__logo-dark{
    display: none !important;
  }

  html body.home.cmc-site .cmc-header,
  html body.home.cmc-site .cmc-header__inner{
    border-right: 0 !important;
    box-shadow: none !important;
  }
}

html body.home .cmc-home2__top{
  min-height: clamp(660px, 78vh, 840px) !important;
}

html body.home .cmc-home2__top-inner{
  padding: clamp(180px, 24vh, 270px) 0 clamp(98px, 10vh, 128px) !important;
  max-width: 720px !important;
}

html body.home .cmc-home2__hero-card{
  gap: 12px !important;
}

html body.home .cmc-home2__title{
  max-width: 12ch !important;
  font-size: clamp(2.25rem, 4.2vw, 4.15rem) !important;
}

html body.home .cmc-home2__section{
  padding-top: clamp(42px, 4.6vw, 68px) !important;
  padding-bottom: clamp(42px, 4.6vw, 68px) !important;
}

html body.home .cmc-home2__section--latest{
  background:
    radial-gradient(900px 320px at 12% 0%, rgba(96, 147, 220, .18) 0%, rgba(96, 147, 220, 0) 58%),
    linear-gradient(180deg, #f4f7fb 0%, #edf3fb 100%) !important;
}

html body.home .cmc-home2__section--latest .cmc-home2__head h2{
  color: #102545 !important;
}

html body.home .cmc-home2__section--latest .cmc-home2__head p{
  color: rgba(16, 37, 69, .76) !important;
}

html body.home .cmc-home2__latest-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

html body.home .cmc-home2__latest-card{
  display: grid;
  gap: 12px;
  align-content: start;
  min-height: 260px;
  padding: 22px;
  border-radius: 20px;
  border: 1px solid rgba(117, 154, 215, .18);
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(246,250,255,.94) 100%);
  box-shadow: 0 18px 34px rgba(11, 28, 58, .1);
}

html body.home .cmc-home2__latest-date{
  margin: 0;
  color: rgba(31, 86, 176, .78) !important;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html body.home .cmc-home2__latest-card h3{
  margin: 0;
  color: #102545 !important;
  font-size: clamp(1.18rem, 1.5vw, 1.42rem);
  line-height: 1.22;
  font-family: var(--cmc-home2-font-display, inherit);
}

html body.home .cmc-home2__latest-card p{
  margin: 0;
  color: rgba(16, 37, 69, .72) !important;
  line-height: 1.62;
}

html body.home .cmc-home2__latest-card .cmc-home2__btn{
  margin-top: auto;
  justify-self: start;
}

@media (max-width: 980px){
  html body.home .cmc-home2__top{
    min-height: clamp(620px, 82vh, 760px) !important;
  }

  html body.home .cmc-home2__top-inner{
    padding: clamp(150px, 20vh, 220px) 0 96px !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html body.home .cmc-home2__hero-card{
    margin-left: 0 !important;
  }

  html body.home .cmc-home2__title,
  html body.home .cmc-home2__hero-subtitle,
  html body.home .cmc-home2__hero-trust{
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html body.home .cmc-home2__hero-actions{
    justify-content: flex-start !important;
  }

  html body.home .cmc-home2__hero-proof{
    grid-template-columns: 1fr !important;
  }

  html body.home .cmc-home2__latest-grid{
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   Final front-page header parity
   Keep homepage shell rules from changing the shared header.
========================================================= */
html body.home.cmc-site .cmc-header{
  z-index: 2600 !important;
}

html body.home.cmc-site .cmc-header > .cmc-header__inner,
html body.home.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
html body.home.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: clamp(18px, 2.1vw, 30px) !important;
  padding-right: clamp(18px, 2.1vw, 30px) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

@media (max-width: 1024px){
  html body.home.cmc-site .cmc-header > .cmc-header__inner,
  html body.home.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
  html body.home.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner{
    max-width: none !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* =========================================================
   Front page hero-to-start transition
   The first section after the hero is #cmc-start-here, not
   the later reference sections, so it owns the wave backdrop.
========================================================= */
html body.home.cmc-site .cmc-home2{
  --cmc-start-bg-top: #e7effb;
  --cmc-start-bg-bottom: #e7effb;
  --cmc-hero-wave-overlap: clamp(70px, 10vw, 132px);
  background: var(--cmc-start-bg-top) !important;
}

html body.home.cmc-site .l-main,
html body.home.cmc-site .cmc-main{
  background: var(--cmc-start-bg-top) !important;
}

html body.home.cmc-site .cmc-home-hero{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
}

html body.home.cmc-site .cmc-home-wave{
  display: block !important;
  line-height: 0 !important;
  margin: 0 0 -1px 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}

html body.home.cmc-site .cmc-home-wave svg{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

html body.home.cmc-site .cmc-home-wave .cmc-wave-base,
html body.home.cmc-site .cmc-home-wave path{
  fill: var(--cmc-start-bg-top) !important;
  shape-rendering: geometricPrecision;
}

html body.home.cmc-site #cmc-start-here.cmc-start-section{
  position: relative !important;
  z-index: 2 !important;
  margin-top: calc(var(--cmc-hero-wave-overlap) * -1) !important;
  padding-top: calc(clamp(42px, 4.6vw, 68px) + var(--cmc-hero-wave-overlap)) !important;
  background: var(--cmc-start-bg-top) !important;
}

html body.home.cmc-site #cmc-start-here.cmc-start-section::before,
html body.home.cmc-site #cmc-start-here.cmc-start-section::after,
html body.home.cmc-site #cmc-start-here.cmc-start-section .cmc-content::before{
  content: none !important;
  display: none !important;
}

html body.home.cmc-site #cmc-start-here.cmc-start-section .cmc-content{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.home.cmc-site #cmc-start-here.cmc-start-section .cmc-home2__start-grid{
  align-items: stretch !important;
  grid-auto-rows: 1fr !important;
}

html body.home.cmc-site #cmc-start-here.cmc-start-section .cmc-home2__card{
  height: 100% !important;
  align-self: stretch !important;
}

html body.home.cmc-site #cmc-start-here.cmc-start-section .cmc-home2__card-body{
  min-height: clamp(466px, 36.5vw, 500px) !important;
  display: flex !important;
  flex-direction: column !important;
}

@media (min-width: 981px){
  html body.home.cmc-site #cmc-start-here.cmc-start-section .cmc-home2__card-body{
    box-sizing: border-box !important;
    min-height: 526px !important;
    height: 526px !important;
  }
}

html body.home.cmc-site #cmc-start-here.cmc-start-section .cmc-home2__card-meta{
  min-height: 62px !important;
}

html body.home.cmc-site #cmc-start-here.cmc-start-section .cmc-home2__card .cmc-home2__btn{
  margin-top: auto !important;
}

@media (max-width: 760px){
  html body.home.cmc-site #cmc-start-here.cmc-start-section .cmc-home2__card-body{
    min-height: 0 !important;
  }
}

html body.home.cmc-site .cmc-home2__section--reference .cmc-home2__feature-grid--reference{
  width: min(980px, calc(100% - 48px)) !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 18px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.home.cmc-site .cmc-home2__section--reference .cmc-home2__feature-tile{
  min-height: 224px !important;
}

@media (max-width: 760px){
  html body.home.cmc-site .cmc-home2__section--reference .cmc-home2__feature-grid--reference{
    width: min(100%, calc(100% - 24px)) !important;
    max-width: none !important;
    grid-template-columns: 1fr !important;
  }
}

html body.home.cmc-site #cmc-mission-glance .cmc-content,
html body.home.cmc-site .cmc-home2__section--faq .cmc-content,
html body.home.cmc-site .cmc-home2__section[aria-label="Next steps"] .cmc-content{
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.home.cmc-site #cmc-mission-glance .cmc-home2__kpis-card{
  padding: clamp(28px, 4vw, 56px) !important;
}

@media (max-width: 760px){
  html body.home.cmc-site #cmc-mission-glance .cmc-content,
  html body.home.cmc-site .cmc-home2__section--faq .cmc-content,
  html body.home.cmc-site .cmc-home2__section[aria-label="Next steps"] .cmc-content{
    width: min(100%, calc(100% - 24px)) !important;
    max-width: none !important;
  }

  html body.home.cmc-site #cmc-mission-glance .cmc-home2__kpis-card{
    padding: 24px 18px !important;
  }
}

/* Final 7th-column behavior: section-aware, Adventist.org-style side rail */
@media (min-width: 1025px){
  html body.home.cmc-site .l-sabbath{
    background: var(--cmc-sabbath-bg, #f5f5f5) !important;
    transition: background-color .22s ease, background .22s ease !important;
  }

  html body.home.cmc-site .l-sabbath__overlay{
    background:
      linear-gradient(180deg,
        color-mix(in srgb, var(--cmc-sabbath-overlay, #2f557f) 96%, #ffffff 4%) 0%,
        color-mix(in srgb, var(--cmc-sabbath-overlay, #2f557f) 76%, var(--cmc-sabbath-bg, #f5f5f5) 24%) 58%,
        color-mix(in srgb, var(--cmc-sabbath-overlay, #2f557f) 52%, var(--cmc-sabbath-bg, #f5f5f5) 48%) 100%) !important;
    opacity: 1 !important;
    filter: none !important;
    transition: background .22s ease, opacity .22s ease !important;
  }

  html body.home.cmc-site .l-sabbath__logo-light{
    color: var(--cmc-sabbath-logo, #ffffff) !important;
    transition: color .22s ease, filter .22s ease !important;
  }
}

@media (prefers-reduced-motion: reduce){
  html body.home.cmc-site .l-sabbath,
  html body.home.cmc-site .l-sabbath__overlay,
  html body.home.cmc-site .l-sabbath__logo-light{
    transition: none !important;
  }
}

@media (max-width: 1024px){
  html body.home.cmc-site .cmc-home2{
    --cmc-hero-wave-overlap: clamp(46px, 12vw, 86px);
  }
}

/* =========================================================
   CMC FINAL FIX: Restore ALPS 7th/Sabbath column placement
   Problem fixed:
   - Earlier child-theme rules changed the homepage .l-wrap to display:block
     and/or hid .l-wrap__sabbath, causing the 7th column to drop below the
     main content/footer instead of staying on the right.
   - These rules must remain at the very bottom of style.css.
========================================================= */
@media (min-width: 1025px){
  html body.cmc-site,
  html body.cmc-site > .l-wrap{
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html body.cmc-site > .l-wrap{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-height: 100vh !important;
  }

  html body.cmc-site .l-wrap__content,
  html body.cmc-site .l-content{
    display: block !important;
    width: calc(85.7142857143vw - .01px) !important;
    min-width: calc(85.7142857143vw - .01px) !important;
    max-width: calc(85.7142857143vw - .01px) !important;
    flex: 0 0 calc(85.7142857143vw - .01px) !important;
    order: 1 !important;
    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
    margin: 0 !important;
  }

  html body.cmc-site .l-wrap__sabbath,
  html body.cmc-site .l-sabbath{
    display: block !important;
    width: calc(14.2857142857vw - .01px) !important;
    min-width: calc(14.2857142857vw - .01px) !important;
    max-width: calc(14.2857142857vw - .01px) !important;
    flex: 0 0 calc(14.2857142857vw - .01px) !important;
    order: 2 !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    align-self: stretch !important;
    min-height: 100vh !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--cmc-sabbath-bg, #f5f5f5) !important;
    border-left: 0 !important;
    box-shadow: none !important;
    z-index: 1 !important;
    overflow: hidden !important;
  }

  html body.cmc-site .l-sabbath__overlay{
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 1 !important;
    background: var(--cmc-sabbath-overlay, #2f557f) !important;
    filter: none !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  html body.cmc-site .l-sabbath__logo{
    display: block !important;
    position: sticky !important;
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
    padding-top: 24px !important;
    z-index: 2 !important;
  }

  html body.admin-bar.cmc-site .l-sabbath__logo{
    top: 32px !important;
  }

  html body.cmc-site .l-sabbath__logo--inner{
    position: relative !important;
    width: min(104px, 70%) !important;
    max-width: 104px !important;
    height: auto !important;
    margin: 0 auto !important;
    z-index: 2 !important;
  }

  html body.cmc-site .l-sabbath__logo-light{
    display: block !important;
    width: 100% !important;
    max-width: 104px !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: var(--cmc-sabbath-logo, #ffffff) !important;
    filter: none !important;
    position: relative !important;
    z-index: 2 !important;
  }

  html body.cmc-site .l-sabbath__logo-dark{
    display: none !important;
  }

  html body.cmc-site .cmc-header{
    width: calc(85.7142857143vw - .01px) !important;
    max-width: calc(85.7142857143vw - .01px) !important;
    right: auto !important;
  }

  html body.cmc-site .cmc-header > .cmc-header__inner,
  html body.cmc-site .cmc-header > .l-wrap.cmc-header__inner,
  html body.cmc-site .cmc-header > .cmc-wrap.cmc-header__inner{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(18px, 3vw, 40px) !important;
    padding-right: clamp(18px, 3vw, 40px) !important;
    box-sizing: border-box !important;
  }

  html body.cmc-site .cmc-footer,
  html body.cmc-site main.l-main,
  html body.home.cmc-site .cmc-home2{
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 1024px){
  html body.cmc-site > .l-wrap{
    display: block !important;
  }

  html body.cmc-site .l-wrap__content,
  html body.cmc-site .l-content{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
  }

  html body.cmc-site .l-wrap__sabbath,
  html body.cmc-site .l-sabbath,
  html body.cmc-site .l-sabbath__overlay,
  html body.cmc-site .l-sabbath__logo-light{
    display: none !important;
  }
}