/* =========================================================================
 * Explore Integrations — the frame of the catalogue and of the detail pages.
 *
 * 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 page uses the same
 * .lmx-ms / .lmx-msec / .lmx-msec-inner classes; the catalogue section is
 * marked data-tall and scrolls inside the container. Here: the section
 * backgrounds and the special case of a detail page — it has a single section,
 * snapping stays off (page.js turns it on from two sections upwards), so the
 * container scrolls normally down to the footer.
 * ====================================================================== */

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

/* Detail page: one tall section, the container scrolls itself. */
@media (min-width:1025px){
.lmx-ms.lmx-int-single{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(82,199,198,.45) transparent}
.lmx-ms.lmx-int-single::-webkit-scrollbar{display:block;width:8px}
.lmx-ms.lmx-int-single::-webkit-scrollbar-thumb{background:rgba(82,199,198,.35);border-radius:8px}
}

/* The “Integrations” parent is active on the catalogue and on the detail
   pages: 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)}