/* MUZELLE NAVIGATION v2 — scoped to the existing ExpertLearner header. */
#site-header.mz-header {
  --mz-cream:#FAF6EE;--mz-ink:#242b29;--mz-green:#1E5631;
  --mz-line:#E5DED2;--mz-muted:#61716a;
  background:var(--mz-cream);color:var(--mz-ink);
  border-bottom:1px solid var(--mz-line);
  box-shadow:0 2px 18px rgba(38,46,38,.035);
}
#site-header.mz-header .el-header-inner{position:relative;}
#site-header.mz-header .el-brand .el-brand-home .custom-logo{
  width:auto;max-width:188px;height:47px;max-height:47px;min-width:0;
  inline-size:auto;block-size:47px;flex:0 1 auto;object-fit:contain;
}
#site-header.mz-header .el-brand-home{max-width:195px;}
#site-header.mz-header .el-brand .el-brand-name{font:700 1.35rem/1.2 Georgia,serif;letter-spacing:.12em;color:var(--mz-ink);}
#site-header.mz-header .el-header-teach{
  background:var(--mz-green);color:#fff;border:1px solid var(--mz-green);border-radius:9px;
  box-shadow:0 2px 3px rgba(30,86,49,.08);font-weight:740;
  transition:background-color .18s ease,transform .18s ease;
}
#site-header.mz-header .el-header-teach:hover{background:#143e25;transform:translateY(-1px);color:#fff}
#site-header.mz-header .el-icon-button{color:var(--mz-ink)}
#site-header.mz-header .el-icon-button:hover{background:#EDEFE7}
#site-header.mz-header .el-header-search-panel{background:var(--mz-cream)}
#site-header.mz-header .el-mobile-panel:not([hidden]){background:var(--mz-cream)}

/* Avoid modifying the underlying WP menu records; the new nav is generated from real content. */
#site-header .mz-menu{display:flex;align-items:center;gap:clamp(6px,1.1vw,17px)}
#site-header .mz-menu-entry{position:static}
#site-header .mz-menu-trigger,#site-header .mz-menu-about{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:46px;padding:10px 12px;border:0;border-radius:9px;background:transparent;
  font:650 .92rem/1.3 system-ui,-apple-system,'Segoe UI',sans-serif;
  color:var(--mz-ink);white-space:nowrap;text-decoration:none;cursor:pointer;
}
#site-header .mz-menu-trigger:hover,#site-header .mz-menu-about:hover,
#site-header .mz-menu-trigger[aria-expanded=true]{color:var(--mz-green);background:rgba(30,86,49,.075)}
#site-header .mz-menu-trigger:focus-visible,#site-header .mz-menu-about:focus-visible,
#site-header .mz-mega-panel a:focus-visible{outline:3px solid #B99B5E;outline-offset:2px}
#site-header .mz-down{width:7px;height:7px;border-right:1.7px solid currentColor;
 border-bottom:1.7px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s}
#site-header [aria-expanded=true] .mz-down{transform:rotate(225deg) translateY(-1px)}
#site-header .mz-mega-panel[hidden]{display:none!important}
#site-header .mz-mega-panel{
  position:absolute;top:calc(100% + 1px);left:50%;transform:translateX(-50%);
  width:min(910px,calc(100vw - 36px));max-width:100%;box-sizing:border-box;
  background:#FFFEFB;border:1px solid var(--mz-line);border-top:3px solid var(--mz-green);
  border-radius:0 0 17px 17px;box-shadow:0 22px 56px rgba(31,48,39,.17);
  padding:24px 24px 0;z-index:95;color:var(--mz-ink);
  animation:mz-panel-in .21s cubic-bezier(.17,.8,.33,1) both;
}
@keyframes mz-panel-in{from{opacity:0;translate:0 -10px}to{opacity:1;translate:0 0}}
#site-header .mz-panel-heading{display:flex;align-items:start;justify-content:space-between;gap:22px;padding-bottom:17px;border-bottom:1px solid #ECE8E1}
#site-header .mz-panel-kicker{font:750 .69rem/1.2 system-ui,sans-serif;letter-spacing:.15em;color:var(--mz-green)}
#site-header .mz-panel-heading h2{font:600 1.64rem/1.18 Georgia,serif;margin:7px 0 7px;color:#24362c}
#site-header .mz-panel-heading p{font:.87rem/1.45 system-ui,sans-serif;margin:0;color:var(--mz-muted)}
#site-header .mz-panel-heading-link{flex:none;display:inline-flex;gap:9px;align-items:center;min-height:40px;padding:8px 12px;
 border-radius:8px;border:1px solid #CFE0D2;color:var(--mz-green);font:.78rem/1.3 system-ui,sans-serif;font-weight:750;text-decoration:none}
#site-header .mz-panel-heading-link:hover{background:#EDF5EE}
#site-header .mz-mega-dialects{width:min(965px,calc(100vw - 36px))}
#site-header .mz-dialect-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;
 max-height:min(46vh,345px);overflow-y:auto;overscroll-behavior:contain;padding:16px 3px 17px 0;scrollbar-color:#B8C9B8 transparent}
#site-header .mz-dialect-choice{display:flex;align-items:center;gap:10px;min-width:0;min-height:65px;padding:9px;
 border:1px solid transparent;border-radius:10px;color:var(--mz-ink);text-decoration:none;transition:background-color .16s,border-color .16s}
#site-header .mz-dialect-choice:hover{background:#F5F8F1;border-color:#E1EAE0}
#site-header .mz-dialect-thumb{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border:1px solid #CAD9CC;
 border-radius:9px;background:#E7F0E6;color:var(--mz-green);font:800 .78rem/1 system-ui,sans-serif;letter-spacing:.035em}
#site-header .mz-choice-copy{display:grid;gap:4px;min-width:0}
#site-header .mz-choice-copy strong{font:680 .81rem/1.26 system-ui,sans-serif;color:#26332d;white-space:normal;overflow-wrap:break-word}
#site-header .mz-choice-copy small{font:.7rem/1.3 system-ui,sans-serif;color:#64736c}
#site-header .mz-choice-arrow{color:#99AFA1;font-size:.95rem;margin-left:auto;align-self:center}
#site-header .mz-panel-footer{margin:0 -24px;display:flex;align-items:center;justify-content:space-between;gap:15px;
 padding:12px 24px;background:#F3F7F0;border-top:1px solid #E2EBE0;border-radius:0 0 16px 16px;
 font:.77rem/1.4 system-ui,sans-serif;color:var(--mz-muted)}
#site-header .mz-panel-footer a{color:var(--mz-green);font-weight:750;text-decoration:none}
#site-header .mz-panel-footer a:hover{text-decoration:underline}
#site-header .mz-course-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:17px 0 19px;max-height:min(56vh,400px);overflow-y:auto}
#site-header .mz-course-choice{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid #EBE9E2;border-radius:12px;
 text-decoration:none;background:#fff;color:var(--mz-ink);min-width:0;transition:border-color .15s,background-color .15s}
#site-header .mz-course-choice:hover{background:#F7FAF5;border-color:#C8DECE}
#site-header .mz-course-thumb{width:96px;height:77px;flex:none;overflow:hidden;border-radius:9px;background:#E7E7DD}
#site-header .mz-course-thumb img{display:block;width:100%;height:100%;object-fit:cover}
#site-header .mz-course-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#244936,#71927B);color:#F7F0DF}
#site-header .mz-course-fallback svg{width:32px;height:32px}
#site-header .mz-course-copy{display:grid;min-width:0;gap:5px}
#site-header .mz-course-copy small{font:750 .67rem/1.3 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--mz-green)}
#site-header .mz-course-copy strong{font:650 .86rem/1.33 system-ui,sans-serif;color:#27342E;display:-webkit-box;
 -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#site-header .mz-course-copy>span{font:.73rem/1.35 system-ui,sans-serif;color:#718078;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
#site-header .mz-panel-empty{padding:22px;color:#53635B;grid-column:1/-1}
#site-header .mz-panel-empty a{color:var(--mz-green)}

/* Desktop header composition and unclipped dropdown anchor. */
@media (min-width:1100px){
  #site-header.mz-header .el-header-inner{grid-template-columns:minmax(150px,190px) minmax(0,1fr) auto;gap:clamp(9px,1.1vw,17px)}
  #site-header.mz-header .el-primary-nav{display:block;position:static;min-width:0}
  #site-header.mz-header .el-header-actions{gap:clamp(3px,.45vw,10px)}
  #site-header.mz-header .el-header-teach{min-height:43px;padding:9px 13px;font-size:.83rem}
  #site-header.mz-header .el-account-links>a,#site-header.mz-header .el-user-menu>summary{font-size:.78rem}
}
@media (min-width:1100px) and (max-width:1210px){
  #site-header .mz-menu{gap:2px}
  #site-header .mz-menu-trigger,#site-header .mz-menu-about{font-size:.82rem;padding-inline:7px}
  #site-header.mz-header .el-account-links>a,#site-header.mz-header .el-user-menu>summary{padding-inline:2px}
}
/* Narrow layouts use the existing, keyboard-trapped mobile panel as an accordion. */
@media (max-width:1099px){
  #site-header.mz-header .el-header-teach{display:inline-flex;padding:9px 12px;font-size:.82rem}
  #site-header .mz-menu-mobile{display:flex;flex-direction:column;gap:7px}
  #site-header .mz-menu-mobile .mz-menu-entry{display:block;width:100%}
  #site-header .mz-menu-mobile .mz-menu-trigger,#site-header .mz-menu-mobile .mz-menu-about{
    display:flex;justify-content:space-between;width:100%;min-height:49px;padding:11px 14px;background:#FFFEFB;
    border:1px solid var(--mz-line);border-radius:10px;text-align:start;font-size:.94rem;
  }
  #site-header .mz-menu-mobile .mz-mega-panel{
    position:static;top:auto;left:auto;transform:none;width:100%;max-width:none;
    padding:17px 15px 0;box-shadow:0 10px 23px rgba(27,50,35,.05);border:1px solid #DCE9DB;
    margin:7px 0 12px;border-radius:12px;
  }
  #site-header .mz-menu-mobile .mz-panel-heading{gap:12px}
  #site-header .mz-menu-mobile .mz-panel-heading h2{font-size:1.25rem}
  #site-header .mz-menu-mobile .mz-panel-heading-link{font-size:.73rem;padding:7px}
  #site-header .mz-menu-mobile .mz-dialect-options{grid-template-columns:repeat(2,minmax(0,1fr));max-height:44vh}
  #site-header .mz-menu-mobile .mz-course-options{grid-template-columns:1fr;max-height:52vh}
  #site-header .mz-menu-mobile .mz-panel-footer{margin:0 -15px;padding:12px 15px}
  #site-header .mz-menu-mobile .mz-dialect-choice{min-height:60px;padding:7px 4px}
}
@media (min-width:1100px){
  #site-header.el-force-compact .el-primary-nav{display:none}
  #site-header.el-force-compact .el-menu-toggle{display:inline-flex}
  #site-header.el-force-compact .el-mobile-panel:not([hidden]){display:block}
  #site-header.el-force-compact .mz-menu-mobile{display:flex;flex-direction:column;gap:7px}
  #site-header.el-force-compact .mz-menu-mobile .mz-menu-entry{display:block;width:100%}
  #site-header.el-force-compact .mz-menu-mobile .mz-menu-trigger,
  #site-header.el-force-compact .mz-menu-mobile .mz-menu-about{display:flex;justify-content:space-between;width:100%;padding:11px 14px;background:#FFFEFB;border:1px solid var(--mz-line);border-radius:9px}
  #site-header.el-force-compact .mz-menu-mobile .mz-mega-panel{position:static;top:auto;left:auto;transform:none;max-width:none;width:100%;box-shadow:none;padding:16px;margin:5px 0 12px}
  #site-header.el-force-compact .mz-menu-mobile .mz-dialect-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  #site-header.el-force-compact .mz-menu-mobile .mz-course-options{grid-template-columns:1fr}
}
@media (max-width:480px){
  #site-header.mz-header .el-header-teach{display:none}
  #site-header.mz-header .el-brand .el-brand-home .custom-logo{height:37px;max-width:142px;block-size:37px}
  #site-header .mz-menu-mobile .mz-dialect-options{grid-template-columns:1fr;max-height:43vh}
  #site-header .mz-menu-mobile .mz-panel-heading-link{display:none}
  #site-header .mz-menu-mobile .mz-panel-footer{font-size:.7rem}
  #site-header .mz-menu-mobile .mz-dialect-choice{min-height:56px}
}
@media (prefers-reduced-motion:reduce){
  #site-header .mz-mega-panel{animation:none!important}
  #site-header .mz-menu-trigger,#site-header .mz-dialect-choice,#site-header .mz-course-choice{transition:none!important}
}

/* MUZELLE_ACCOUNT_DASHBOARD_MENU_V1 — consistent with the dark Tutor dashboard. */
#site-header.mz-header .el-user-menu > summary{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;
  padding:9px 10px;border-radius:9px;color:#243542;
  font:700 .85rem/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;
}
#site-header.mz-header .el-user-menu[open] > summary,
#site-header.mz-header .el-user-menu > summary:hover{
  background:#e7f1e9;color:#17663e;
}
#site-header.mz-header .el-user-menu > ul{
  position:absolute;inset-inline-end:0;inset-inline-start:auto;
  top:calc(100% + 8px);z-index:110;width:276px;
  min-width:0;max-width:calc(100vw - 30px);
  margin:0;padding:9px;background:#1f2631;color:#f5f8fb;
  border:1px solid #455566;border-radius:13px;
  box-shadow:0 20px 46px rgba(14,24,33,.26);
  list-style:none;white-space:normal;
}
#site-header.mz-header .el-user-menu > ul li{
  display:block;margin:0;padding:0;list-style:none;
}
#site-header.mz-header .el-user-menu > ul li.el-account-menu-kicker{
  padding:8px 12px 9px;color:#a6d3bc;font:750 .67rem/1.3 system-ui,sans-serif;
  text-transform:uppercase;letter-spacing:.12em;
}
#site-header.mz-header .el-user-menu > ul li > a{
  display:flex;align-items:center;width:100%;min-height:44px;
  padding:10px 12px;border-radius:8px;
  font:650 .875rem/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#f3f7fa!important;background:transparent;text-decoration:none!important;
  white-space:normal;overflow-wrap:anywhere;
}
#site-header.mz-header .el-user-menu > ul li > a:hover,
#site-header.mz-header .el-user-menu > ul li > a:focus-visible{
  background:#17663e;color:#fff!important;
}
#site-header.mz-header .el-user-menu > ul li.el-account-menu-divider{
  margin-top:7px;padding-top:7px;border-top:1px solid #475360;
}
/* Match the same menu vocabulary inside the existing responsive mobile panel. */
#site-header.mz-header .el-mobile-account{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid #d5ded9;
}
#site-header.mz-header .el-mobile-account > a{
  display:flex;justify-content:flex-start;align-items:center;
  min-width:0;min-height:44px;padding:10px 13px;
  border-radius:9px;border:1px solid #35475a;
  background:#1f2631;color:#f4f8fb!important;
  text-decoration:none;font:650 .87rem/1.4 system-ui,sans-serif;
  white-space:normal;overflow-wrap:anywhere;
}
#site-header.mz-header .el-mobile-account > a:hover,
#site-header.mz-header .el-mobile-account > a:focus-visible{
  background:#17663e;color:#fff!important;
}
@media(max-width:480px){#site-header.mz-header .el-mobile-account{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#site-header.mz-header .el-user-menu > ul{transition:none}}