/* MJ CineLearn — product art direction and cross-surface component language. */
:root {
  --mj-bg: #070a0f;
  --mj-bg-soft: #0b1017;
  --mj-surface: #101720;
  --mj-surface-2: #16212b;
  --mj-surface-3: #1b2834;
  --mj-line: rgba(220,235,247,.085);
  --mj-line-strong: rgba(220,235,247,.17);
  --mj-text: #f5f7fa;
  --mj-muted: #98a8b8;
  --mj-primary: #42d69a;
  --mj-primary-strong: #24b97d;
  --mj-primary-soft: rgba(var(--mj-accent-rgb),.115);
  --mj-watch: #65bfff;
  --mj-watch-strong: #3a9de3;
  --mj-watch-soft: rgba(101,191,255,.12);
  --mj-progress: #f5bd58;
  --mj-progress-strong: #d99a2f;
  --mj-progress-soft: rgba(245,189,88,.12);
  --mj-gold: var(--mj-progress);
  --mj-danger: #ff7384;
  --mj-radius-sm: 12px;
  --mj-radius: 18px;
  --mj-radius-lg: 28px;
  --mj-shadow: 0 28px 80px rgba(0,0,0,.35);
  --mj-shadow-soft: 0 14px 44px rgba(0,0,0,.18);
  --mj-page: min(1540px, calc(100vw - 72px));
  --mj-header: 76px;
  --mj-font-latin: "Segoe UI", Inter, Arial, sans-serif;
}

html[data-theme="light"] {
  --mj-bg: #f3f6f5;
  --mj-bg-soft: #eaf0ed;
  --mj-surface: #ffffff;
  --mj-surface-2: #eaf1ee;
  --mj-surface-3: #dfe9e5;
  --mj-line: rgba(16,42,32,.105);
  --mj-line-strong: rgba(16,42,32,.19);
  --mj-text: #102019;
  --mj-muted: #65736d;
  --mj-primary: #118c61;
  --mj-primary-strong: #08734d;
  --mj-primary-soft: rgba(17,140,97,.09);
  --mj-watch: #1477b8;
  --mj-watch-strong: #0c619a;
  --mj-watch-soft: rgba(20,119,184,.09);
  --mj-progress: #a96500;
  --mj-progress-strong: #875000;
  --mj-progress-soft: rgba(169,101,0,.09);
  --mj-gold: var(--mj-progress);
  --mj-shadow: 0 28px 75px rgba(31,57,46,.13);
  --mj-shadow-soft: 0 14px 38px rgba(31,57,46,.08);
  --mj-theme-bg: var(--mj-bg);
  --mj-theme-surface: var(--mj-surface);
  --mj-theme-surface-raised: var(--mj-surface-2);
  --mj-theme-text: var(--mj-text);
  --mj-theme-muted: var(--mj-muted);
  --mj-theme-line: var(--mj-line);
}

html { background: var(--mj-bg); }
body.mj-app {
  background:
    radial-gradient(circle at 86% 5%, rgba(var(--mj-accent-rgb),.055), transparent 29rem),
    radial-gradient(circle at 12% 34%, rgba(101,191,255,.035), transparent 32rem),
    var(--mj-bg);
  font-size: 15px;
  letter-spacing: -.08px;
}
html[data-theme="light"] body.mj-app {
  background:
    radial-gradient(circle at 84% 5%, rgba(17,140,97,.065), transparent 30rem),
    radial-gradient(circle at 10% 36%, rgba(20,119,184,.035), transparent 34rem),
    var(--mj-bg);
}

body.mj-app h1,body.mj-app h2,body.mj-app h3,body.mj-app p { text-wrap: pretty; }
body.mj-app [dir="ltr"] { font-family: var(--mj-font-latin); }
body.mj-app :focus-visible { outline: 2px solid var(--mj-primary); outline-offset: 4px; box-shadow: 0 0 0 5px var(--mj-primary-soft); }

/* Header: one calm bar, not a row of unrelated tool boxes. */
.mj-header {
  border-bottom: 1px solid transparent;
  background: linear-gradient(180deg, rgba(7,10,15,.94), rgba(7,10,15,.66), transparent);
}
.mj-header.is-scrolled {
  height: 68px;
  border-color: var(--mj-line);
  background: rgba(7,10,15,.9);
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
  backdrop-filter: blur(24px) saturate(145%);
}
html[data-theme="light"] .mj-header,
html[data-theme="light"] .mj-header.is-scrolled { background: rgba(250,252,251,.9); }
.mj-header__inner { grid-template-columns: auto minmax(max-content,1fr) auto; gap: clamp(20px,3vw,48px); }
.mj-brand { gap: 11px; }
.mj-brand__mark { width: 41px; height: 41px; border-radius: 13px; background: linear-gradient(145deg,var(--mj-primary),#81e9bd); box-shadow: 0 10px 28px rgba(var(--mj-accent-strong-rgb),.2); }
.mj-brand__copy strong { font-size: 15px; }
.mj-brand__copy small { font-size: 8px; letter-spacing: 1.65px; }
.mj-primary-nav { width: fit-content; padding: 4px; gap: 2px; border: 1px solid var(--mj-line); border-radius: 14px; background: rgba(255,255,255,.025); }
.mj-primary-nav a { min-width: 68px; padding: 7px 13px 8px; border-radius: 10px; color: var(--mj-muted); text-align: center; font-size: 11px; font-weight: 720; }
.mj-primary-nav a:hover { background: rgba(255,255,255,.045); color: var(--mj-text); }
.mj-primary-nav a.is-active { background: var(--mj-surface-2); color: var(--mj-text); box-shadow: inset 0 0 0 1px var(--mj-line); }
.mj-primary-nav a.is-active::after { width: 16px; height: 2px; bottom: -5px; border-radius: 4px; }
.mj-header__actions { gap: 7px; }
.mj-search { width: clamp(220px,19vw,320px); height: 42px; border-radius: 12px; background: rgba(255,255,255,.035); }
.mj-search:focus-within { border-color: rgba(var(--mj-accent-rgb),.45); background: var(--mj-surface); }
.mj-icon-button { width: 42px; height: 42px; border-radius: 12px; background: transparent; }
.mj-account-link { width: auto; min-width: 42px; display: inline-flex; grid-auto-flow: column; gap: 7px; padding: 0 11px; }
.mj-account-link span { font-size: 9px; font-weight: 800; }
.mj-review-pulse { height: 42px; display: inline-flex; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid var(--mj-line); border-radius: 12px; color: var(--mj-muted); font-size: 9px; font-weight: 800; }
.mj-review-pulse:hover { border-color: rgba(245,189,88,.34); background: var(--mj-progress-soft); color: var(--mj-progress); }
.mj-review-pulse i { width: 7px; height: 7px; border-radius: 50%; background: var(--mj-progress); box-shadow: 0 0 12px var(--mj-progress); }

/* Action language is stable everywhere. */
.mj-button { min-height: 48px; padding-inline: 20px; border-radius: 13px; font-size: 11px; letter-spacing: -.1px; }
.mj-button--primary { background: var(--mj-primary); color: var(--mj-on-primary) !important; box-shadow: 0 12px 28px rgba(var(--mj-accent-strong-rgb),.18); }
.mj-button--primary:hover { background: var(--mj-primary-hover); box-shadow: 0 16px 38px rgba(var(--mj-accent-strong-rgb),.25); }
html[data-theme="light"] .mj-button--primary:hover { background: var(--mj-primary-strong); color: #fff !important; }
.mj-button--watch,.mjw-button--watch { border-color: rgba(101,191,255,.35) !important; background: var(--mj-watch) !important; color: #06121a !important; box-shadow: 0 12px 28px rgba(58,157,227,.18); }
.mj-button--watch:hover,.mjw-button--watch:hover { background: #8bd0ff !important; }
html[data-theme="light"] .mj-button--watch,html[data-theme="light"] .mjw-button--watch { color: #fff !important; }
.mj-button--progress { border-color: rgba(245,189,88,.3); background: var(--mj-progress); color: #201301 !important; box-shadow: 0 12px 28px rgba(217,154,47,.17); }
.mj-button--glass { border-color: var(--mj-line-strong); background: rgba(255,255,255,.045); color: var(--mj-text); box-shadow: none; }
html[data-theme="light"] .mj-button--glass { background: rgba(255,255,255,.7); color: var(--mj-text); }

/* Home: cinematic discovery followed immediately by a personal command deck. */
.mj-hero { min-height: min(820px,92vh); padding-bottom: 116px; }
.mj-hero__backdrop img { filter: saturate(.84) contrast(1.08); transform: scale(1.012); }
.mj-hero__backdrop::after { background: linear-gradient(90deg,rgba(7,10,15,.14),rgba(7,10,15,.62) 49%,rgba(7,10,15,.98) 82%),linear-gradient(0deg,var(--mj-bg) 0%,transparent 50%,rgba(7,10,15,.28)); }
.mj-hero__content { grid-template-columns: minmax(0,1.25fr) minmax(300px,.52fr); gap: clamp(42px,7vw,110px); }
.mj-hero h1 { margin: 14px 0 13px; font-size: clamp(46px,6vw,88px); letter-spacing: -4.5px; }
.mj-hero__copy > p { max-width: 620px; margin-bottom: 24px; color: #c5ced7; font-size: clamp(13px,1.1vw,16px); }
.mj-hero__meta { justify-content: flex-start; direction: rtl; }
.mj-hero__meta span { background: rgba(5,9,14,.54); }
.mj-hero__meta .mj-meta-level { border-color: rgba(101,191,255,.3); background: rgba(101,191,255,.1); color: var(--mj-watch); }
.mj-hero__actions .mj-button { min-width: 145px; }
.mj-hero__lesson { min-height: 258px; grid-template-columns: 84px 1fr; gap: 18px; padding: 24px; border-radius: 24px; background: linear-gradient(145deg,rgba(17,24,34,.86),rgba(8,13,20,.74)); }
.mj-lesson-orbit { width: 84px; height: 84px; }
.mj-lesson-orbit__play { width: 50px; height: 50px; }
.mj-hero__lesson strong { font-size: 17px; }
.mj-hero__lesson li { font-size: 9px; }

.mj-home-command { width: var(--mj-page); position: relative; z-index: 4; display: grid; grid-template-columns: minmax(330px,1.45fr) repeat(3,minmax(150px,.55fr)); gap: 1px; margin: -72px auto 52px; overflow: hidden; border: 1px solid var(--mj-line); border-radius: 24px; background: var(--mj-line); box-shadow: var(--mj-shadow); }
.mj-home-command > * { min-width: 0; background: rgba(15,23,32,.96); }
.mj-home-command__next { min-height: 150px; display: grid; grid-template-columns: 1fr auto; align-content: center; column-gap: 22px; padding: 24px 28px; background: radial-gradient(circle at 100% 0,rgba(var(--mj-accent-rgb),.13),transparent 50%),rgba(15,23,32,.98); }
.mj-home-command__next .mj-command-label,.mj-home-command__next h2,.mj-home-command__next p { grid-column: 1; }
.mj-command-label { display: flex; align-items: center; gap: 7px; color: var(--mj-primary); font-size: 9px; font-weight: 850; }
.mj-command-label i { width: 6px;height:6px;border-radius:50%;background:var(--mj-primary);box-shadow:0 0 11px var(--mj-primary); }
.mj-home-command__next h2 { margin: 3px 0; font-size: 20px; }
.mj-home-command__next p { margin: 0; color: var(--mj-muted); font-size: 9px; }
.mj-home-command__next .mj-button { grid-column: 2; grid-row: 1 / 4; align-self: center; }
.mj-home-command__metric { min-height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 18px; text-align: center; transition: background .18s ease; }
.mj-home-command__metric:hover { background: var(--mj-surface-2); }
.mj-home-command__metric > span:last-child strong,.mj-home-command__metric > span:last-child small { display: block; }
.mj-home-command__metric strong { font-size: 10px; }
.mj-home-command__metric small { margin-top: 2px; color: var(--mj-muted); font-size: 7.5px; }
.mj-command-ring { width: 53px;height:53px;display:grid;place-items:center;position:relative;border-radius:50%;background:conic-gradient(var(--mj-primary) calc(var(--progress)*1%),rgba(255,255,255,.08) 0); }
.mj-command-ring::before { content:"";position:absolute;inset:5px;border-radius:inherit;background:var(--mj-surface); }
.mj-command-ring b { position:relative;font:850 10px var(--mj-font-latin); }
.mj-command-count { min-height: 44px; display: grid; place-items: center; color: var(--mj-progress); font: 850 22px/1 var(--mj-font-latin); }
.mj-home-command__metric--streak .mj-command-count { color: var(--mj-progress); font-size: 17px; }
html[data-theme="light"] .mj-home-command > * { background: rgba(255,255,255,.96); }
html[data-theme="light"] .mj-home-command__next { background: radial-gradient(circle at 100% 0,rgba(17,140,97,.1),transparent 50%),#fff; }
html[data-theme="light"] .mj-command-ring::before { background: #fff; }

.mj-value-strip { margin-top: -65px; border-radius: 22px; background: rgba(15,23,32,.94); }
html[data-theme="light"] .mj-value-strip { background: rgba(255,255,255,.96); }
.mj-value-strip article { min-height: 90px; }
.mj-section { padding-block: 50px; }
.mj-section__heading { margin-bottom: 20px; }
.mj-section__heading h2 { font-size: clamp(23px,2.2vw,33px); }
.mj-section__heading > a,.ml-inline-link { min-height: 38px; display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--mj-line);border-radius:10px;background:rgba(255,255,255,.025); }
.mj-card-rail { grid-auto-columns: minmax(184px,12.7vw); gap: 17px; padding-bottom: 28px; }
.mj-content-card__media { border-radius: 17px; box-shadow: var(--mj-shadow-soft); }
.mj-content-card.has-learning .mj-content-card__media { border-color: rgba(var(--mj-accent-rgb),.18); }
.mj-content-card:not(.has-learning) a:hover .mj-content-card__media { border-color: rgba(101,191,255,.34); }
.mj-content-card:not(.has-learning) .mj-card-play { background: var(--mj-watch); }
.mj-content-card__body > strong { font-size: 12px; }
.mj-content-card__learn { border-color: rgba(var(--mj-accent-rgb),.14) !important; background: var(--mj-primary-soft) !important; }
.mj-path { margin-block: 66px; border-radius: 26px; background: radial-gradient(circle at 10% 90%,rgba(var(--mj-accent-rgb),.08),transparent 36%),linear-gradient(140deg,#101821,#0a1017); }
html[data-theme="light"] .mj-path { background: radial-gradient(circle at 10% 90%,rgba(17,140,97,.08),transparent 36%),linear-gradient(140deg,#fff,#edf3f0); }
.mj-path__steps article { border-color: transparent; background: rgba(255,255,255,.035); }
html[data-theme="light"] .mj-path__steps article { background: rgba(16,42,32,.035); }

/* Catalog and discovery. */
.mj-catalog { padding-top: calc(var(--mj-header) + 38px); }
.mj-catalog-hero { min-height: 225px; border-radius: 24px; background: radial-gradient(circle at 15% 25%,rgba(101,191,255,.1),transparent 34%),linear-gradient(125deg,#111923,#0a1017); }
html[data-theme="light"] .mj-catalog-hero { background: radial-gradient(circle at 15% 25%,rgba(20,119,184,.08),transparent 34%),linear-gradient(125deg,#fff,#eaf1ee); }
.mj-catalog-hero h1 { font-size: clamp(32px,4vw,58px); }
.mj-catalog-toolbar { position: sticky; top: calc(var(--mj-header) + 8px); z-index: 35; margin-top: 18px; padding: 10px 14px; border: 1px solid var(--mj-line); border-radius: 16px; background: rgba(11,16,23,.88); box-shadow: var(--mj-shadow-soft); backdrop-filter: blur(20px); }
html[data-theme="light"] .mj-catalog-toolbar { background: rgba(255,255,255,.9); }
.mj-catalog-grid { gap: 38px 18px; }
.mj-catalog-grid .mj-content-card__body { min-height: 84px; }

/* Learning command hierarchy. */
.mj-learn-page { --ml-accent: var(--mj-primary); --ml-panel: var(--mj-surface); --ml-panel-2: var(--mj-surface-2); }
.ml-subnav { top: calc(var(--mj-header) + 9px); padding: 4px; border-radius: 14px; background: rgba(11,16,23,.88); box-shadow: var(--mj-shadow-soft); }
.ml-subnav a { min-height: 36px; display:flex;align-items:center;padding:5px 13px;border-radius:10px;font-size:9px;font-weight:780; }
.ml-dashboard-page .ml-shell { display: flex; flex-direction: column; }
.ml-dashboard-page .ml-subnav { order: 0; }
.ml-dashboard-page .ml-dashboard-v2 { order: 1; }
.ml-dashboard-page .ml-dashboard-command { order: 2; }
.ml-dashboard-page .ml-guided-path { order: 3; }
.ml-dashboard-page .ml-phrase-spotlight { order: 4; }
.ml-dashboard-page .ml-section--continue { order: 5; }
.ml-dashboard-page .ml-snapshot { order: 6; }
.ml-dashboard-page .ml-preferences { order: 7; }
.ml-dashboard-page .ml-library { order: 8; }
.ml-dashboard-page .ml-method-v2 { order: 9; }
.ml-dashboard-v2 { min-height: 405px; grid-template-columns: minmax(0,1.45fr) minmax(250px,.55fr); gap: 28px; padding: clamp(30px,4vw,55px); border-radius: 26px; background: radial-gradient(circle at 8% 0,rgba(var(--mj-accent-rgb),.12),transparent 30rem),linear-gradient(135deg,#111a24,#0a1017 72%); }
html[data-theme="light"] .ml-dashboard-v2 { background: radial-gradient(circle at 8% 0,rgba(17,140,97,.11),transparent 30rem),linear-gradient(135deg,#fff,#eaf1ee 72%); }
.ml-dashboard-v2__copy h1 { max-width: 860px; font-size: clamp(31px,4vw,53px); line-height: 1.45; }
.ml-dashboard-v2__copy > p { max-width: 750px; font-size: 12px; }
.ml-today-plan { grid-template-columns: repeat(3,minmax(0,1fr)); }
.ml-today-plan > div { min-height: 66px; padding: 10px; border-color: transparent; background: rgba(255,255,255,.035); }
.ml-week-card { border-radius: 21px; background: rgba(255,255,255,.035); }
.ml-dashboard-command { min-height: 92px; display:flex;align-items:center;justify-content:space-between;gap:24px;margin:14px 0 6px;padding:16px 20px;border:1px solid rgba(245,189,88,.18);border-radius:18px;background:linear-gradient(100deg,var(--mj-progress-soft),rgba(255,255,255,.018)); }
.ml-dashboard-command strong,.ml-dashboard-command small { display:block; }
.ml-dashboard-command strong { margin-top:2px;font-size:14px; }
.ml-dashboard-command small { color:var(--mj-muted);font-size:8px; }
.ml-dashboard-command .mj-button { flex:0 0 auto; }
.ml-snapshot { margin: 22px 0 5px; gap: 1px; overflow:hidden; border:1px solid var(--mj-line);border-radius:19px;background:var(--mj-line); }
.ml-snapshot article { min-height: 112px; border:0; border-radius:0; box-shadow:none !important; }
.ml-section { padding-block: 38px; }
.ml-course-grid { gap: 16px; }
.ml-course-card > a { border-radius: 19px; box-shadow: none; }
.ml-course-card__media { border-radius: 17px 17px 0 0; }
.ml-course-card__play { background: var(--mj-primary); }
.ml-course-card__body { padding: 15px; }
.ml-course-card__body footer { color: var(--mj-primary); }
.ml-course-card--wide > a { grid-template-columns: 160px 1fr; }
.ml-course-card--wide .ml-course-card__media { border-radius: 0 17px 17px 0; }
.ml-preferences { margin-top: 14px; border-style: dashed; background: transparent; }
.ml-method-v2 { border-radius: 24px; }

/* Progress has compact insight first, detail second. */
.ml-progress-hero { min-height: 245px; padding: 34px; border-radius: 24px; }
.ml-progress-hero h1 { font-size: clamp(29px,3.5vw,47px); }
.ml-level-orb { width: 140px; border-width: 7px; }
.ml-level-orb strong { font-size: 42px; }
.ml-stat-grid { gap: 1px; overflow:hidden; border:1px solid var(--mj-line);border-radius:18px;background:var(--mj-line); }
.ml-stat-grid article { min-height: 86px; border:0;border-radius:0;background:var(--mj-surface); }
.ml-progress-panel { border-radius: 19px; box-shadow:none; }
.ml-achievement-grid article { min-height: 82px; border-color: transparent; background: var(--mj-bg-soft); }
.ml-content-progress-list > article { padding: 10px; border-color: transparent; background: var(--mj-bg-soft); }

/* Detail and watch use blue; learning remains green. */
.mjw-button--learn { border-color: rgba(var(--mj-accent-rgb),.32) !important; background: var(--mj-primary) !important; color: var(--mj-on-primary) !important; }
.mjw-learning-card { border-color: rgba(var(--mj-accent-rgb),.2); }
.mjw-player-card { border-color: rgba(101,191,255,.18); box-shadow: 0 26px 75px rgba(0,0,0,.28); }
.mjw-player-bar { border-top-color: rgba(101,191,255,.17); }
.mjw-browser-source.is-active,.mjw-source-button.is-active { border-color: rgba(101,191,255,.42); background: var(--mj-watch-soft); }
.mjw-source-button.is-active > b,.mjw-now-playing > span { color: var(--mj-watch); }
.mjw-learn-strip { border-color: rgba(var(--mj-accent-rgb),.17); }
.mjw-learn-strip__icon { color: var(--mj-primary); }

/* Learning player is a focused workspace, not another dashboard. */
.ml-player-app { width: min(1840px,calc(100vw - 30px)); }
.ml-player-topbar { min-height: 62px; grid-template-columns: 190px 1fr auto; }
.ml-player-modes { padding: 3px; border:1px solid var(--mj-line);border-radius:12px;background:var(--mj-bg-soft); }
.ml-player-modes button { min-height:36px;border-radius:9px; }
.ml-player-modes button.is-active { background:var(--mj-primary);color:var(--mj-on-primary); }
.ml-player-grid { gap: 12px; }
.ml-video-shell { border-color: rgba(101,191,255,.16); border-radius: 20px; box-shadow: 0 25px 80px rgba(0,0,0,.3); }
.ml-coach-panel { border-color: rgba(var(--mj-accent-rgb),.16); border-radius: 20px; }
.ml-coach-tabs { padding: 4px; gap: 2px; background: var(--mj-bg-soft); }
.ml-coach-tabs button { border-radius: 9px; }
.ml-coach-tabs button.is-active { background:var(--mj-surface-2);color:var(--mj-primary); }
.ml-play-tools button,.ml-listen-button { min-height:43px; }
.ml-play-tools [data-repeat-cue],.ml-open-speak { border-color:rgba(var(--mj-accent-rgb),.24) !important;background:var(--mj-primary-soft) !important;color:var(--mj-primary) !important; }
.ml-wave { color: var(--mj-watch); }

/* Dialogue Dock: the current sentence is primary; the full transcript is optional. */
.ml-dialogue-dock { margin-top:12px;padding:20px;border:1px solid var(--mj-line);border-radius:20px;background:var(--mj-surface); }
.ml-dialogue-dock__header { display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:12px; }
.ml-dialogue-dock__header h2 { margin:2px 0;font-size:20px; }
.ml-dialogue-dock__filter { display:flex;align-items:flex-end;flex-direction:column;gap:3px;color:var(--mj-muted);font-size:8px; }
.ml-dialogue-dock__filter label { display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:750; }
.ml-dialogue-dock__filter input { accent-color:var(--mj-primary); }
.ml-dialogue-focus { overflow:hidden;border:1px solid rgba(var(--mj-accent-rgb),.15);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(var(--mj-accent-rgb),.1),transparent 45%),var(--mj-bg-soft); }
.ml-dialogue-focus>header { min-height:39px;display:flex;align-items:center;gap:8px;padding:7px 13px;border-bottom:1px solid var(--mj-line);color:var(--mj-muted);font-size:8px; }
.ml-dialogue-focus>header span { font-weight:800; }
.ml-dialogue-focus>header time { direction:ltr;margin-inline-start:auto;font:750 9px var(--mj-font-latin); }
.ml-dialogue-focus>header b { min-width:31px;padding:4px 6px;border-radius:7px;background:var(--mj-watch-soft);color:var(--mj-watch);font:850 8px var(--mj-font-latin);text-align:center; }
.ml-dialogue-focus__copy { display:grid;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:8px 18px;padding:21px 24px; }
.ml-dialogue-focus__copy>span { padding-top:6px;color:var(--mj-muted);font:800 7px/1.2 var(--mj-font-latin);letter-spacing:.7px; }
.ml-dialogue-focus__copy>strong { color:var(--mj-text);font:700 clamp(18px,2vw,27px)/1.5 var(--mj-font-latin);text-align:left; }
.ml-dialogue-focus__copy>p { margin:0;color:#bdc8d3;font-size:13px;line-height:1.9; }
html[data-theme="light"] .ml-dialogue-focus__copy>p { color:#53645d; }
.ml-dialogue-focus>footer { display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:7px;padding:10px;border-top:1px solid var(--mj-line);background:rgba(255,255,255,.018); }
.ml-dialogue-focus>footer button { min-height:41px;border:1px solid var(--mj-line);border-radius:11px;background:transparent;color:var(--mj-muted);font:760 9px var(--mj-font-fa);cursor:pointer; }
.ml-dialogue-focus>footer button:hover:not(:disabled) { border-color:rgba(var(--mj-accent-rgb),.3);background:var(--mj-primary-soft);color:var(--mj-primary); }
.ml-dialogue-focus>footer button.is-primary { border-color:rgba(var(--mj-accent-rgb),.25);background:var(--mj-primary);color:var(--mj-on-primary); }
.ml-dialogue-focus>footer button:disabled { opacity:.32;cursor:not-allowed; }
.ml-dialogue-focus>footer button span { font-size:13px; }
.ml-dialogue-browser { margin-top:9px;border:1px solid var(--mj-line);border-radius:14px;background:rgba(255,255,255,.018); }
.ml-dialogue-browser>summary { min-height:54px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:13px;padding:9px 14px;list-style:none;cursor:pointer; }
.ml-dialogue-browser>summary::-webkit-details-marker { display:none; }
.ml-dialogue-browser>summary span b,.ml-dialogue-browser>summary span small { display:block; }
.ml-dialogue-browser>summary span b { font-size:10px; }
.ml-dialogue-browser>summary span small { color:var(--mj-muted);font-size:7px; }
.ml-dialogue-browser>summary em { color:var(--mj-muted);font-size:8px;font-style:normal; }
.ml-dialogue-browser>summary i { min-width:48px;padding:5px 8px;border-radius:8px;background:var(--mj-surface-2);color:var(--mj-primary);font-size:8px;font-style:normal;text-align:center; }
.ml-dialogue-browser[open]>summary i::before { content:"بستن"; }
.ml-dialogue-browser[open]>summary i { font-size:0; }
.ml-dialogue-browser[open]>summary i::before { font-size:8px; }
.ml-dialogue-browser .ml-transcript-list { max-height:360px;border-top:1px solid var(--mj-line);padding:5px; }
.ml-dialogue-browser .ml-transcript-list>button { border-bottom-color:var(--mj-line);border-radius:10px; }
.ml-dialogue-browser .ml-transcript-list>button.is-active { box-shadow:inset 3px 0 0 var(--mj-primary); }

/* Independent subtitle tracks. */
.mj-subtitle-settings { width:min(560px,calc(100% - 28px)); }
.mj-subtitle-settings__preview { min-height:138px;position:relative; }
.mj-subtitle-settings__preview strong,.ml-cue-overlay strong,.mjw-subtitle-overlay strong { background:var(--mj-subtitle-en-background,var(--mj-subtitle-background,rgba(0,0,0,.78)))!important; }
.mj-subtitle-settings__preview span,.ml-cue-overlay span,.mjw-subtitle-overlay span { background:var(--mj-subtitle-fa-background,var(--mj-subtitle-background,rgba(0,0,0,.78)))!important; }
.mj-subtitle-settings__preview strong,.mj-subtitle-settings__preview span { width:fit-content;border-radius:7px; }
.mj-subtitle-settings__preview[data-layout="split"] { display:block; }
.mj-subtitle-settings__preview[data-layout="split"] strong,.mj-subtitle-settings__preview[data-layout="split"] span { position:absolute;left:50%;max-width:88%;margin:0; }
.mj-subtitle-presets { display:flex;flex-wrap:wrap;gap:5px;margin:0 0 9px; }
.mj-subtitle-presets>span { width:100%;color:#8997a6;font-size:7px;font-weight:800; }
.mj-subtitle-presets button { min-height:29px;padding:0 8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.035);color:#c9d2dc;font:700 7px var(--mj-font-fa);cursor:pointer; }
.mj-subtitle-presets button:hover { border-color:rgba(var(--mj-accent-rgb),.32);background:var(--mj-primary-soft);color:var(--mj-primary); }
.mj-subtitle-tracks { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px; }
.mj-subtitle-track { display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035); }
.mj-subtitle-track>header { grid-column:1/-1;display:flex;align-items:center;gap:9px;margin-bottom:2px; }
.mj-subtitle-track>header>span { width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--mj-watch-soft);color:var(--mj-watch);font:850 9px var(--mj-font-latin); }
.mj-subtitle-track--fa>header>span { background:var(--mj-primary-soft);color:var(--mj-primary); }
.mj-subtitle-track header strong,.mj-subtitle-track header small { display:block; }
.mj-subtitle-track header strong { font-size:9px; }
.mj-subtitle-track header small { color:#8997a6;font-size:7px; }
.mj-subtitle-track>label { min-width:0;display:grid;gap:4px;color:#aeb9c6;font-size:7px;font-weight:700; }
.mj-subtitle-track select { width:100%;height:32px;padding:0 6px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#111a25;color:#f4f7fa;font-family:inherit;font-size:7px; }
.mj-subtitle-track .mj-subtitle-settings__color { grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-between; }

.ml-cue-overlay { border-color:transparent!important;background:transparent!important;backdrop-filter:none!important; }
.ml-cue-overlay strong,.ml-cue-overlay span { width:fit-content;max-width:100%;justify-self:center;padding:4px 10px;border-radius:7px;text-shadow:0 2px 6px #000; }

.ml-cue-overlay[data-layout="split"],.mjw-subtitle-overlay[data-layout="split"] { inset:0!important;display:block!important;width:100%;height:100%;padding:0!important;border:0!important;background:transparent!important;transform:none!important;backdrop-filter:none!important;pointer-events:none; }
.ml-player-app[data-resolved-subtitle-mode="off"] .ml-cue-overlay[data-layout="split"],.mjw-subtitle-overlay[data-mode="off"][data-layout="split"] { display:none!important; }
.ml-cue-overlay[data-layout="split"] strong,.ml-cue-overlay[data-layout="split"] span,.mjw-subtitle-overlay[data-layout="split"] strong,.mjw-subtitle-overlay[data-layout="split"] span { position:absolute;left:50%;width:fit-content;max-width:88%;margin:0;transform:translateX(-50%);text-align:center; }
.ml-cue-overlay[data-layout="split"] button { position:absolute;z-index:2;bottom:12px;pointer-events:auto; }
.ml-cue-overlay[data-layout="split"]>[data-replay-cue] { inset-inline-start:12px; }
.ml-cue-overlay[data-layout="split"]>.ml-reveal-translation { inset-inline-end:12px; }

[data-layout="split"][data-en-position="top"] strong { top:12%;bottom:auto;transform:translateX(-50%); }
[data-layout="split"][data-en-position="middle"] strong { top:50%;bottom:auto;transform:translate(-50%,-50%); }
[data-layout="split"][data-en-position="bottom"] strong { top:auto;bottom:12%;transform:translateX(-50%); }
[data-layout="split"][data-fa-position="top"] span { top:12%;bottom:auto;transform:translateX(-50%); }
[data-layout="split"][data-fa-position="middle"] span { top:50%;bottom:auto;transform:translate(-50%,-50%); }
[data-layout="split"][data-fa-position="bottom"] span { top:auto;bottom:12%;transform:translateX(-50%); }
[data-layout="split"][data-en-position="top"][data-fa-position="top"] strong { top:10%; }
[data-layout="split"][data-en-position="top"][data-fa-position="top"] span { top:29%; }
[data-layout="split"][data-en-position="middle"][data-fa-position="middle"] strong { top:42%; }
[data-layout="split"][data-en-position="middle"][data-fa-position="middle"] span { top:59%; }
[data-layout="split"][data-en-position="bottom"][data-fa-position="bottom"] strong { bottom:29%; }
[data-layout="split"][data-en-position="bottom"][data-fa-position="bottom"] span { bottom:10%; }

/* Commercial and account surfaces inherit the same hierarchy. */
.mja-hero,.mjs-hero { border-radius: 25px; }
.mja-stats { gap:1px;overflow:hidden;border:1px solid var(--mj-line);border-radius:18px;background:var(--mj-line); }
.mja-stats article { border:0;border-radius:0;box-shadow:none !important; }
.mja-account-panel,.mja-goal-card,.mja-next,.mjs-value,.mjs-faq { border-radius: 19px; box-shadow:none; }
.mjs-plan-grid { gap:14px; }
.mjs-plan-card { border-radius:20px;box-shadow:none; }
.mjs-plan-card.is-recommended { border-color:rgba(245,189,88,.38);box-shadow:0 22px 58px rgba(217,154,47,.11); }
.mjs-plan-card.is-recommended .mjs-plan-card__badge { background:var(--mj-progress);color:#211400; }
.mjs-plan-card__cta { border-radius:12px; }

/* Entry, onboarding and assessment feel like the same product. */
.mjauth-page { background:var(--mj-bg); }
.mjauth-shell { width:min(1180px,calc(100vw - 32px)); }
.mjauth-story { border-radius:26px; background:radial-gradient(circle at 20% 15%,rgba(101,191,255,.14),transparent 28rem),linear-gradient(145deg,#101923,#080e15);box-shadow:var(--mj-shadow); }
.mjauth-story__glow { background:rgba(var(--mj-accent-rgb),.12); }
.mjauth-card { border-color:var(--mj-line);border-radius:24px;background:var(--mj-surface);box-shadow:var(--mj-shadow-soft); }
.mjauth-tabs { padding:4px;border-radius:13px;background:var(--mj-bg-soft); }
.mjauth-tabs button { border-radius:10px; }
.mjauth-tabs__indicator { border-radius:10px;background:var(--mj-surface-2); }
.mjauth-input { border-radius:12px;background:var(--mj-bg-soft); }
.mjauth-input:focus-within { border-color:rgba(var(--mj-accent-rgb),.44);box-shadow:0 0 0 4px var(--mj-primary-soft); }
.mjauth-submit { min-height:48px;border-radius:12px;background:var(--mj-primary);color:var(--mj-on-primary);box-shadow:0 12px 28px rgba(var(--mj-accent-strong-rgb),.18); }
.mjauth-recovery__card,.mja-security__form-card { border-radius:23px;background:var(--mj-surface);box-shadow:var(--mj-shadow-soft); }

.ml-onboarding { background:var(--mj-bg); }
.ml-onboarding__rail { background:linear-gradient(160deg,#101923,#080e15); }
.ml-onboarding__workspace { background:radial-gradient(circle at 85% 8%,rgba(var(--mj-accent-rgb),.07),transparent 28rem),var(--mj-bg); }
.ml-onboarding__panel { border-radius:24px;background:var(--mj-surface);box-shadow:var(--mj-shadow-soft); }
.ml-onboarding__option-grid label>span,.ml-level-picker label>span,.ml-interest-picker label>span { border-radius:14px;background:var(--mj-bg-soft); }
.ml-onboarding__option-grid input:checked+span,.ml-level-picker input:checked+span,.ml-interest-picker input:checked+span { border-color:var(--mj-primary);background:var(--mj-primary-soft);box-shadow:0 0 0 3px var(--mj-primary-soft); }
.ml-focus-card { border-radius:24px;box-shadow:var(--mj-shadow-soft); }
.ml-choice-grid span { background:var(--mj-bg-soft); }
.ml-review-card { border-radius:24px;background:radial-gradient(circle at 10% 0,rgba(var(--mj-accent-rgb),.08),transparent 26rem),linear-gradient(145deg,var(--mj-surface-2),var(--mj-surface));box-shadow:var(--mj-shadow-soft); }
.ml-review-session { background:var(--mj-surface); }
.ml-review-card footer button { background:var(--mj-bg-soft); }

/* State language. */
.mj-empty-state,.ml-empty-state,.ml-filter-empty,.mjs-empty,.mja-empty-next { border-radius:20px;background:var(--mj-surface); }
.mj-skeleton,[data-loading="true"] { position:relative;overflow:hidden;background:var(--mj-surface-2);color:transparent!important; }
.mj-skeleton::after,[data-loading="true"]::after { content:"";position:absolute;inset:0;transform:translateX(100%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.075),transparent);animation:mj-cine-shimmer 1.25s infinite; }
@keyframes mj-cine-shimmer { to { transform:translateX(-100%); } }

@media (max-width: 1180px) {
  :root { --mj-page: calc(100vw - 34px); }
  .mj-header__inner { grid-template-columns:auto minmax(0,1fr) auto; }
  .mj-primary-nav { justify-self:center; }
  .mj-search { width:min(280px,25vw); }
  .mj-review-pulse span,.mj-account-link span { display:none; }
  .mj-review-pulse { width:42px;justify-content:center;padding:0; }
  .mj-home-command { grid-template-columns:minmax(330px,1.4fr) repeat(3,minmax(130px,.5fr)); }
  .mj-home-command__next { grid-template-columns:1fr; }
  .mj-home-command__next .mj-button { grid-column:1;grid-row:auto;justify-self:start;margin-top:12px; }
  .ml-dashboard-v2 { grid-template-columns:minmax(0,1.2fr) minmax(230px,.55fr); }
}

@media (max-width: 900px) {
  :root { --mj-header:68px; }
  .mj-primary-nav,.mj-search,.mj-review-pulse { display:none; }
  .mj-header__inner { grid-template-columns:auto 1fr auto; }
  .mj-menu-toggle { display:grid; }
  .mj-account-link { width:42px;padding:0; }
  .mj-hero { min-height:auto;padding-top:calc(var(--mj-header) + 100px); }
  .mj-hero__content { grid-template-columns:1fr; }
  .mj-hero__lesson { display:none; }
  .mj-hero__copy { max-width:700px; }
  .mj-home-command { grid-template-columns:1fr 1fr 1fr; }
  .mj-home-command__next { grid-column:1/-1; }
  .mj-card-rail { grid-auto-columns:minmax(170px,25vw); }
  .ml-dashboard-v2 { grid-template-columns:1fr; }
  .ml-week-card { grid-template-columns:auto 1fr auto;align-items:center; }
  .ml-today-plan { grid-template-columns:1fr; }
  .ml-course-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ml-snapshot { grid-template-columns:1fr 1fr; }
}

@media (max-width: 680px) {
  :root { --mj-page:calc(100vw - 24px);--mj-radius:15px;--mj-radius-lg:22px; }
  body.mj-app { font-size:14px; }
  .mj-header { height:64px; }
  .mj-header.is-scrolled { height:60px; }
  .mj-brand__mark { width:36px;height:36px;border-radius:11px; }
  .mj-brand__copy strong { font-size:12px; }
  .mj-brand__copy small { font-size:6px;letter-spacing:1.25px; }
  .mj-icon-button { width:39px;height:39px;border-radius:11px; }
  .mj-theme-control { margin-inline-start:auto; }
  .mj-hero { min-height:690px;align-items:flex-end;padding:112px 0 104px; }
  .mj-hero__backdrop::after { background:linear-gradient(0deg,var(--mj-bg) 0%,rgba(7,10,15,.92) 38%,rgba(7,10,15,.18) 82%),linear-gradient(90deg,rgba(7,10,15,.1),rgba(7,10,15,.6)); }
  .mj-hero h1 { font-size:clamp(39px,14vw,58px);letter-spacing:-3px; }
  .mj-hero__copy > p { max-height:76px;overflow:hidden;font-size:11px; }
  .mj-hero__meta { gap:5px;margin-bottom:16px; }
  .mj-hero__meta span { padding:4px 7px;font-size:8px; }
  .mj-hero__actions { display:grid;grid-template-columns:1fr 1fr;gap:8px; }
  .mj-hero__actions .mj-button { min-width:0;width:100%;padding-inline:10px; }
  .mj-home-command { grid-template-columns:1fr;margin-top:-62px;border-radius:19px; }
  .mj-home-command__next { min-height:168px;padding:21px; }
  .mj-home-command__next .mj-button { width:100%;justify-self:stretch; }
  .mj-home-command__metric { min-height:82px;display:grid;grid-template-columns:50px 1fr;justify-items:start;text-align:right; }
  .mj-home-command__metric + .mj-home-command__metric { border-top:1px solid var(--mj-line); }
  .mj-command-count { font-size:18px; }
  .mj-section { padding-block:34px; }
  .mj-section__heading { align-items:flex-start; }
  .mj-section__heading h2 { font-size:21px; }
  .mj-section__heading p { display:none; }
  .mj-section__heading > a { min-height:34px;padding-inline:9px;font-size:9px; }
  .mj-card-rail { width:calc(100vw - 12px);grid-auto-columns:minmax(146px,42vw);gap:11px; }
  .mj-path { padding:25px;margin-block:35px; }
  .mj-path__steps { grid-template-columns:1fr; }
  .mj-path__steps article { min-height:auto; }
  .mj-catalog-toolbar { top:68px; }
  .ml-shell { width:var(--mj-page); }
  .ml-subnav { top:68px; }
  .ml-dashboard-v2 { min-height:auto;padding:24px;border-radius:21px; }
  .ml-dashboard-v2__copy h1 { font-size:31px; }
  .ml-dashboard-command { align-items:stretch;flex-direction:column;padding:17px; }
  .ml-dashboard-command .mj-button { width:100%; }
  .ml-week-card { grid-template-columns:1fr;justify-items:center; }
  .ml-snapshot { grid-template-columns:1fr 1fr; }
  .ml-snapshot article { min-height:92px;padding:12px; }
  .ml-course-grid { grid-template-columns:1fr; }
  .ml-course-card--wide > a { grid-template-columns:112px 1fr; }
  .ml-course-card--wide .ml-course-card__media { min-height:100%; }
  .ml-progress-hero { min-height:auto;padding:24px; }
  .ml-level-orb { width:120px; }
  .ml-player-app { width:100%; }
  .ml-player-topbar { grid-template-columns:auto 1fr; }
  .ml-player-title { display:none; }
  .ml-video-shell { border-radius:0; }
  .ml-dialogue-dock { margin:8px 8px 0;padding:12px;border-radius:17px; }
  .ml-dialogue-dock__header { align-items:flex-start;flex-direction:column;gap:7px; }
  .ml-dialogue-dock__filter { width:100%;align-items:flex-start; }
  .ml-dialogue-focus__copy { grid-template-columns:1fr;gap:4px;padding:18px; }
  .ml-dialogue-focus__copy>span { padding-top:4px; }
  .ml-dialogue-focus__copy>strong { font-size:19px; }
  .ml-dialogue-focus__copy>p { font-size:11px; }
  .ml-dialogue-focus>footer { grid-template-columns:1fr 1fr; }
  .ml-dialogue-focus>footer button.is-primary { grid-column:1/-1;grid-row:1; }
  .ml-dialogue-browser>summary { grid-template-columns:1fr auto; }
  .ml-dialogue-browser>summary em { display:none; }
  .mj-subtitle-tracks { grid-template-columns:1fr; }
  .mj-subtitle-settings__preview { min-height:125px; }
  .ml-cue-overlay[data-layout="split"][data-en-position="bottom"] strong,.mjw-subtitle-overlay[data-layout="split"][data-en-position="bottom"] strong { bottom:21%; }
  .ml-cue-overlay[data-layout="split"][data-fa-position="bottom"] span,.mjw-subtitle-overlay[data-layout="split"][data-fa-position="bottom"] span { bottom:21%; }
  .ml-cue-overlay[data-layout="split"][data-en-position="bottom"][data-fa-position="bottom"] strong,.mjw-subtitle-overlay[data-layout="split"][data-en-position="bottom"][data-fa-position="bottom"] strong { bottom:34%; }
  .ml-cue-overlay[data-layout="split"][data-en-position="bottom"][data-fa-position="bottom"] span,.mjw-subtitle-overlay[data-layout="split"][data-en-position="bottom"][data-fa-position="bottom"] span { bottom:20%; }
  .ml-cue-overlay[data-layout="split"] button { bottom:62px; }
  .ml-coach-panel { position:relative;top:auto;height:auto;min-height:480px;border-radius:24px 24px 0 0;margin-top:-4px;box-shadow:0 -18px 48px rgba(0,0,0,.2); }
  .mjw-actions { display:grid;grid-template-columns:1fr 1fr; }
  .mjw-actions .mjw-button { width:100%; }
  .mjs-plan-grid { grid-template-columns:1fr; }
}

@media (min-width: 1600px) {
  .mj-primary-nav a { min-width:78px;font-size:12px; }
  .mj-search { width:340px; }
  .mj-home-command__metric { min-height:158px; }
  [data-tv-focus]:focus-visible { transform:scale(1.035);box-shadow:0 0 0 4px var(--mj-primary-soft),0 18px 48px rgba(0,0,0,.28); }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important; }
}

/* Learning workspace: transcript is a first-class sidebar tab. */
.ml-player-app:not(.has-active-cue) .ml-cue-overlay { opacity:0;visibility:hidden;transform:translateY(8px); }
.ml-player-app.has-active-cue .ml-cue-overlay { opacity:1;visibility:visible;transform:none; }

/* Episode/lesson wayfinding: explicit context, history and next-step controls. */
.ml-player-app--guided .ml-player-topbar { min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 12px; }
.ml-player-back--route { min-width:0;max-width:420px;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:11px;padding:8px 10px;border:1px solid var(--mj-line);border-radius:15px;background:linear-gradient(135deg,var(--mj-surface),var(--mj-surface-2));color:var(--mj-text);box-shadow:0 8px 24px rgba(0,0,0,.07);transition:border-color .18s,transform .18s,box-shadow .18s; }
.ml-player-back--route:hover { border-color:rgba(var(--mj-accent-rgb),.34);color:var(--mj-text);transform:translateY(-1px);box-shadow:0 12px 30px rgba(0,0,0,.11); }
.ml-player-back--route>i { width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--mj-primary-soft);color:var(--mj-primary); }
.ml-player-back--route>i::before { content:"";width:15px;height:18px;border:2px solid currentColor;border-radius:5px;box-shadow:5px -5px 0 -3px var(--mj-primary-soft),5px -5px 0 -1px currentColor; }
.ml-player-back--route>span { min-width:0;display:grid;gap:2px; }
.ml-player-back--route small { color:var(--mj-muted);font-size:9px; }
.ml-player-back--route strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 13px/1.45 "Segoe UI",Arial,sans-serif;text-align:left; }
.ml-player-back--route>b { color:var(--mj-primary);font:900 17px/1 Arial,sans-serif; }
.ml-player-topbar>.ml-player-modes { display:flex!important;margin-inline-start:auto; }
.ml-lesson-contextbar { position:relative;z-index:18;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin:10px 0 12px;padding:10px 12px;border:1px solid var(--mj-line);border-radius:17px;background:linear-gradient(135deg,var(--mj-surface),var(--mj-surface-2));box-shadow:0 10px 30px rgba(0,0,0,.08); }
.ml-lesson-contextbar__identity { min-width:0;display:grid;grid-template-columns:max-content minmax(240px,1fr) minmax(110px,220px);align-items:center;justify-content:start;gap:12px; }
.ml-lesson-contextbar__episode { padding:9px 12px;border-radius:11px;background:var(--mj-primary);color:var(--mj-on-primary);font-size:12px;font-weight:850;white-space:nowrap; }
.ml-lesson-contextbar__identity>div { min-width:0;display:grid;gap:2px; }
.ml-lesson-contextbar__identity>div small { overflow:hidden;color:var(--mj-muted);font:700 10px/1.5 "Segoe UI",Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap; }
.ml-lesson-contextbar__identity>div strong { font-size:15px; }
.ml-lesson-contextbar__copy>span { display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:3px; }
.ml-lesson-contextbar__copy>span b { padding:3px 7px;border:1px solid var(--mj-line);border-radius:7px;background:var(--mj-bg-soft);color:var(--mj-muted);font-size:8px;font-weight:750; }
.ml-lesson-contextbar__progress { min-width:0;display:grid;grid-template-columns:minmax(70px,1fr) auto;align-items:center;gap:8px; }
.ml-lesson-contextbar__progress i { height:6px;overflow:hidden;border-radius:10px;background:rgba(127,142,153,.16); }
.ml-lesson-contextbar__progress u { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mj-primary),#55bfa0);text-decoration:none; }
.ml-lesson-contextbar__progress small { color:var(--mj-muted);font-size:9px;white-space:nowrap; }
.ml-lesson-contextbar__actions { display:flex;align-items:stretch;gap:7px; }
.ml-lesson-step-link,.ml-lesson-switcher>summary { min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 11px;border:1px solid var(--mj-line);border-radius:12px;background:var(--mj-bg-soft);color:var(--mj-text); }
.ml-lesson-step-link { min-width:92px; }
.ml-lesson-step-link small { font-size:10px;font-weight:800;white-space:nowrap; }
.ml-lesson-step-link>span { color:var(--mj-primary);font:900 16px/1 Arial,sans-serif; }
.ml-lesson-step-link.is-next { border-color:rgba(var(--mj-accent-rgb),.26);background:var(--mj-primary-soft);color:var(--mj-primary); }
.ml-lesson-step-link.is-disabled { opacity:.42;pointer-events:none; }
.ml-lesson-switcher { position:relative; }
.ml-lesson-switcher>summary { min-width:132px;list-style:none;cursor:pointer; }
.ml-lesson-switcher>summary::-webkit-details-marker { display:none; }
.ml-lesson-switcher>summary>span { display:grid;gap:1px; }
.ml-lesson-switcher>summary small { color:var(--mj-muted);font-size:8px; }
.ml-lesson-switcher>summary b { font-size:11px; }
.ml-lesson-switcher>summary>i { width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--mj-primary-soft);color:var(--mj-primary); }
.ml-lesson-switcher>summary>i::before { content:"";width:7px;height:7px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .2s; }
.ml-lesson-switcher[open]>summary>i::before { transform:rotate(225deg) translate(-1px,-1px); }
.ml-lesson-switcher__panel { position:absolute;z-index:60;inset:calc(100% + 9px) auto auto 0;width:min(600px,78vw);overflow:hidden;border:1px solid var(--mj-line);border-radius:17px;background:var(--mj-surface);box-shadow:0 24px 70px rgba(0,0,0,.28); }
.ml-lesson-switcher__panel>header { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--mj-line);background:var(--mj-surface-2); }
.ml-lesson-switcher__panel>header span { display:grid;gap:2px; }
.ml-lesson-switcher__panel>header b { font-size:12px; }
.ml-lesson-switcher__panel>header small { color:var(--mj-muted);font-size:9px; }
.ml-lesson-switcher__panel>header a { color:var(--mj-primary);font-size:9px;font-weight:800; }
.ml-lesson-switcher__list { max-height:min(430px,62vh);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:auto;padding:10px; }
.ml-lesson-switcher__list>a { min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:center;padding:9px;border:1px solid var(--mj-line);border-radius:11px;background:var(--mj-bg-soft);color:var(--mj-text); }
.ml-lesson-switcher__list>a>span { grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--mj-surface-2);font:850 9px Arial,sans-serif; }
.ml-lesson-switcher__list>a>div { min-width:0;display:grid;gap:3px; }
.ml-lesson-switcher__list>a strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px; }
.ml-lesson-switcher__list>a small { color:var(--mj-muted);font-size:8px; }
.ml-lesson-switcher__list>a>i { grid-column:1/-1;height:4px;overflow:hidden;border-radius:6px;background:rgba(127,142,153,.14); }
.ml-lesson-switcher__list>a>i u { display:block;height:100%;background:var(--mj-primary);text-decoration:none; }
.ml-lesson-switcher__list>a.is-current { border-color:rgba(var(--mj-accent-rgb),.45);background:var(--mj-primary-soft);box-shadow:inset 3px 0 0 var(--mj-primary); }
.ml-lesson-switcher__list>a.is-completed>span { background:#dff7ea;color:#147947; }
@media (max-width:1100px) {
  .ml-player-app--guided .ml-player-topbar { display:flex; }
  .ml-player-back--route { max-width:min(420px,62vw); }
  .ml-lesson-contextbar { grid-template-columns:1fr; }
  .ml-lesson-contextbar__actions { justify-content:space-between; }
  .ml-lesson-switcher { flex:1; }
  .ml-lesson-switcher>summary { width:100%; }
  .ml-lesson-switcher__panel { inset-inline-start:0;width:min(620px,94vw); }
}
@media (max-width:680px) {
  .ml-player-back--route { max-width:58vw;grid-template-columns:34px minmax(0,1fr) 20px;padding:6px; }
  .ml-player-back--route>i { width:34px;height:34px; }
  .ml-player-back--route small { display:none; }
  .ml-lesson-contextbar__identity { grid-template-columns:auto 1fr; }
  .ml-lesson-contextbar__progress { grid-column:1/-1; }
  .ml-lesson-step-link { min-width:52px;padding-inline:8px; }
  .ml-lesson-step-link small { display:none; }
  .ml-lesson-switcher__list { grid-template-columns:1fr; }
}
.ml-player-title>strong>span { color:var(--mj-primary); }
.ml-player-episode-chip { padding:3px 7px;border-radius:7px;background:var(--mj-primary-soft);color:var(--mj-primary);font-weight:800; }
.ml-coach-tabs { display:flex;grid-template-columns:none;gap:3px;overflow-x:auto;padding:6px;scrollbar-width:none; }
.ml-coach-tabs::-webkit-scrollbar { display:none; }
.ml-coach-tabs button { flex:1 0 auto;min-width:64px;padding-inline:10px;white-space:nowrap; }
.ml-coach-tabs button b { min-width:20px;display:inline-grid;place-items:center;margin-inline-start:4px;padding:2px 5px;border-radius:8px;background:rgba(var(--mj-accent-rgb),.12);font:850 8px Arial,sans-serif; }
.ml-dialogue-dock.ml-coach-view { margin:0;padding:13px;border:0;border-radius:0;background:transparent; }
.ml-dialogue-dock .ml-dialogue-dock__header { align-items:center;margin-bottom:9px; }
.ml-dialogue-dock .ml-dialogue-dock__header h2 { font-size:16px; }
.ml-dialogue-dock .ml-dialogue-dock__filter small { display:none; }
.ml-dialogue-dock .ml-dialogue-focus { border-radius:14px; }
.ml-dialogue-dock .ml-dialogue-focus__copy { grid-template-columns:1fr;gap:3px;padding:13px 15px; }
.ml-dialogue-dock .ml-dialogue-focus__copy>span { padding-top:2px; }
.ml-dialogue-dock .ml-dialogue-focus__copy>strong { font-size:clamp(15px,1.25vw,19px);line-height:1.45; }
.ml-dialogue-dock .ml-dialogue-focus__copy>p { font-size:11px;line-height:1.75; }
.ml-dialogue-dock .ml-dialogue-focus>footer { grid-template-columns:1fr 1fr;gap:5px;padding:7px; }
.ml-dialogue-dock .ml-dialogue-focus>footer button { min-height:36px; }
.ml-dialogue-dock .ml-dialogue-focus>footer button.is-primary { grid-column:1/-1;grid-row:1; }
.ml-dialogue-dock .ml-dialogue-browser { min-height:0;display:flex;flex-direction:column;margin-top:8px; }
.ml-dialogue-dock .ml-dialogue-browser>summary { min-height:48px;flex:none; }
.ml-dialogue-dock .ml-dialogue-browser .ml-transcript-list { min-height:0;max-height:none;flex:1;padding:4px;overflow-y:auto; }
.ml-dialogue-dock .ml-transcript-list>button { grid-template-columns:38px minmax(0,1fr) 28px 36px;gap:7px;padding:9px; }
.ml-dialogue-dock .ml-transcript-list strong { font-size:11px; }
.ml-dialogue-dock .ml-transcript-list small { font-size:9px; }
.ml-dialogue-dock .ml-transcript-list time { font-size:8px; }

/* Unified learning command bar ------------------------------------------------
   Every learning route uses the same information architecture. Only the
   current destination and review counter are allowed to change. */
html:has(>body.mj-learn-page),body.mj-learn-page { overflow-x:clip; }
.ml-subnav.ml-learning-nav {
  position:sticky;
  top:calc(var(--mj-header) + 9px);
  z-index:38;
  width:100%;
  max-width:none;
  min-height:86px;
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  align-items:stretch;
  gap:10px;
  margin:0 auto 30px;
  padding:9px;
  overflow:visible;
  border:1px solid rgba(var(--mj-accent-rgb),.2);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(17,26,37,.96),rgba(8,14,22,.94));
  box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.045);
  backdrop-filter:blur(22px) saturate(1.1);
}
.ml-learning-nav__identity {
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
  padding:9px 12px;
  border:1px solid rgba(var(--mj-accent-rgb),.16);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(var(--mj-accent-rgb),.12),rgba(var(--mj-accent-rgb),.035));
}
.ml-learning-nav__identity>span {
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:var(--ml-accent);
  color:var(--mj-on-primary);
  box-shadow:0 9px 24px rgba(var(--mj-accent-rgb),.22);
}
.ml-learning-nav__identity svg,.ml-learning-nav__item svg { width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.ml-learning-nav__identity div { min-width:0;display:grid;gap:3px; }
.ml-learning-nav__identity small { color:var(--ml-accent);font-size:11px;font-weight:850; }
.ml-learning-nav__identity strong { overflow:hidden;color:var(--mj-text);font-size:14px;text-overflow:ellipsis;white-space:nowrap; }
.ml-learning-nav__rail {
  min-width:0;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:6px;
  overflow-x:auto;
  scrollbar-width:none;
  scroll-snap-type:inline proximity;
}
.ml-learning-nav__rail::-webkit-scrollbar { display:none; }
.ml-subnav.ml-learning-nav .ml-learning-nav__item {
  position:relative;
  min-width:0;
  min-height:66px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:14px;
  background:transparent;
  color:var(--mj-muted);
  text-align:right;
  scroll-snap-align:center;
  transition:transform .2s var(--mj-ease-out),border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.ml-subnav.ml-learning-nav .ml-learning-nav__item:hover {
  transform:translateY(-1px);
  border-color:var(--mj-line);
  background:rgba(255,255,255,.045);
  color:var(--mj-text);
}
.ml-learning-nav__item>i {
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(127,145,164,.1);
  color:var(--mj-muted);
  font-style:normal;
  transition:background-color .2s ease,color .2s ease,transform .2s ease;
}
.ml-learning-nav__item>span { min-width:0;display:grid;gap:3px; }
.ml-learning-nav__item>span strong,.ml-learning-nav__item>span small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.ml-learning-nav__item>span strong { color:inherit;font-size:13px;line-height:1.35; }
.ml-learning-nav__item>span small { color:var(--mj-muted);font-size:10px;line-height:1.35; }
.ml-subnav.ml-learning-nav .ml-learning-nav__item>b {
  min-width:22px;
  height:22px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border:2px solid rgba(255,255,255,.72);
  border-radius:999px;
  background:var(--mj-danger);
  color:#fff;
  font:900 11px/1 Arial,sans-serif;
  box-shadow:0 4px 13px rgba(255,84,101,.3);
}
.ml-subnav.ml-learning-nav .ml-learning-nav__item.is-active {
  border-color:rgba(var(--mj-accent-rgb),.58);
  background:linear-gradient(135deg,var(--ml-accent),var(--mj-primary-strong));
  color:var(--mj-on-primary);
  box-shadow:0 12px 28px rgba(var(--mj-accent-rgb),.24),inset 0 1px rgba(255,255,255,.2);
}
.ml-subnav.ml-learning-nav .ml-learning-nav__item.is-active:hover { color:var(--mj-on-primary);background:linear-gradient(135deg,var(--ml-accent),var(--mj-primary-strong)); }
.ml-learning-nav__item.is-active>i { background:rgba(255,255,255,.2);color:var(--mj-on-primary);transform:scale(1.04); }
.ml-learning-nav__item.is-active>span small { color:color-mix(in srgb,var(--mj-on-primary) 76%,transparent); }
.ml-learning-nav__item.is-active::after {
  content:"";
  position:absolute;
  right:20px;
  left:20px;
  bottom:0;
  height:3px;
  border-radius:4px 4px 0 0;
  background:rgba(255,255,255,.82);
}
html[data-theme="light"] .ml-subnav.ml-learning-nav {
  border-color:rgba(var(--mj-accent-rgb),.17);
  background:rgba(255,255,255,.94);
  box-shadow:0 16px 42px rgba(31,49,73,.1),inset 0 1px rgba(255,255,255,.8);
}
html[data-theme="light"] .ml-learning-nav__identity { background:linear-gradient(135deg,rgba(var(--mj-accent-rgb),.1),rgba(var(--mj-accent-rgb),.025)); }
html[data-theme="light"] .ml-subnav.ml-learning-nav .ml-learning-nav__item:hover { background:rgba(27,48,70,.04); }

@media(max-width:1100px){
  .ml-subnav.ml-learning-nav{grid-template-columns:62px minmax(0,1fr)}
  .ml-learning-nav__identity{justify-content:center;padding-inline:9px}.ml-learning-nav__identity>div{display:none}
  .ml-learning-nav__rail{grid-template-columns:repeat(6,minmax(132px,1fr))}
}
@media(max-width:700px){
  .ml-subnav.ml-learning-nav{top:calc(var(--mj-header) + 4px);display:block;min-height:0;margin:0 0 18px;padding:7px;border-radius:18px}
  .ml-learning-nav__identity{display:none}
  .ml-learning-nav__rail{display:flex;gap:6px;padding:0;scroll-padding-inline:6px;scroll-snap-type:inline mandatory}
  .ml-subnav.ml-learning-nav .ml-learning-nav__item{min-width:148px;min-height:58px;padding:7px 9px}
  .ml-learning-nav__item>span small{display:none}
}

/* Learning Workspace: one cinematic player and one contextual supporting pane. */
.ml-player-app--guided{--ml-workspace-side:35%;max-width:1900px}
.ml-player-app--guided .ml-lesson-journey[hidden]{display:none!important}
.ml-player-app--guided .ml-player-grid{direction:ltr;grid-template-columns:minmax(300px,var(--ml-workspace-side)) 10px minmax(0,1fr);gap:0;align-items:start}
.ml-player-app--guided .ml-video-column{grid-column:3;direction:rtl;position:sticky;top:calc(var(--mj-header) + 10px);min-width:0}
.ml-player-app--guided .ml-coach-panel{--mj-surface:#0d151e;--mj-surface-2:#111c27;--mj-bg-soft:#091119;--mj-text:#eef4f7;--mj-muted:#91a2ad;--mj-line:rgba(255,255,255,.09);--ml-panel:#0d151e;grid-column:1;grid-row:1;direction:rtl;top:calc(var(--mj-header) + 10px);height:calc(100dvh - var(--mj-header) - 22px);border-radius:20px;background:linear-gradient(160deg,var(--mj-surface),var(--mj-surface-2));color:var(--mj-text);box-shadow:0 20px 54px rgba(0,0,0,.16)}
.ml-player-app--guided .ml-video-column{grid-row:1}
.ml-workspace-resizer{grid-column:2;grid-row:1;align-self:stretch;min-height:520px;display:grid;place-items:center;cursor:col-resize;touch-action:none;outline:0}
.ml-workspace-resizer i{width:3px;height:72px;border-radius:5px;background:rgba(125,142,153,.2);transition:height .18s,background .18s,box-shadow .18s}
.ml-workspace-resizer:hover i,.ml-workspace-resizer:focus-visible i,.ml-workspace-resizer.is-dragging i{height:112px;background:var(--mj-primary);box-shadow:0 0 0 5px var(--mj-primary-soft)}
.ml-player-app--guided.is-resizing-workspace{cursor:col-resize;user-select:none}

.ml-player-app--guided .ml-lesson-contextbar{--mj-surface:#0d151e;--mj-surface-2:#111c27;--mj-bg-soft:#091119;--mj-text:#eef4f7;--mj-muted:#91a2ad;--mj-line:rgba(255,255,255,.09);min-height:64px;margin:7px 0 10px;padding:8px 10px;gap:12px;border-radius:15px;color:var(--mj-text);background:linear-gradient(135deg,var(--mj-surface),var(--mj-surface-2));box-shadow:0 12px 34px rgba(0,0,0,.18)}
.ml-player-app--guided .ml-lesson-contextbar__identity{grid-template-columns:max-content minmax(170px,1fr) minmax(90px,150px);gap:10px}
.ml-player-app--guided .ml-lesson-contextbar__episode{padding:7px 10px;font-size:10px}
.ml-player-app--guided .ml-lesson-contextbar__copy{display:flex!important;align-items:center;gap:8px;white-space:nowrap}
.ml-player-app--guided .ml-lesson-contextbar__copy>strong{max-width:280px;overflow:hidden;text-overflow:ellipsis;color:var(--mj-text);font:800 13px/1.4 "Segoe UI",Arial,sans-serif;text-align:left}
.ml-player-app--guided .ml-lesson-contextbar__copy>span{margin:0;color:var(--mj-muted);font-size:10px;font-weight:750}
.ml-player-app--guided .ml-lesson-contextbar__copy>span i{margin-inline:3px;color:var(--mj-primary);font-style:normal}
.ml-player-app--guided .ml-lesson-contextbar__progress{grid-template-columns:auto minmax(60px,1fr)}
.ml-player-app--guided .ml-lesson-contextbar__progress>b{color:var(--mj-primary);font:900 12px/1 Arial,sans-serif}
.ml-player-app--guided .ml-lesson-contextbar__actions{gap:5px}
.ml-player-app--guided .ml-lesson-step-link,.ml-player-app--guided .ml-lesson-switcher>summary{min-height:42px;border-radius:11px}

.ml-player-app--guided .ml-coach-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:7px;border-bottom:1px solid var(--mj-line);background:rgba(255,255,255,.018)}
.ml-player-app--guided .ml-coach-tabs button{position:relative;height:48px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 7px;border-radius:11px;font-size:11px;font-weight:750}
.ml-player-app--guided .ml-coach-tabs button>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:var(--mj-bg-soft);color:var(--mj-muted);font:850 8px/1 Arial,sans-serif}
.ml-player-app--guided .ml-coach-tabs button>b{min-width:20px;padding:3px 5px;border-radius:99px;background:rgba(125,142,153,.11);font:850 8px/1 Arial,sans-serif}
.ml-player-app--guided .ml-coach-tabs button.is-active{background:var(--mj-primary-soft);color:var(--mj-primary)}
.ml-player-app--guided .ml-coach-tabs button.is-active::after{content:"";position:absolute;inset:auto 12px 0;height:2px;border-radius:2px;background:var(--mj-primary)}
.ml-player-app--guided .ml-coach-tabs button.is-active>span{background:var(--mj-primary);color:var(--mj-on-primary)}
.ml-practice-subtabs[hidden]{display:none!important}.ml-practice-subtabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:8px 10px 0;padding:4px;border:1px solid var(--mj-line);border-radius:12px;background:var(--mj-bg-soft)}
.ml-practice-subtabs button{min-height:35px;border:0;border-radius:9px;background:transparent;color:var(--mj-muted);font:750 9px/1.5 var(--mj-font-fa);cursor:pointer}
.ml-practice-subtabs button.is-active{background:var(--mj-surface);color:var(--mj-primary);box-shadow:0 5px 14px rgba(0,0,0,.08);font-weight:900}
.ml-player-app--guided .ml-coach-view{padding:18px 18px 96px;scroll-behavior:smooth}
.ml-player-app--guided .ml-coach-view.is-active{animation:mlWorkspacePaneIn .16s ease-out}
.ml-workspace-primary{position:absolute;z-index:8;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid var(--mj-line);background:color-mix(in srgb,var(--mj-surface) 92%,transparent);backdrop-filter:blur(18px)}
.ml-workspace-primary>span{min-width:0;overflow:hidden;color:var(--mj-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.ml-workspace-primary>button{min-width:158px;min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border:0;border-radius:12px;background:var(--mj-primary);color:var(--mj-on-primary);font-family:inherit;cursor:pointer;box-shadow:0 8px 24px rgba(var(--mj-accent-rgb),.22)}
.ml-workspace-primary>button b{font-size:11px}.ml-workspace-primary>button i{font:900 15px/1 Arial,sans-serif;font-style:normal}

.ml-player-app--guided .ml-adaptive-controls__row{justify-content:center}
.ml-player-app--guided .ml-adaptive-controls__primary{gap:8px}
.ml-player-app--guided .ml-adaptive-controls__primary .is-slow{min-width:78px;border-color:rgba(103,162,255,.34);background:rgba(83,137,226,.13);color:#cfe2ff}
.ml-player-app--guided .ml-adaptive-controls__primary .is-slow.is-active{background:#5d8fdc;color:#fff}
.ml-player-app--guided .ml-adaptive-controls__secondary{position:absolute;inset:auto 18px 14px auto}
.ml-player-app--guided .ml-adaptive-controls__secondary>[data-learning-mute],.ml-player-app--guided .ml-adaptive-controls__secondary>[data-learning-volume],.ml-player-app--guided .ml-adaptive-controls__secondary>.is-caption,.ml-player-app--guided .ml-adaptive-controls__secondary>.is-rate{display:none!important}
.ml-learning-repeat-settings{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 15px 14px;padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.035)}
.ml-learning-repeat-settings>span{display:grid;gap:2px}.ml-learning-repeat-settings small{color:#8fa1ab;font-size:9px}.ml-learning-repeat-settings b{font-size:11px}
.ml-learning-repeat-settings>div{display:flex;gap:4px;padding:3px;border-radius:10px;background:rgba(0,0,0,.25)}
.ml-learning-repeat-settings button{min-width:84px;height:34px!important;border:0!important;border-radius:8px!important;color:#aab8c0!important;font-size:9px!important}
.ml-learning-repeat-settings button.is-active{background:var(--mj-primary)!important;color:var(--mj-on-primary)!important}
.ml-player-app--guided .ml-cue-overlay strong,.ml-player-app--guided .ml-cue-overlay span{cursor:pointer;pointer-events:auto}
@keyframes mlWorkspacePaneIn{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}

@media(min-width:701px) and (max-width:1100px){
  .ml-player-app--guided{width:calc(100vw - 18px);--ml-workspace-side:320px}
  .ml-player-app--guided .ml-player-grid{grid-template-columns:minmax(292px,var(--ml-workspace-side)) 8px minmax(0,1fr)}
  .ml-player-app--guided .ml-coach-panel{position:sticky;top:calc(var(--mj-header) + 8px);height:calc(100dvh - var(--mj-header) - 16px);min-height:0;margin:0}
  .ml-player-app--guided .ml-video-column{position:sticky;top:calc(var(--mj-header) + 8px)}
  .ml-player-app--guided .ml-lesson-contextbar{grid-template-columns:1fr auto}
  .ml-player-app--guided .ml-lesson-contextbar__identity{grid-template-columns:auto 1fr}.ml-player-app--guided .ml-lesson-contextbar__progress{display:none}
  .ml-player-app--guided .ml-lesson-contextbar__copy>strong{max-width:190px}.ml-player-app--guided .ml-lesson-contextbar__copy>span{font-size:9px}
  .ml-player-app--guided .ml-lesson-contextbar__actions .ml-lesson-step-link{min-width:44px}.ml-player-app--guided .ml-lesson-contextbar__actions .ml-lesson-step-link small{display:none}
  .ml-player-app--guided .ml-coach-tabs button{display:grid;justify-items:center;height:57px;gap:2px;font-size:9px}.ml-player-app--guided .ml-coach-tabs button>b{display:none}
  .ml-player-app--guided .ml-adaptive-controls__primary{gap:3px}.ml-player-app--guided .ml-adaptive-controls__primary button{min-width:38px;width:38px;padding:0}.ml-player-app--guided .ml-adaptive-controls__primary .is-slow{min-width:44px}.ml-player-app--guided .ml-adaptive-controls__primary button b{display:none}
}
@media(max-width:700px){
  .ml-player-app--guided .ml-player-grid{display:grid;grid-template-columns:1fr;gap:0}
  .ml-player-app--guided .ml-video-column{grid-column:1;position:relative;top:auto}
  .ml-player-app--guided .ml-coach-panel{grid-column:1;position:relative;top:auto;height:auto;min-height:620px;margin:8px 10px 14px}
  .ml-workspace-resizer{display:none}
  .ml-player-app--guided .ml-lesson-contextbar{margin:6px 8px 8px;grid-template-columns:1fr auto}.ml-player-app--guided .ml-lesson-contextbar__identity{grid-template-columns:auto minmax(0,1fr)}.ml-player-app--guided .ml-lesson-contextbar__progress{display:none}.ml-player-app--guided .ml-lesson-contextbar__episode{font-size:8px}.ml-player-app--guided .ml-lesson-contextbar__copy>strong{max-width:120px;font-size:10px}.ml-player-app--guided .ml-lesson-contextbar__copy>span{font-size:8px}.ml-player-app--guided .ml-lesson-contextbar__actions{grid-column:1/-1}.ml-player-app--guided .ml-lesson-switcher{flex:1}
  .ml-player-app--guided .ml-coach-tabs{position:sticky;z-index:9;top:0}.ml-player-app--guided .ml-coach-tabs button{display:grid;justify-items:center;height:54px;gap:1px;padding:4px;font-size:9px}.ml-player-app--guided .ml-coach-tabs button>b{display:none}
  .ml-player-app--guided .ml-coach-view{padding:15px 14px 92px}
  .ml-workspace-primary{position:sticky;bottom:0}.ml-workspace-primary>span{display:none}.ml-workspace-primary>button{width:100%}
  .ml-player-app--guided .ml-adaptive-controls__secondary{inset:auto 6px 8px auto}.ml-player-app--guided .ml-adaptive-controls__primary .is-slow{min-width:38px;width:38px}.ml-player-app--guided .ml-adaptive-controls__primary .is-slow b{display:none}
  .ml-learning-repeat-settings{align-items:stretch;flex-direction:column}.ml-learning-repeat-settings>div{display:grid;grid-template-columns:repeat(3,1fr)}.ml-learning-repeat-settings button{min-width:0}
}
@media(prefers-reduced-motion:reduce){.ml-player-app--guided .ml-coach-view.is-active{animation:none}.ml-workspace-resizer i{transition:none}}
.ml-dialogue-dock .ml-transcript-list>button.is-active { background:var(--mj-primary-soft);box-shadow:inset -3px 0 0 var(--mj-primary); }
@media(min-width:1281px){
  .ml-player-grid { grid-template-columns:minmax(0,1fr) minmax(420px,470px);gap:16px; }
  .ml-coach-panel { height:min(850px,calc(100vh - var(--mj-header) - 28px)); }
  .ml-dialogue-dock.ml-coach-view.is-active { display:flex;flex-direction:column; }
  .ml-dialogue-dock .ml-dialogue-browser[open] { flex:1; }
  .ml-dialogue-dock .ml-dialogue-browser[open] .ml-transcript-list { height:100%; }
}
@media(max-width:980px){
  .ml-dialogue-dock.ml-coach-view { margin:0;padding:13px; }
  .ml-player-title>strong>span { display:inline; }
  .ml-coach-tabs button { min-width:72px; }
}

/* Keep workspace geometry authoritative after legacy responsive rules. */
@media(min-width:701px){
  .ml-player-app--guided .ml-player-grid{direction:ltr;grid-template-columns:minmax(300px,var(--ml-workspace-side,35%)) 10px minmax(0,1fr);gap:0}
  .ml-player-app--guided .ml-video-column{grid-column:3;grid-row:1;direction:rtl;position:sticky;top:calc(var(--mj-header) + 10px)}
  .ml-player-app--guided .ml-coach-panel{grid-column:1;grid-row:1;direction:rtl;position:sticky;top:calc(var(--mj-header) + 10px);height:calc(100dvh - var(--mj-header) - 22px);min-height:0;margin:0}
  .ml-player-app--guided .ml-workspace-resizer{grid-column:2;grid-row:1}
}
@media(min-width:701px) and (max-width:1100px){.ml-player-app--guided .ml-player-grid{grid-template-columns:minmax(292px,var(--ml-workspace-side,320px)) 8px minmax(0,1fr)}}
@media(max-width:700px){
  .ml-player-app--guided .ml-player-grid{grid-template-columns:1fr}
  .ml-player-app--guided .ml-video-column,.ml-player-app--guided .ml-coach-panel{grid-column:1;position:relative;top:auto}
  .ml-player-app--guided .ml-coach-panel{height:auto;min-height:620px;margin:8px 10px 14px}
}