/* =========================================================================
 * Comparisons — the frame of the comparison pages and of the hub.
 *
 * The scroll container, the sections, the dots, the scale and the .lmx-ms-btn
 * buttons come from the shared service-page frame
 * (assets/css/mxdr-service/page.css, handle lmx-ms); the hero is the service
 * hero component plus the centred variant with the chain
 * (.lmx-wh-inner--chain, assets/css/shared/hero-centered.css); the chain is
 * assets/css/shared/service-chain.css. Here: section backgrounds, the
 * highlight of the “Comparisons” parent in the header and small tweaks to the
 * hero of this section.
 * ====================================================================== */

/* The section background is in place before the block CSS loads — no white flash. */
.lmx-msec--c1,
.lmx-msec--c2,
.lmx-msec--h1,
.lmx-msec--h2,
.lmx-msec--empty{background-color:#000}

/* The comparison subtitle is a calm line, not the large white size used on Why. */
.lmx-cmp-hero .lmx-wh-subtitle{font-weight:500;color:rgba(255,255,255,.92) !important;line-height:1.25 !important;text-wrap:balance}
/* The comparisons chain: the labels are short, so eight items fit in one row on desktop. */
.lmx-cmp-hero .lmx-mh-nav{margin-top:max(8px,calc(16px * var(--ms-scale,1)))}

/* The “Comparisons” parent is active while one of its child pages is open:
   nav-render adds the *-child-current class from the menu data; the styles
   live here only — on other pages the header is unchanged. */
.lmx-header .lmx-nav__link.lmx-nav__link--child-current{color:var(--lmx-teal)}
.lmx-drawer .lmx-drawer__toggle.lmx-drawer__toggle--child-current{color:var(--lmx-teal)}

/* The hub card section once it has grown with its content (data-fit="grow" → data-tall). */
@media (min-width:1025px){
.lmx-ms > .lmx-msec[data-tall] > .lmx-hc-inner{padding-top:max(40px,calc(64px * var(--ms-scale,1)));padding-bottom:max(40px,calc(64px * var(--ms-scale,1)))}
}

/* The hub's final CTA (2026-09-15). */
.lmx-cmp--hub > .lmx-msec--h3{background-color:#050708}