/* Keep uploaded dimensions: extra copy height moves the picture down, never stretches it. */
:root .medical-home .mp-cutout-hero {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;
    min-height:390px;background:var(--light,#f5f4f4);border-radius:var(--mp-card-radius,16px);overflow:hidden;
}
/* Test variant: the same first-screen frame, with numeric benefits instead of a photo. */
:root .medical-home .mp-cutout-hero.mp-facts-hero {
    position:relative;isolation:isolate;
    background:linear-gradient(90deg,#f5f4f4 0%,#f5f4f4 10%,#e3dada 72%,#c6b4b5 100%);
}
.mp-facts-hero::before {
    content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:radial-gradient(circle,rgba(255,255,255,.26) 0 3px,transparent 4px) right top/26px 26px;
    mask-image:linear-gradient(90deg,transparent 48%,#000 100%);
}
:root .medical-home .mp-facts-hero-aside {
    display:grid;align-content:center;gap:20px;padding:40px 44px;min-width:0;
}
:root .medical-home .mp-facts-hero-aside .mp-screen-stat {
    display:block;min-width:0;padding:0;border:0;
}
:root .medical-home .mp-facts-hero-aside .mp-screen-stat + .mp-screen-stat {
    border-top:1px solid #6b4e5226;padding-top:20px;
}
@media(max-width:760px) {
    :root .medical-home .mp-facts-hero-aside {padding:0 20px 24px;gap:20px}
    :root .medical-home .mp-facts-hero-aside .mp-screen-stat:first-child {padding-top:24px;border-top:1px solid #6b4e5226}
    .mp-facts-hero::before {mask-image:linear-gradient(180deg,transparent 15%,#000 100%)}
}
/* Two editable first-screen proposals on the comparison page. */
:root .medical-home .mp-hero-concept-demo {margin-top:64px}
:root .medical-home .mp-hero-concept-label {font:500 28px/1.25 Raleway,sans-serif;color:var(--mp-ink);letter-spacing:-.025em;margin:0 0 24px;text-wrap:initial}
:root .medical-home .mp-hero-concept {border-radius:var(--mp-card-radius,16px);overflow:hidden;background:var(--light,#f5f4f4)}
:root .medical-home .mp-concept-a .mp-cutout-hero {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);background:transparent;border-radius:0;min-height:390px}
:root .medical-home .mp-concept-visual {position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;padding:32px 32px 0;min-width:0}
.mp-concept-visual::before {content:"";position:absolute;z-index:-1;inset:64px 32px 0;border-radius:88px 0 0 0;background:linear-gradient(90deg,#e3dada,#c6b4b5)}
.mp-concept-visual::after {content:"";position:absolute;z-index:-1;inset:64px 32px 0;border-radius:88px 0 0 0;background:radial-gradient(circle,rgba(255,255,255,.26) 0 3px,transparent 4px) right top/26px 26px;mask-image:linear-gradient(90deg,transparent,#000)}
:root .medical-home .mp-concept-photo {margin:0;line-height:0;max-width:100%;width:360px;flex:0 1 auto;align-self:flex-end}
:root .medical-home .mp-concept-photo img {display:block;position:static;width:auto;max-width:100%;height:auto;object-fit:contain;transform:none;border-radius:0}
:root .medical-home .mp-concept-facts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mp-grid-gap,24px);margin:0 44px;padding:28px 0;border-top:1px solid #6b4e5226}
:root .medical-home .mp-concept-facts .mp-screen-stat {padding:0;min-width:0;border:0}
:root .medical-home .mp-concept-facts .mp-screen-stat + .mp-screen-stat {padding-left:24px;border-left:1px solid #6b4e5226}
:root .medical-home .mp-concept-b .mp-cutout-hero {background:transparent;border-radius:0}
:root .medical-home .mp-hero-concept.mp-concept-b {background:#f5f4f4}
:root .medical-home .mp-concept-b-panel {display:grid;grid-template-rows:auto auto;align-content:end;position:relative;isolation:isolate;min-width:0;background:transparent}
.mp-concept-b-panel::before {content:none}
:root .medical-home .mp-concept-b-photo {display:flex;align-items:flex-end;justify-content:center;min-width:0;min-height:0;padding:24px 24px 0}
:root .medical-home .mp-concept-b-photo .mp-concept-photo {width:440px}
:root .medical-home .mp-concept-b-photo .mp-concept-photo img {width:440px;max-width:100%;height:auto;flex:none}
:root .medical-home .mp-center-hero:not(:has(.mp-concept-b-panel)) .mp-cutout-hero {grid-template-columns:minmax(0,1fr)}
:root .medical-home .mp-concept-b-panel .mp-concept-facts {position:relative;isolation:isolate;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:24px 28px;gap:0;background:linear-gradient(90deg,#f5f4f4 0%,#eee8e8 50%,#c6b4b5 100%)}
.mp-concept-b-panel .mp-concept-facts::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.26) 0 3px,transparent 4px) right top/26px 26px;mask-image:linear-gradient(90deg,transparent 10%,#000)}
:root .medical-home .mp-concept-b-panel .mp-concept-facts .mp-screen-stat {padding-right:20px;overflow-wrap:anywhere}
:root .medical-home .mp-concept-b-panel .mp-concept-facts .mp-screen-stat + .mp-screen-stat {padding-left:20px;padding-right:0}
:root .medical-home .mp-concept-b-panel .mp-screen-number {font-size:36px}
:root .medical-home .mp-concept-b-panel .mp-screen-stat-title {font-size:18px;line-height:1.3}
@media(min-width:761px) {
    :root .medical-home .mp-hero-concept.mp-concept-b {background:linear-gradient(90deg,#f5f4f4 0%,#f5f4f4 36%,#eee8e8 62%,#c6b4b5 100%)}
    .mp-concept-b-panel::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.26) 0 3px,transparent 4px) right top/26px 26px;mask-image:linear-gradient(90deg,transparent 10%,#000)}
    :root .medical-home .mp-concept-b-panel .mp-concept-facts {background:transparent}
    .mp-concept-b-panel .mp-concept-facts::before {content:none}
}
@media(max-width:760px) {
    :root .medical-home .mp-hero-concept-demo {margin-top:48px}
    :root .medical-home .mp-hero-concept-label {font-size:24px;margin-bottom:20px}
    :root .medical-home .mp-concept-a .mp-cutout-hero {grid-template-columns:minmax(0,1fr);min-height:0}
    :root .medical-home .mp-concept-visual {padding:0 20px}
    .mp-concept-visual::before,.mp-concept-visual::after {inset:24px 20px 0;border-top-left-radius:64px}
    :root .medical-home .mp-concept-facts {grid-template-columns:minmax(0,1fr);margin:0 20px;padding:24px 0;gap:20px}
    :root .medical-home .mp-concept-facts .mp-screen-stat + .mp-screen-stat {border-left:0;padding-left:0;padding-top:20px;border-top:1px solid #6b4e5226}
    :root .medical-home .mp-concept-b-photo {padding:20px 20px 0;min-height:0}
    :root .medical-home .mp-hero-concept.mp-concept-b {background:#f5f4f4}
    :root .medical-home .mp-concept-b-panel {background:transparent}
    :root .medical-home .mp-concept-b-panel .mp-concept-facts {grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:20px}
    :root .medical-home .mp-concept-b-panel .mp-concept-facts .mp-screen-stat {padding-right:0}
    :root .medical-home .mp-concept-b-panel .mp-concept-facts .mp-screen-stat + .mp-screen-stat {padding-left:0}
}
:root .medical-home .mp-cutout-hero > * {margin-block:0;min-width:0}
:root .medical-home .mp-cutout-hero .mp-about-page-copy {padding:40px 44px}
:root .medical-home .mp-cutout-hero .mp-about-page-copy h1 {margin-top:0}
:root .medical-home .mp-cutout-hero .mp-about-page-copy p {margin-bottom:0}
:root .medical-home .mp-cutout-hero .mp-about-page-actions {margin-top:28px}
:root .medical-home .mp-cutout-photo {
    display:flex;align-items:flex-end;justify-content:center;align-self:end;
    margin:0;width:100%;min-width:0;line-height:0;
}
:root .medical-home .mp-cutout-photo img {
    position:static;display:block;width:auto;max-width:100%;height:auto!important;
    object-fit:contain;transform:none;flex:0 1 auto;border-radius:0;
}
@media(max-width:760px) {
    :root .medical-home .mp-cutout-hero {grid-template-columns:minmax(0,1fr);min-height:0}
    :root .medical-home .mp-cutout-hero .mp-about-page-copy {padding:24px 20px}
    :root .medical-home .mp-cutout-photo {grid-row:auto;align-self:end}
}

/* Modern Gutenberg exposes group children directly, like the site.
 * Flatten only legacy InnerBlocks wrappers to reuse the same responsive grids. */
.editor-styles-wrapper :is(.mp-cutout-hero,.mp-facts-hero-aside,.mp-concept-facts,.mp-concept-b-panel) > .block-editor-inner-blocks,
.editor-styles-wrapper :is(.mp-cutout-hero,.mp-facts-hero-aside,.mp-concept-facts,.mp-concept-b-panel) > .block-editor-inner-blocks > .block-editor-block-list__layout {
    display:contents;
}