/* =========================================================================
 * Core pages — the shared rules of the restored pages (inc/core-page-kit.php).
 *
 * The pages stand on the service frame (assets/css/mxdr-service/page.css).
 * Only what is needed for the “full copies of the home blocks” to live in that
 * frame is here: their roots (.lmx-b3-inner, .lmx-b4-inner …) are printed
 * inside the .lmx-msec-inner.lmx-cp-home wrapper, which page.js measures and
 * scales, so the scale variables of the home blocks (--blockN-scale) are tied
 * to --ms-scale and the min-height:100vh of the roots yields to the section
 * height. On narrow screens the home blocks switch to their natural height
 * through their own media queries.
 * ====================================================================== */

.lmx-cp .lmx-cp-home{display:block}
.lmx-cp .lmx-cp-home > .lmx-b2-inner,
.lmx-cp .lmx-cp-home > .lmx-b3-inner,
.lmx-cp .lmx-cp-home > .lmx-b4-inner,
.lmx-cp .lmx-cp-home > .lmx-b5-inner,
.lmx-cp .lmx-cp-home > .lmx-siem-inner,
.lmx-cp .lmx-cp-home > .lmx-b6-inner,
.lmx-cp .lmx-cp-home > .lmx-b7-inner,
.lmx-cp .lmx-cp-home > .lmx-b9-inner,
.lmx-cp .lmx-cp-home > .lmx-b10-inner,
.lmx-cp .lmx-cp-home > .lmx-b11-inner,
.lmx-cp .lmx-cp-home > .lmx-mc-inner{height:100%;min-height:100%}

.lmx-cp .lmx-b2-inner,.lmx-cp .lmx-b2-trusted{--block2-scale:var(--ms-scale,1)}
.lmx-cp .lmx-b3-inner{--block3-scale:var(--ms-scale,1)}
.lmx-cp .lmx-b4-inner{--block4-scale:var(--ms-scale,1)}
.lmx-cp .lmx-b5-inner{--block5-scale:var(--ms-scale,1)}
.lmx-cp .lmx-siem-inner{--siem-scale:var(--ms-scale,1)}
.lmx-cp .lmx-b6-inner{--block6-scale:var(--ms-scale,1)}
.lmx-cp .lmx-b7-inner{--block7-scale:var(--ms-scale,1);--lmx-tower-scale:var(--ms-scale,1)}
.lmx-cp .lmx-b9-inner{--block9-scale:var(--ms-scale,1)}
.lmx-cp .lmx-b10-inner{--block10-scale:var(--ms-scale,1)}
.lmx-cp .lmx-b11-inner{--block11-scale:var(--ms-scale,1)}
/* The wheel (p6) is the single flat component inside the .lmx-cp-home wrapper:
   page.js writes --ms-scale onto the wrapper while the component stylesheet
   declares --ms-scale:1 on the wheel itself — so we inherit the wrapper value
   explicitly. */
.lmx-cp .lmx-cp-home > .lmx-mc-inner{--ms-scale:inherit}

/* Sections with a natural height (data-tall=grow): vertical padding, as on Use Cases. */
.lmx-cp > .lmx-msec[data-tall] > .lmx-msec-inner{padding-top:max(40px,calc(64px * var(--ms-scale,1)));padding-bottom:max(40px,calc(64px * var(--ms-scale,1)))}
.lmx-cp > .lmx-msec[data-tall] > .lmx-cp-home{padding-top:0;padding-bottom:0}

/* The placeholder section and the editor hint — as on the service pages. */
.lmx-cp .lmx-ms-admin-hint{position:relative;z-index:2}

@media (max-width:1024px){
.lmx-cp > .lmx-msec[data-tall] > .lmx-msec-inner{padding-top:0;padding-bottom:0}
}