/* Final alignment detail loaded after legacy block styles. */
#cases .case-value-before{justify-items:end;text-align:right}
@media(min-width:1400px) and (max-width:1599px){#process .after{height:271px}}

/* S1-LAYOUT-01: move the whole desktop process row below the lead while
   extending the section by the same delta, so the card-to-after gap stays intact. */
@media(min-width:1800px){#process{height:1166px;min-height:1166px}#process .process-grid{top:356px}}
@media(min-width:1600px) and (max-width:1799px){#process{height:1086px;min-height:1086px}#process .process-grid{top:356px}}
@media(min-width:1400px) and (max-width:1599px){#process{height:910px;min-height:910px}#process .process-grid{top:260px}}
@media(min-width:1024px) and (max-width:1100px){#process{height:863px;min-height:863px}#process .process-grid{top:252px}}

/* Layout review 2026-09-29: keep the process deadline note and CTA
   separated consistently across desktop and laptop viewports. */
@media(min-width:1024px){
  #process .after aside{height:auto;align-self:center}
  #process .after aside .button{margin-top:18px}
}

/* Treat the conclusion as a separate semantic group below the two problem
   cards without changing the cards' internal geometry. */
@media(min-width:371px) and (max-width:767px){
  #problem .conclusion{margin-top:48px}
}
@media(max-width:370px){
  #problem .conclusion{margin-top:44px}
}

/* Preserve the one-screen offer section on laptop widths while distributing
   its spare vertical space above and below the content. */
@media(min-width:1200px) and (max-width:1399px){
  #offer>.offer-layout{align-content:center}
}