/* =========================================================================
 * FAQ — the frame of /faq/.
 *
 * 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 catalogue section is
 * marked data-tall and scrolls inside the container. Only the section
 * backgrounds and the parent highlight in the header live here.
 * ====================================================================== */

.lmx-msec--f1,
.lmx-msec--f2,
.lmx-msec--empty{background-color:#000}

/* On narrow screens the Phlox wrapper #inner-body has overflow-x:hidden /
   overflow-y:auto and becomes a “scrolling ancestor” — the sticky topic strip
   of the catalogue stopped sticking to the header. clip crops horizontally
   without creating a scroll container; the page has no horizontal overflow
   (checked). */
@media (max-width:1024px){
body.lmx-faq-page #inner-body{overflow-x:clip;overflow-y:visible}
}

/* The “Company” / “Knowledge Hub” parent is active on this page: nav-render
   adds the *-child-current class from the menu data; the styles live here
   only. */
.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)}