/* =========================================================================
 * Resource Center — the frame of the catalogue page (/resources/) and of the
 * resource pages (/resources/<slug>/).
 *
 * The catalogue: a hero plus a tall section (data-tall) on the service-page
 * frame (assets/css/mxdr-service/page.css, handle lmx-ms). A resource page is
 * one tall section: snapping stays off (page.js turns it on from two sections
 * upwards) and the container scrolls itself down to the footer.
 * Here: the section backgrounds, the container scrolling and the shared tokens
 * of the section.
 * ====================================================================== */

.lmx-msec--r1,
.lmx-msec--r2,
.lmx-msec--rs1,
.lmx-msec--empty{background-color:#050708}

.lmx-rc-ms,
.lmx-rc-single{--rc-accent:#52C7C6;--rc-accent-hi:#83DAD9;--rc-on-accent:#04211F;--rc-line:rgba(255,255,255,.10);--rc-line-hi:rgba(255,255,255,.18);--rc-surface:rgba(255,255,255,.035);--rc-surface-hi:rgba(255,255,255,.065);--rc-muted:rgba(255,255,255,.58);--rc-text:rgba(255,255,255,.86);--rc-font:var(--lmx-ms-font,'Hanken Grotesk',Helvetica,Arial,sans-serif);--rc-display:var(--lmx-ms-display,'Outfit','Poppins',sans-serif)}

@media (min-width:1025px){
.lmx-ms.lmx-rc-single{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(82,199,198,.45) transparent}
.lmx-ms.lmx-rc-single::-webkit-scrollbar{display:block;width:8px}
.lmx-ms.lmx-rc-single::-webkit-scrollbar-thumb{background:rgba(82,199,198,.35);border-radius:8px}
}

/* The shared wrapper of the dark sections of this area: the grid background, the glow, the width. */
.lmx-rc-inner,.lmx-rs-inner{position:relative;width:100%;min-height:100vh;background:#050708 !important;color:#fff;font-family:var(--rc-font);padding:0 var(--lmx-section-padding-x);box-sizing:border-box;overflow:hidden}
.lmx-rc-inner *,.lmx-rs-inner *{box-sizing:border-box;min-width:0}
.lmx-rc-bg,.lmx-rs-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 34% at 50% 0%,rgba(82,199,198,.14),transparent 70%),radial-gradient(40% 30% at 85% 60%,rgba(82,199,198,.05),transparent 70%)}
.lmx-rc-bg::before,.lmx-rs-bg::before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 55% at 50% 18%,#000 20%,transparent 100%);mask-image:radial-gradient(70% 55% at 50% 18%,#000 20%,transparent 100%)}
.lmx-rc-bg::after{content:'';position:absolute;left:50%;top:0;width:min(720px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(82,199,198,.55),transparent)}
.lmx-rc-wrap{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:clamp(56px,7vw,96px) 0 clamp(64px,8vw,104px)}
.lmx-rs-wrap{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:clamp(40px,5vw,72px) 0 clamp(64px,8vw,104px)}

@media (max-width:1024px){
.lmx-rc-inner,.lmx-rs-inner{min-height:0;padding:84px var(--lmx-section-padding-x) 64px}
.lmx-rc-wrap,.lmx-rs-wrap{padding:0}
}

/* The “Knowledge Hub” parent is active across the section (nav-render sets the class). */
.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)}

@media (prefers-reduced-motion:reduce){
.lmx-rc-ms *,.lmx-rc-single *{transition:none !important;animation:none !important}
}