/* =========================================================================
 * Careers — the frame of /jobs/ and of the job 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 job list is a
 * data-tall section (it scrolls inside the container); a job page is one
 * data-tall section and the container scrolls itself.
 * ====================================================================== */

.lmx-msec--j1,
.lmx-msec--j2,
.lmx-msec--sj1,
.lmx-msec--empty{background-color:#000}

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

/* The “Company” parent is active on these pages (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)}