/* Keep the original warm illustration and numbered editorial layout. */
.v4-body .v4-content-sections .v4-panel[data-section-stage-layout] { display:block; }
.v4-body .v4-content-sections [data-section-stage-layout]>.v4-section-content>.v4-section-title { margin:0 0 18px; padding:0 0 14px; border-bottom:1px solid #eee4e1; }
.v4-body .v4-content-sections [data-section-stage-layout] .v4-stages-main { display:grid; grid-template-columns:minmax(0,1fr); align-items:center; gap:clamp(24px,3vw,40px); margin:24px 0; min-width:0; }
.v4-body .v4-content-sections [data-section-stage-layout] .v4-stages-main[data-stage-media] { grid-template-columns:minmax(0,28fr) minmax(0,72fr); }
.v4-body .v4-content-sections [data-section-stage-layout] .v4-section-media { padding:0; margin:0; min-width:0; }
.v4-body .v4-content-sections [data-section-stage-layout] .v4-section-media img { margin:0; width:100%; aspect-ratio:1; object-fit:contain; border-radius:0; }
.v4-body .v4-content-sections [data-section-stage-layout][data-section-fit="cover"] .v4-section-media img { object-fit:cover; border-radius:12px; }
.v4-body .v4-content-sections [data-section-stage-layout][data-section-image="right"] .v4-stages-main[data-stage-media] { grid-template-columns:minmax(0,72fr) minmax(0,28fr); }
.v4-body .v4-content-sections [data-section-stage-layout][data-section-image="right"] .v4-section-media { order:2; }
.v4-body .v4-content-sections [data-section-stage-layout][data-section-image="top"] .v4-stages-main[data-stage-media] { grid-template-columns:minmax(0,1fr); }
.v4-body .v4-content-sections [data-section-stage-layout][data-section-image="top"] .v4-section-media { width:min(100%,280px); margin:0 auto; }
.v4-body .v4-content-sections [data-section-stage-layout][data-section-image="accent"] .v4-stages-main[data-stage-media] { grid-template-columns:minmax(0,1fr) 76px; }
.v4-body .v4-content-sections [data-section-stage-layout][data-section-image="accent"] .v4-section-media { order:2; }
.v4-body .v4-content-sections [data-section-stage-layout] .v4-stages-steps { min-width:0; container:v4-stages / inline-size; }
.v4-body .v4-content-sections [data-section-stage-layout] .v4-stages-steps>ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 28px; margin:0; padding:0; list-style:none; counter-reset:v4-about-stage; }
.v4-body .v4-content-sections [data-section-stage-layout] .v4-stages-steps>ol>li { display:grid; grid-template-columns:1.8em minmax(0,1fr); align-items:start; gap:.45em; margin:0; padding:0; min-width:0; counter-increment:v4-about-stage; }
.v4-body .v4-content-sections [data-section-stage-layout] .v4-stages-steps>ol>li:before { content:counter(v4-about-stage,decimal-leading-zero); position:static; display:block; width:auto; height:auto; padding:0; margin:0; border:0; background:none; color:var(--red); font:650 1.2em/1.4 var(--v4-font-family); }
.v4-body .v4-content-sections [data-section-stage-layout] .v4-stage-copy { min-width:0; }
.v4-body .v4-content-sections [data-section-stage-layout] .v4-stage-copy>p { margin:0; color:inherit; line-height:1.8; }
.v4-body .v4-content-sections [data-section-stage-layout] .v4-stage-status { display:block; color:var(--node-body-color,#756b63); font-size:.94em; line-height:1.8; }
.v4-body .v4-content-sections [data-section-stage-layout] :is(.v4-stage-title,.v4-stage-copy>p>strong) { display:block; margin:.35em 0 .45em; color:var(--node-body-color,#3e3833); font-size:1.08em; font-weight:650; line-height:1.65; text-wrap:balance; }
.v4-body .v4-content-sections [data-section-stage-layout] .v4-stage-title>strong { color:inherit; }
.v4-body .v4-content-sections [data-section-stage-layout] .v4-stage-description { display:block; }
.v4-body .v4-content-sections [data-section-stage-layout] .v4-stage-copy>h3 { margin:0 0 .35em; font-size:1em; color:inherit; line-height:1.8; font-weight:400; }
.v4-body .v4-content-sections [data-section-stage-layout] :is(.v4-stages-intro,.v4-stages-outro)>:first-child { margin-top:0; }
.v4-body .v4-content-sections [data-section-stage-layout] :is(.v4-stages-intro,.v4-stages-outro)>:last-child { margin-bottom:0; }
@container(max-width:850px) {
  .v4-body .v4-content-sections [data-section-stage-layout][data-section-image]:not([data-section-image="accent"]) .v4-stages-main[data-stage-media] { grid-template-columns:minmax(0,1fr); gap:20px; }
  .v4-body .v4-content-sections [data-section-stage-layout][data-section-image]:not([data-section-image="accent"]) .v4-section-media { width:min(100%,240px); margin:0 auto; order:0; }
}
@container v4-stages (max-width:32em) {
  .v4-body .v4-content-sections [data-section-stage-layout] .v4-stages-steps>ol { grid-template-columns:minmax(0,1fr); gap:22px; }
}
@container(max-width:560px) {
  .v4-body .v4-content-sections [data-section-stage-layout] .v4-stages-main { margin:20px 0; }
  .v4-body .v4-content-sections [data-section-stage-layout][data-section-image]:not([data-section-image="accent"]) .v4-section-media { width:min(100%,200px); }
  .v4-body .v4-content-sections [data-section-stage-layout] .v4-stages-steps>ol { grid-template-columns:minmax(0,1fr); gap:22px; }
}

@supports not (container-type:inline-size) {
  @media(max-width:760px) {
    .v4-body .v4-content-sections [data-section-stage-layout][data-section-image]:not([data-section-image="accent"]) .v4-stages-main[data-stage-media] { grid-template-columns:minmax(0,1fr); gap:20px; }
    .v4-body .v4-content-sections [data-section-stage-layout][data-section-image]:not([data-section-image="accent"]) .v4-section-media { width:min(100%,200px); margin:0 auto; order:0; }
    .v4-body .v4-content-sections [data-section-stage-layout] .v4-stages-steps>ol { grid-template-columns:minmax(0,1fr); gap:22px; }
  }
}

@media(max-width:760px) {
  .v4-body .v4-content-sections [data-section-stage-layout][data-section-image="accent"] .v4-stages-main[data-stage-media] { grid-template-columns:minmax(0,1fr) 52px; gap:12px; }
}

@media(max-width:760px) {
  .v4-body .v4-content-sections [data-section-stage-layout]>.v4-section-content>.v4-module-copy>.v4-prose { font-size:var(--node-body-size,var(--v4-mobile-body-size,var(--module-mobile-body-size,15px))); }
  .v4-body .v4-content-sections [data-section-stage-layout]>.v4-section-content>.v4-section-title { font-size:var(--node-title-size,var(--v4-mobile-title-size,var(--module-mobile-title-size,19px))); }
}