/* Keep desktop typography intact; mobile navigation uses one rounded icon family. */
.mj-nav-symbol>svg{display:none}
.mj-menu-close-stroke{display:none}
@media(max-width:900px){
  /* SVG slots remove font-baseline drift in Safari. Do not transform the
     controls themselves: their grid position and RTL direction stay intact. */
  body.ml-player-page .ml-adaptive-controls__primary button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;line-height:1}
  body.ml-player-page .ml-adaptive-controls__primary button:not(.is-slow)>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;min-height:0;padding:0;margin:0;line-height:1}
  body.ml-player-page .ml-adaptive-controls__primary .is-play{padding:0}
  body.ml-player-page .ml-adaptive-controls__primary button:not(.is-slow)>span>svg{display:block;width:24px;height:24px;margin:0;padding:0}
  body.ml-player-page .ml-adaptive-controls__primary [data-learning-line-step] svg{fill:currentColor;stroke:none}
  body.ml-player-page .ml-adaptive-controls__primary .is-slow{background:transparent;border-color:transparent;box-shadow:none;color:inherit}
  body.ml-player-page .ml-adaptive-controls__primary .is-slow.is-active{background:transparent;border-color:transparent;box-shadow:none;color:var(--mj-primary)}
  body.mj-app :is(.mj-nav-icon-only,.splide__arrow){align-items:center;justify-content:center;justify-items:center;padding:0;line-height:1}
  body.mj-app .mj-nav-icon-only>.mj-nav-symbol{margin:0}
  body.mj-app :is(.mj-header__actions .mj-icon-button,.mj-bottom-nav__icon,.mj-nav-icon-only,.splide__arrow)>svg{display:block;flex:none;align-self:center;justify-self:center;margin:0}
  body.mj-app .mj-nav-back-icon{display:block;flex:none;align-self:center;justify-self:center;margin:0}
  body.mj-app{--mj-nav-edge:color-mix(in srgb,var(--mj-text) 12%,transparent);--mj-nav-fill:color-mix(in srgb,var(--mj-text) 5%,var(--mj-bg));--mj-nav-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
  body.mj-app .mj-nav-symbol{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;width:20px!important;height:20px!important;min-width:20px;flex:0 0 20px;padding:0!important;margin:0 2px;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:inherit!important;line-height:1;font-style:normal;transform:none}
  body.mj-app .mj-nav-symbol::before,body.mj-app .mj-nav-symbol::after{content:none!important}
  body.mj-app .mj-nav-symbol>.mj-nav-symbol__fallback{display:none!important}
  body.mj-app .mj-nav-symbol>svg{display:block!important;width:20px!important;height:20px!important;flex:none;fill:none!important;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transform:none!important}
  body.mj-app .mj-nav-icon-only{display:inline-grid;place-items:center;box-sizing:border-box;min-width:44px;min-height:44px;padding:0;border:1px solid var(--mj-nav-edge);border-radius:14px;background:var(--mj-nav-fill);color:var(--mj-text);line-height:1;box-shadow:inset 0 1px 0 #ffffff08}
  body.mj-app :is(.mj-header__actions .mj-icon-button,.mj-catalog-mobile-heading>a,.mj-mobile-phrases-heading>a,.mj-mobile-feature-heading>a,.mj-run-mobile-heading>a,.mj-device-heading>a,.ml-mobile-context-back){border:1px solid var(--mj-nav-edge);border-radius:14px;background:var(--mj-nav-fill);color:var(--mj-text);box-shadow:inset 0 1px 0 #ffffff08}
  body.mj-app :is(.mj-header__actions,.mj-bottom-nav,.mj-nav-icon-only) svg{stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  body.mj-app :is(.mj-nav-icon-only,.mj-header__actions .mj-icon-button):active{background:var(--mj-primary-soft);border-color:var(--mj-primary);color:var(--mj-primary)}
  body.mj-app :is(.mj-nav-enhanced,.mj-icon-button):focus-visible{outline:2px solid var(--mj-primary);outline-offset:3px}
  body.mj-app :is(.mj-nav-enhanced,.mj-icon-button):disabled{opacity:.4;box-shadow:none}
  body.mj-app .mj-bottom-nav__icon{border-radius:13px}
  body.mj-app .mj-bottom-nav a.is-active .mj-bottom-nav__icon{box-shadow:inset 0 1px 0 #ffffff28,0 3px 8px #0002}
  /* Disclosure state stays driven by existing open/expanded attributes. */
  body.mj-app :is(.mj-learning-title__action i,.ml-season-accordion summary>i,.mj-learning-episode__chevron,.ml-season-episode-card__chevron){border-radius:11px;background:var(--mj-nav-fill);color:var(--mj-text);border:1px solid var(--mj-nav-edge)}
  body.mj-app :is(.mj-learning-title__action i,.ml-season-accordion summary>i,.mj-learning-episode__chevron,.ml-season-episode-card__chevron)::before{width:20px;height:20px;border:0;background:currentColor;-webkit-mask:var(--mj-nav-chevron) center/contain no-repeat;mask:var(--mj-nav-chevron) center/contain no-repeat;transform:none;transition:none}
  body.mj-app :is(.mj-learning-title.is-open .mj-learning-title__action i,.ml-season-accordion[open] summary>i,.mj-learning-episode-card.is-open .mj-learning-episode__chevron,.ml-season-episode-card.is-open .ml-season-episode-card__chevron)::before{transform:rotate(180deg)}
  body.mj-app .mj-learning-title.is-open .mj-learning-title__action i{transform:none}
  body.mj-app .mj-learning-title__action i.is-arrow::before{transform:rotate(90deg)}
  body.mj-app .mj-mobile-title-about summary::after{content:'';display:block;flex:0 0 20px;width:20px;height:20px;background:currentColor;-webkit-mask:var(--mj-nav-chevron) center/contain no-repeat;mask:var(--mj-nav-chevron) center/contain no-repeat}
  body.mj-app .mj-mobile-title-about[open] summary::after{content:'';transform:rotate(180deg)}
  body.mj-app .mj-menu-toggle[aria-expanded=true] .mj-menu-open-stroke{display:none}
  body.mj-app .mj-menu-toggle[aria-expanded=true] .mj-menu-close-stroke{display:block}
}