/* Mumford Connect front-end block styles: split. Generated from blocks.css. */
.mc-block-split-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:90px;align-items:start}
.mc-block-split-intro h2{font-size:clamp(2.3rem,4vw,4rem)}
.mc-block-split-intro>div:last-child{color:var(--mc-muted);font-size:1rem;line-height:1.75}
.mc-block-implementation{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;padding:46px 50px;border:1px solid var(--mc-line);border-radius:16px;background:linear-gradient(135deg,#f7faff,#fff)}
.mc-block-implementation h2{font-size:clamp(2.1rem,3.5vw,3.4rem)}
.mc-block-implementation>div:last-child{color:var(--mc-muted)}
@media (max-width:1050px){
.mc-block-split-intro,.mc-block-implementation{grid-template-columns:1fr;gap:38px}
}
.mc-component-split-content>*{margin-block:0!important}

@media (max-width:640px){.mc-block-implementation{padding:31px 27px}}

/* Plain split content inherits dark-section contrast; the panel variant keeps
   its intentionally light surface. */
.mc-block-section--dark .mc-component-split-content:not(.mc-component-split-content--panel)>div:last-child{color:rgba(255,255,255,.74)}

/* v1.22.0 — align split-section scale with the refined section-heading system. */
.mc-block-split-intro h2{font-size:clamp(2.2rem,3.7vw,3.55rem)}
/* v1.23.0 — panel split content joins the shared card language. */
.mc-block-implementation{border-top:3px solid var(--mc-blue);box-shadow:0 9px 26px rgba(7,27,51,.04)}

/* v1.24.0 — calmer, better-balanced editorial splits. */
.mc-block-split-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(44px,5vw,76px)}
.mc-block-split-intro h2{font-size:clamp(2.05rem,3.15vw,3.15rem);line-height:1.055;text-wrap:balance}
.mc-component-split-content--long-title{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.mc-component-split-content--long-title h2{font-size:clamp(1.95rem,2.6vw,2.58rem)}
.mc-component-split-content--long-title>div:last-child{max-width:690px}
.mc-block-split-intro>div:last-child{max-width:760px;font-size:1.02rem}
.mc-block-implementation{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(36px,4vw,58px)}
@media(max-width:1050px){.mc-block-split-intro,.mc-component-split-content--long-title,.mc-block-implementation{grid-template-columns:1fr;gap:30px}.mc-block-split-intro h2,.mc-component-split-content--long-title h2{max-width:760px}.mc-component-split-content--long-title>div:last-child{max-width:760px}}

/* v1.25.0 — keep editorial splits proportional when a headline carries more
   visual weight than the copy beside it. The renderer adds these classes from
   content length; no editor setting or saved block attribute is required. */
.mc-component-split-content--balanced-title{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(38px,4.4vw,66px)}
.mc-component-split-content--balanced-title h2{font-size:clamp(1.95rem,2.75vw,2.7rem);max-width:620px}
.mc-component-split-content--sparse-copy>div:last-child{font-size:1.055rem;line-height:1.82;max-width:820px}
@media(max-width:1050px){.mc-component-split-content--balanced-title{grid-template-columns:1fr;gap:28px}.mc-component-split-content--balanced-title h2{max-width:760px}}

/* v1.26.0 — a long headline with short supporting copy should not consume
   half the canvas. Give the explanation more width and reduce headline scale. */
@media(min-width:1051px){
  .mc-component-split-content--sparse-copy.mc-component-split-content--long-title,
  .mc-component-split-content--sparse-copy.mc-component-split-content--balanced-title{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(34px,4vw,58px)}
  .mc-component-split-content--sparse-copy.mc-component-split-content--long-title h2,
  .mc-component-split-content--sparse-copy.mc-component-split-content--balanced-title h2{font-size:clamp(1.82rem,2.3vw,2.32rem);line-height:1.08;max-width:540px}
}


/* v1.31.18 — long-heading split sections need a calmer balance when the
   supporting copy is relatively short, especially on Resources. */
@media(min-width:1051px){
  .mc-component-split-content--sparse-copy.mc-component-split-content--long-title,
  .mc-component-split-content--sparse-copy.mc-component-split-content--balanced-title{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(30px,3.4vw,50px)}
  .mc-component-split-content--sparse-copy.mc-component-split-content--long-title h2,
  .mc-component-split-content--sparse-copy.mc-component-split-content--balanced-title h2{font-size:clamp(1.72rem,2vw,2.18rem);line-height:1.1;max-width:500px}
}

:is(.mc-block-page--resources,.mc-page-key-resources) .mc-block-split-intro{align-items:start}
@media(min-width:1051px){
  :is(.mc-block-page--resources,.mc-page-key-resources) .mc-block-split-intro{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:clamp(28px,3.1vw,44px)}
  :is(.mc-block-page--resources,.mc-page-key-resources) .mc-block-split-intro h2{font-size:clamp(1.7rem,1.95vw,2.08rem);line-height:1.1;max-width:470px;text-wrap:balance}
  :is(.mc-block-page--resources,.mc-page-key-resources) .mc-block-split-intro>div:last-child{max-width:760px}
}


/* v1.31.19 — Resources intro. The renderer now adds this class directly, so
   the layout does not depend on a page wrapper that Gutenberg no longer emits. */
@media(min-width:1051px){
  .mc-component-split-content--resources{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:clamp(46px,5vw,78px);
  }
  .mc-component-split-content--resources h2{
    max-width:640px;
    font-size:clamp(2rem,2.65vw,2.75rem);
    line-height:1.08;
  }
  .mc-component-split-content--resources>div:last-child{
    max-width:760px;
    padding-top:46px;
    font-size:1.03rem;
    line-height:1.78;
  }
}
@media(max-width:1050px){
  .mc-component-split-content--resources>div:last-child{padding-top:0}
}


/* v1.32.8 — split-column vertical alignment.
   Side-by-side copy should start level with the heading, not be pushed down.
   The stacked layout still gets its separation from the grid gap, so removing
   this padding does not collapse spacing on tablet/mobile. */
.mc-component-split-content>div:last-child{
  padding-top:0!important;
  margin-top:0!important;
}
.mc-component-split-content>div:last-child>:first-child{
  margin-top:0!important;
  padding-top:0!important;
}