/* Course and unit directories from the approved references. No player or theme chrome. */
body.mzb-style-panel :is(.mzb-map--overview,.mzb-exercise-layout--directory){
    --mzb-style-ink:#101f50;
    --mzb-panel-accent:#4f46e5;
    --mzb-panel-muted:#5e6c8b;
    --mzb-panel-line:#e3e7f6;
    --mzb-style-body-font:Arial,Helvetica,sans-serif;
    --mzb-style-heading-font:var(--mzb-style-body-font);
    font-weight:400;
    color:var(--mzb-style-ink);
}
.mzb-ui-icon{display:block;width:24px;height:24px;flex:0 0 24px}
.mzb-nav-image{display:block;max-width:100%;object-fit:contain}
body.mzb-style-neo.mzb-style-panel .mzb-map--overview{max-width:1280px;margin:56px auto 84px;container: mzb-course / inline-size}
body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__heading{margin:0 0 34px}
body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__heading :is(h1,h2){font-size:60px;line-height:1.15;letter-spacing:-.045em;margin:0 0 14px;color:var(--mzb-style-ink)}
body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__heading>p{font-size:24px;line-height:1.5;color:var(--mzb-panel-muted)}
body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__units{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px;align-items:stretch}
body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__unit{padding:0;background:#f9faff;border:1px solid var(--mzb-panel-line);box-shadow:none;overflow:hidden}
body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__unit:hover{border-color:#b4b6ef;background:#f5f5ff;box-shadow:0 4px 16px #101f5008}
body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__unit-link{display:grid;grid-template-columns:90px minmax(0,1fr) 22px;align-items:center;gap:14px;min-height:152px;padding:24px 18px;box-shadow:none}
body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__unit-link:focus-visible{outline-offset:-4px}
body.mzb-style-neo.mzb-style-panel .mzb-map__unit-visual{display:block;width:90px}
body.mzb-style-neo.mzb-style-panel .mzb-map__unit-visual .mzb-nav-image{width:90px;height:104px}
body.mzb-style-neo.mzb-style-panel .mzb-map__unit-copy{align-self:center;min-width:0}
body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__number{font-size:14px;font-weight:500;line-height:1.4;color:var(--mzb-panel-accent)!important;letter-spacing:0;margin:0 0 12px}
body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__number::before{content:none}
body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__unit-link h3{font-size:20px;line-height:1.35;letter-spacing:-.05em;font-weight:600;margin:0;color:var(--mzb-style-ink)}
body.mzb-style-neo.mzb-style-panel .mzb-map__arrow{display:block;align-self:center;justify-self:end;line-height:1}
body.mzb-style-neo.mzb-style-panel .mzb-map__unit-status{display:block;font-size:13px;color:var(--mzb-panel-muted);margin-top:8px}
body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__unit-progress{margin:0 18px;padding:12px 0 16px}

/* Content precedes navigation in the DOM; CSS places the navigation to the left. */
body.mzb-style-neo.mzb-style-panel .mzb-exercise-layout--directory{max-width:1280px;margin:0 auto;background:#fff}
body.mzb-style-neo.mzb-style-panel .mzb-exercise-layout--directory .mzb-exercise-layout__grid{grid-template-columns:minmax(190px,21.3%) minmax(0,1fr);gap:0;align-items:stretch}
body.mzb-style-neo.mzb-style-panel .mzb-exercise-layout--directory .mzb-exercise-layout__main{padding:33px 32px 44px;border:0;border-left:1px solid #edf0f8;border-radius:0;background:#fff;container:mzb-directory-content / inline-size}
body.mzb-style-neo.mzb-style-panel .mzb-exercise-layout--directory .mzb-sidebar{padding:16px 8px 24px 20px;align-self:start}
body.mzb-style-neo.mzb-style-panel .mzb-exercise-layout--directory .mzb-sidebar__header{margin:0 0 14px;padding:0}
body.mzb-style-neo.mzb-style-panel .mzb-exercise-layout--directory .mzb-sidebar .mzb-sidebar__course{min-height:44px;font-size:14px;gap:8px;color:var(--mzb-panel-accent)!important}
body.mzb-style-neo.mzb-style-panel .mzb-exercise-layout--directory .mzb-sidebar__course .mzb-ui-icon{width:20px;height:20px;flex-basis:20px}
body.mzb-style-neo.mzb-style-panel .mzb-exercise-layout--directory .mzb-sidebar__label{display:none}
body.mzb-style-neo.mzb-style-panel .mzb-exercise-layout--directory .mzb-sidebar .mzb-sidebar__tiles{gap:0}
body.mzb-style-neo.mzb-style-panel .mzb-exercise-layout--directory .mzb-sidebar .mzb-sidebar__tile{min-height:50px;padding:13px 12px;background:#fff;border-color:transparent;border-radius:var(--mzb-radius)}
body.mzb-style-neo.mzb-style-panel .mzb-exercise-layout--directory .mzb-sidebar .mzb-sidebar__tile[aria-current=location]{padding:14px 12px;background:#f0f0ff;border-color:#ededff;color:var(--mzb-panel-accent)!important}
body.mzb-style-neo.mzb-style-panel .mzb-exercise-layout--directory .mzb-sidebar .mzb-sidebar__tile:hover{background:#f6f6ff;color:var(--mzb-panel-accent)!important}
body.mzb-style-neo.mzb-style-panel .mzb-exercise-layout--directory .mzb-sidebar__tile strong{font-size:16px;line-height:1.5;font-weight:400;letter-spacing:-.025em}
body.mzb-style-neo.mzb-style-panel .mzb-exercise-layout--directory .mzb-sidebar__tile[aria-current=location] strong{font-weight:600}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory{max-width:none;margin:0}
body.mzb-style-neo.mzb-style-panel .mzb-map__breadcrumbs{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px;font-size:13px;line-height:1.6;color:var(--mzb-panel-muted);margin:0 0 34px}
body.mzb-style-neo.mzb-style-panel .mzb-map__breadcrumbs a{color:#5967ac;text-decoration:none}
body.mzb-style-neo.mzb-style-panel .mzb-map__breadcrumbs a:hover{text-decoration:underline}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__hero--unit{margin:0 0 28px;padding:0}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__hero--unit :is(h1,h2){font-size:38px!important;line-height:1.2;letter-spacing:-.04em;color:var(--mzb-style-ink);overflow-wrap:normal}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__stats,
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__tasks-heading,
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__toolbar label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__toolbar{display:block;position:relative;margin:0 0 32px}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__toolbar>.mzb-ui-icon{position:absolute;inset:15px auto auto 14px;width:22px;height:22px;pointer-events:none;opacity:.75}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__toolbar input{display:block;min-height:53px;padding:12px 16px 12px 50px;font-family:inherit;font-size:16px;line-height:1.5;border:1px solid #d5daf5;background:#f8f8ff;color:var(--mzb-style-ink)}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__toolbar input::placeholder{color:#6c7896;opacity:1}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__units--tasks{display:block}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__units--tasks>.mzb-map__unit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:30px;padding:0;margin:0;border:0;background:transparent;box-shadow:none}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__topic{padding:0;margin:0;border:0;min-width:0}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__topic-heading{display:flex;align-items:center;gap:18px;min-height:82px;padding:11px 14px;margin:0;background:#f7f6ff;border-radius:var(--mzb-radius);font-size:19px;line-height:1.3;font-weight:650;letter-spacing:-.035em}
body.mzb-style-neo.mzb-style-panel .mzb-map__topic-heading .mzb-nav-image{flex:0 0 60px;width:60px;height:60px}
body.mzb-style-neo.mzb-style-panel .mzb-map__topic-heading a{color:var(--mzb-style-ink);text-decoration:none}
body.mzb-style-neo.mzb-style-panel .mzb-map__topic-heading a:hover{text-decoration:underline;text-underline-offset:3px}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__topic ul{padding:0 3px!important}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__task-card{display:block;padding:0;margin:0;border:0;border-bottom:1px solid var(--mzb-panel-line);border-radius:0;background:#fff;box-shadow:none;min-width:0}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__topic li+li{margin:0}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__task{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;column-gap:14px;min-height:52px;padding:13px 4px;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;color:var(--mzb-style-ink)!important}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__task:hover{background:#f9f9ff;color:var(--mzb-panel-accent)!important}
body.mzb-style-neo.mzb-style-panel .mzb-map__task-title{font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.03em;overflow-wrap:anywhere}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__task .mzb-ui-icon{width:20px;height:20px}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__task-progress{padding:0 4px 10px}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__continue{margin:0 4px 12px;min-height:44px;padding:8px 12px;font-size:13px}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__progress-filters{margin:0 0 20px}
body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__soon{grid-column:1/-1;margin:0!important}
body.mzb-style-neo.mzb-style-panel :is(.mzb-map--overview,.mzb-map--directory) a:focus-visible{outline:3px solid var(--mzb-panel-accent);outline-offset:3px}

/* Scoped Divi and native block-theme content widths. Global header/footer stay in Divi. */
body.mzb-course-overview.mzb-style-panel .et_pb_row:has(.mzb-map--overview),
body.mzb-course-overview.mzb-style-panel #main-content>.container:has(.mzb-map--overview){width:94%;max-width:1280px}
body.mzb-style-panel .is-layout-constrained>.mzb-map--overview{width:94%;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important}
body.mzb-course-layout.mzb-style-panel .et_pb_row:has(.mzb-exercise-layout--directory),
body.mzb-course-layout.mzb-style-panel #main-content>.container:has(.mzb-exercise-layout--directory){width:100%;max-width:1280px}
body.mzb-style-panel .is-layout-constrained>.mzb-exercise-layout--directory{max-width:1280px!important}
body.mzb-course-layout.mzb-style-panel :is(.et_pb_section,.et_pb_row):has(.mzb-exercise-layout--directory){padding-top:0;padding-bottom:0}
body.mzb-course-overview.et_divi_theme #left-area>article>.et_post_meta_wrapper:first-child{width:100%;margin-left:0}

@container mzb-course (max-width:1080px){
    body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__units{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container mzb-course (max-width:620px){
    body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__units{grid-template-columns:1fr;gap:14px}
    body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__heading :is(h1,h2){font-size:40px}
    body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__heading>p{font-size:18px}
    body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__unit-link{grid-template-columns:70px minmax(0,1fr) 20px;gap:16px;min-height:126px;padding:18px 14px}
    body.mzb-style-neo.mzb-style-panel .mzb-map__unit-visual{width:70px}
    body.mzb-style-neo.mzb-style-panel .mzb-map__unit-visual .mzb-nav-image{width:70px;height:80px}
    body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__unit-link h3{font-size:18px}
    body.mzb-style-neo.mzb-style-panel .mzb-map--overview .mzb-map__number{margin-bottom:8px}
}
@container mzb-task (max-width:760px){
    body.mzb-style-neo.mzb-style-panel .mzb-exercise-layout--directory .mzb-exercise-layout__grid{grid-template-columns:1fr}
    body.mzb-style-neo.mzb-style-panel .mzb-exercise-layout--directory .mzb-exercise-layout__main{padding:28px 20px;border:0}
    body.mzb-style-neo.mzb-style-panel .mzb-exercise-layout--directory .mzb-sidebar{padding:20px;border-top:1px solid var(--mzb-panel-line)}
    body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__units--tasks>.mzb-map__unit{grid-template-columns:1fr;row-gap:28px}
    body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__hero--unit :is(h1,h2){font-size:32px!important}
    body.mzb-style-neo.mzb-style-panel .mzb-map__breadcrumbs{margin-bottom:24px}
    body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__toolbar{margin-bottom:24px}
}
@container mzb-directory-content (max-width:620px){
    body.mzb-style-neo.mzb-style-panel .mzb-map--directory .mzb-map__units--tasks>.mzb-map__unit{grid-template-columns:1fr}
}