.mzb-exercise-layout{--mzb-layout-gap:24px;container-type:inline-size;container-name:mzb-task;position:relative;min-width:0;margin:20px 0 35px;color:#26334a}
.mzb-exercise-layout__grid{--mzb-sidebar-compact:0;display:grid;grid-template-areas:"sidebar main";grid-template-columns:minmax(0,1fr) minmax(0,4fr);gap:var(--mzb-layout-gap);align-items:start}
.mzb-exercise-layout__main{grid-area:main;min-width:0}.mzb-exercise-layout__main .mzb-player{max-width:none}
.mzb-exercise-layout>p:empty,.mzb-sidebar p:empty{display:none}.mzb-sidebar p{margin:0;padding:0}
.mzb-exercise-layout__skip{position:absolute;z-index:8;left:0;top:0;padding:12px;background:#fff;color:#4f36a1;border:2px solid currentColor;border-radius:var(--mzb-radius);transform:translateY(-10000px)}
.mzb-exercise-layout__skip:focus{transform:none}
.mzb-sidebar{grid-area:sidebar;font:inherit;font-size:14px;line-height:1.5;min-width:0}.mzb-sidebar *{box-sizing:border-box}.mzb-sidebar [hidden]{display:none!important}
.mzb-sidebar__header{padding:17px 15px;border:1px solid #e0d9ef;border-radius:var(--mzb-radius);background:linear-gradient(130deg,#f2edff,#f7fbfa);margin-bottom:12px}
.mzb-sidebar__eyebrow{display:block;font-size:9px;font-weight:800;letter-spacing:1.5px;color:#7359a9;margin-bottom:7px}
.mzb-sidebar .mzb-sidebar__header h2{font:inherit;font-size:18px!important;font-weight:800;line-height:1.35;color:#26334a;padding:0;margin:0 0 9px;overflow-wrap:anywhere}
.mzb-sidebar a{text-decoration:none!important}.mzb-sidebar a:focus-visible,.mzb-sidebar button:focus-visible{outline:3px solid #b85d06;outline-offset:4px}
.mzb-sidebar .mzb-sidebar__course{display:inline-flex;align-items:center;gap:8px;color:#6245ad!important;font-size:11px;font-weight:750;min-height:30px}
.mzb-sidebar .mzb-sidebar__tiles{display:grid;grid-template-columns:1fr;gap:10px;list-style:none!important;padding:0!important;margin:0!important}
.mzb-sidebar .mzb-sidebar__tiles>li{list-style:none!important;padding:0!important;margin:0!important;min-width:0}
.mzb-sidebar__tile{--mzb-tile-color:#6245ad;--mzb-tile-soft:#f2edff;--mzb-tile-edge:#ded5ef;display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px;border:1px solid var(--mzb-tile-edge);border-radius:var(--mzb-radius);background:#fff;color:#26334a!important;box-shadow:0 4px 12px #26334a06;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}
.mzb-sidebar__tile--mint{--mzb-tile-color:#236b5b;--mzb-tile-soft:#eaf7f1;--mzb-tile-edge:#c8e6d8}
.mzb-sidebar__tile--blue{--mzb-tile-color:#235d91;--mzb-tile-soft:#edf6ff;--mzb-tile-edge:#cfe0f1}
.mzb-sidebar__tile--amber{--mzb-tile-color:#885b15;--mzb-tile-soft:#fff6df;--mzb-tile-edge:#eadbb9}
.mzb-sidebar__tile--coral{--mzb-tile-color:#974830;--mzb-tile-soft:#fff0e9;--mzb-tile-edge:#f0d4c8}
.mzb-sidebar__tile:hover{transform:translateY(-2px);border-color:var(--mzb-tile-color);box-shadow:0 7px 16px #26334a12}
.mzb-sidebar__tile[aria-current=location]{background:var(--mzb-tile-soft);border:2px solid var(--mzb-tile-color);padding:13px}
.mzb-sidebar__tile strong{font-size:16px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}
.mzb-sidebar__description{font-size:11px;line-height:1.5;color:#59677c;overflow-wrap:anywhere}
.mzb-sidebar__current{color:var(--mzb-tile-color);font-size:9px;letter-spacing:.5px;text-transform:uppercase;font-weight:800}
.mzb-sidebar__empty{padding:16px!important;font-size:12px;color:#59677c;background:#f6f4fa;border-radius:var(--mzb-radius)}
.mzb-sidebar__toggle{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font:inherit;font-size:14px;font-weight:750;width:100%;min-height:46px;padding:12px 16px;margin:0 0 12px;cursor:pointer;background:#f2edff;color:#583e9e;border:1px solid #d9ceee;border-radius:var(--mzb-radius)}
.mzb-sidebar__toggle>span{font-size:20px;transition:rotate .17s ease}.mzb-sidebar__toggle[aria-expanded=true]>span{rotate:180deg}
@container mzb-task (max-width:760px){.mzb-exercise-layout__grid{--mzb-sidebar-compact:0;grid-template-areas:"main" "sidebar";grid-template-columns:1fr;gap:20px}.mzb-sidebar__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 15px;padding:14px 16px}.mzb-sidebar__eyebrow{flex-basis:100%;margin:0}.mzb-sidebar .mzb-sidebar__header h2{font-size:17px!important;margin:0}.mzb-sidebar__tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@container mzb-task (max-width:420px){.mzb-sidebar__tiles{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.mzb-sidebar__tile,.mzb-sidebar__toggle>span{transition:none}.mzb-sidebar__tile:hover{transform:none}}

/* Scoped bridge for the observed default Divi single template. Theme Builder layouts
 * with their own structure are not replaced, and other post types are unaffected. */
.mzb-course-layout.et_divi_theme #main-content>.container>#content-area>#sidebar{display:none}
.mzb-course-layout.et_divi_theme #main-content>.container::before{display:none}
.mzb-course-layout.et_divi_theme #main-content>.container>#content-area>#left-area{width:100%;padding-right:0;float:none}
.mzb-course-layout.et_divi_theme #left-area>article{--mzb-layout-gap:24px;container-type:inline-size;container-name:mzb-default-article}
.mzb-course-layout.et_divi_theme #left-area>article>.et_post_meta_wrapper:first-child{width:calc((100% - var(--mzb-layout-gap)) / 5 * 4);margin-left:calc((100% - var(--mzb-layout-gap)) / 5 + var(--mzb-layout-gap))}
@container mzb-default-article (max-width:760px){.mzb-course-layout.et_divi_theme #left-area>article>.et_post_meta_wrapper:first-child{width:100%;margin-left:0}}