/*
 * Desktop Persian typography layer for every customer-facing page.
 * This file intentionally loads after page-specific styles so readable defaults
 * and the user's comfort setting win without changing mobile breakpoints.
 */
:root {
  --ml-type-body: 16px;
  --ml-type-learning: 16px;
  --ml-type-secondary: 14px;
  --ml-type-control: 14px;
  --ml-type-meta: 12px;
  --ml-type-line: 1.9;
}

html[data-learning-text-size="large"] {
  --ml-type-body: 18px;
  --ml-type-learning: 18px;
  --ml-type-secondary: 16px;
  --ml-type-control: 16px;
  --ml-type-meta: 14px;
  --ml-type-line: 1.95;
}

html[data-learning-text-size="xlarge"] {
  --ml-type-body: 20px;
  --ml-type-learning: 20px;
  --ml-type-secondary: 18px;
  --ml-type-control: 18px;
  --ml-type-meta: 16px;
  --ml-type-line: 2;
}

.mj-theme-menu__label--text { margin-top: 5px; border-top: 1px solid var(--mj-line); }
.mj-learning-text-sizes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
.mj-theme-menu .mj-learning-text-sizes button {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr 16px;
  gap: 2px 5px;
  padding: 9px 7px;
  text-align: center;
}
.mj-theme-menu .mj-learning-text-sizes button b,
.mj-theme-menu .mj-learning-text-sizes button small { grid-column: 1; }
.mj-theme-menu .mj-learning-text-sizes button b { font-size: 12px; }
.mj-theme-menu .mj-learning-text-sizes button small { font-size: 9px; white-space: nowrap; }
.mj-theme-menu .mj-learning-text-sizes button i { grid-column: 2; grid-row: 1/3; align-self: center; }

@media (min-width: 701px) {
  /*
   * Global reading baseline. The old movie theme used 7-11px typography in
   * many cards and labels; these semantic defaults keep every Persian screen
   * readable while preserving the hierarchy of page-specific headings.
   */
  body.mj-app {
    font-size: var(--ml-type-body);
    line-height: var(--ml-type-line);
  }
  body.mj-app main p,
  body.mj-app main li,
  body.mj-app main label,
  body.mj-app main figcaption {
    font-size: var(--ml-type-secondary);
    line-height: 1.85;
  }
  body.mj-app main small,
  body.mj-app main em {
    font-size: var(--ml-type-meta);
    line-height: 1.7;
  }
  body.mj-app main button,
  body.mj-app main input,
  body.mj-app main select,
  body.mj-app main textarea,
  body.mj-app .mj-button {
    font-size: var(--ml-type-control);
    line-height: 1.55;
  }

  /* Header, search, appearance menu and footer are shared by every page. */
  body.mj-app .mj-primary-nav a,
  body.mj-app .mj-search input,
  body.mj-app .mj-review-pulse,
  body.mj-app .mj-account-link span,
  body.mj-app .mj-footer nav a,
  body.mj-app .mj-footer p {
    font-size: var(--ml-type-control);
    line-height: 1.65;
  }
  body.mj-app .mj-brand__copy small { font-size: 11px; }
  body.mj-app .mj-theme-menu>span,
  body.mj-app .mj-theme-menu button b,
  body.mj-app .mj-theme-menu button small {
    font-size: var(--ml-type-meta);
    line-height: 1.55;
  }
  body.mj-app .mj-theme-menu { width: min(490px,calc(100vw - 30px)); }
  body.mj-app .mj-theme-menu__modes button { min-height: 62px; }

  /* Shared home, discovery and expandable episode cards. */
  body.mj-app .mj-eyebrow,
  body.mj-app .mj-kicker,
  body.mj-app .mj-command-label,
  body.mj-app .mj-badge,
  body.mj-app .mj-rating,
  body.mj-app .mj-catalog-toolbar__label,
  body.mj-app .mj-result-count,
  body.mj-app .mj-now-playing,
  body.mj-app .mj-learning-title__action b,
  body.mj-app .mj-learning-episode__progress>i,
  body.mj-app .ml-season-episode-card__status,
  body.mj-app .ml-run-lesson>b {
    font-size: var(--ml-type-meta);
    line-height: 1.6;
  }
  body.mj-app .mj-value-strip strong,
  body.mj-app .mj-home-command__metric strong,
  body.mj-app .mj-content-card__body>strong,
  body.mj-app .mj-learning-title__action strong,
  body.mj-app .mj-learning-episode__copy strong,
  body.mj-app .ml-run-lesson strong,
  body.mj-app .ml-season-episode-card>button>div strong {
    font-size: var(--ml-type-secondary);
    line-height: 1.65;
  }
  body.mj-app .mj-content-card__body { min-height: 78px; }
  body.mj-app .mj-learning-episode,
  body.mj-app .ml-season-episode-card>button { min-height: 78px; }

  /* Non-learning products share the same comfort setting and 12px floor. */
  body:is(.mj-home-page,.mj-catalog-page,.mj-phrases-page,.mj-phrase-detail-page,.mj-podcast-page,.mj-podcast-episode-page,.mj-subscription-page,.mj-auth-page,.mj-account-page,.mj-trust-page,.ml-dna-page) main span {
    font-size: var(--ml-type-meta);
    line-height: 1.7;
  }

  /* Home and catalog descriptions, filters and teaching status. */
  body.mj-home-page .mj-hero__copy>p,
  body.mj-home-page .mj-home-command__next p,
  body.mj-home-page .mj-section__heading p,
  body.mj-catalog-page .mj-catalog-hero p,
  body.mj-catalog-page .mj-section__heading p {
    font-size: var(--ml-type-secondary);
    line-height: 1.9;
  }
  body.mj-home-page .mj-hero__meta span,
  body.mj-catalog-page .mj-catalog-stats small,
  body.mj-catalog-page .mj-content-card__learn small { font-size: var(--ml-type-meta); }
  body.mj-catalog-page .mj-filter-chips button,
  body.mj-catalog-page .mj-filter-chips a,
  body.mj-catalog-page .mj-catalog-switch a,
  body.mj-catalog-page .mj-catalog-sort select,
  body.mj-catalog-page .mj-catalog-filter input { font-size: var(--ml-type-control); }

  /* Phrase library. */
  body.mj-phrases-page .mj-phrases-filter-label,
  body.mj-phrases-page .mj-phrases-stats small,
  body.mj-phrase-detail-page .mj-phrase-scene__meta { font-size: var(--ml-type-meta); }
  body.mj-phrases-page .mj-phrases-quality-note small,
  body.mj-phrases-page .mj-phrase-card p,
  body.mj-phrase-detail-page .mj-phrase-meaning,
  body.mj-phrase-detail-page .mj-phrase-explanation { font-size: var(--ml-type-secondary); line-height: 1.9; }

  /* Podcast catalog and episode player. */
  body.mj-podcast-page .mjp-method article span,
  body.mj-podcast-episode-page .mjp-transcript__persian { font-size: var(--ml-type-secondary); }
  body:is(.mj-podcast-page,.mj-podcast-episode-page) .mjp-card h3,
  body.mj-podcast-episode-page .mjp-note strong,
  body.mj-podcast-episode-page .mjp-queue button b { font-size: var(--ml-type-secondary); line-height: 1.6; }
  body:is(.mj-podcast-page,.mj-podcast-episode-page) .mjp-breadcrumb,
  body.mj-podcast-episode-page .mjp-controls button,
  body.mj-podcast-episode-page .mjp-speed button,
  body.mj-podcast-episode-page .mjp-stage__top button { font-size: var(--ml-type-control); }
  body.mj-podcast-episode-page .mjp-transcript>button,
  body.mj-podcast-episode-page .mjp-login,
  body.mj-podcast-episode-page .mjp-episode-footer>a { font-size: var(--ml-type-control); line-height: 1.65; }

  /* Subscription, authentication and account flows. */
  body.mj-subscription-page .mjs-tier-card__badge,
  body.mj-subscription-page .mjs-plan-card__badge,
  body.mj-subscription-page .mjs-overline { font-size: var(--ml-type-meta); }
  body.mj-subscription-page .mjs-plan-card__monthly,
  body.mj-subscription-page .mjs-plan-card__monthly b,
  body.mj-subscription-page .mjs-plan-card__saving,
  body.mj-subscription-page .mjs-comparison__table strong,
  body.mj-subscription-page .mjs-comparison__table b,
  body.mj-subscription-page .mjs-hero__facts b { font-size: var(--ml-type-meta); line-height: 1.65; }
  body.mj-subscription-page .mjs-hero__preview b { font-size: var(--ml-type-meta); }
  body.mj-subscription-page .mjs-faq p { font-size: var(--ml-type-secondary); line-height: 1.9; }
  body.mj-auth-page .mjauth-field>span,
  body.mj-auth-page .mjauth-form input,
  body.mj-auth-page .mjauth-form__meta,
  body.mj-account-page label>span,
  body.mj-account-page input,
  body.mj-account-page select { font-size: var(--ml-type-control); }
  body.mj-auth-page .mjauth-trust span,
  body.mj-auth-page .mjauth-cue__progress,
  body.mj-account-page .mja-account-meta>a,
  body.mj-account-page .mja-privacy-message { font-size: var(--ml-type-meta); line-height: 1.7; }

  /* Trust pages and Language DNA contain dense evidence labels. */
  body.mj-trust-page main p,
  body.ml-dna-page main p { font-size: var(--ml-type-secondary); line-height: 1.9; }
  body.ml-dna-page .mldna-overline,
  body.ml-dna-page .mldna-panel>header>a,
  body.ml-dna-page .mldna-panel>header>small,
  body.ml-dna-page .mldna-panel>header>span { font-size: var(--ml-type-meta); }
  body.ml-dna-page .mldna-facets article>b,
  body.ml-dna-page .mldna-empty strong,
  body.ml-dna-page .mldna-next strong { font-size: var(--ml-type-secondary); }

  /* Daily learning card is global and must remain readable on every route. */
  body.mj-app .mj-daily-phrase__header span,
  body.mj-app .mj-daily-phrase__start small,
  body.mj-app .mj-daily-phrase__player-top span,
  body.mj-app .mj-daily-phrase__player-top b,
  body.mj-app .mj-daily-phrase__badges span,
  body.mj-app .mj-daily-phrase__why small,
  body.mj-app .mj-daily-phrase__progress>div,
  body.mj-app .mj-daily-phrase__progress small,
  body.mj-app .mj-daily-phrase__status { font-size: var(--ml-type-meta); line-height: 1.65; }
  body.mj-app .mj-daily-phrase__why p,
  body.mj-app .mj-daily-phrase__meaning { font-size: var(--ml-type-secondary); line-height: 1.9; }
  body.mj-app .mj-daily-phrase__controls button,
  body.mj-app .mj-daily-phrase__lesson>a { font-size: var(--ml-type-control); }

  /* Normal watch experience: compact controls still keep a readable floor. */
  .mj-watch-detail-page .mjw-genres span,
  .mj-watch-detail-page .mjw-source-status em,
  .mj-watch-detail-page .mjw-learning-score span,
  .mj-watch-detail-page .mjw-breadcrumb a,
  .mj-watch-detail-page .mjw-eyebrow span,
  .mj-watch-detail-page .mjw-facts span,
  .mj-watch-detail-page .mjw-credits dt,
  .mj-watch-detail-page .mjw-learning-card__top i,
  .mj-watch-detail-page .mjw-now-playing span,
  .mj-watch-detail-page .mjw-coach-toggle small,
  .mj-watch-detail-page .mjw-smart-progress>span,
  .mj-watch-detail-page .mjw-source-summary span,
  .mj-watch-detail-page .mjw-learn-strip>span {
    font-size: var(--ml-type-meta);
    line-height: 1.65;
  }
  .mj-watch-detail-page .mjw-actions .mjw-button b,
  .mj-watch-detail-page .mjw-actions .mjw-button span,
  .mj-watch-detail-page .mjw-now-playing strong,
  .mj-watch-detail-page .mjw-smart-cue b,
  .mj-watch-detail-page .mjw-fullscreen-learn b,
  .mj-watch-detail-page .mjw-coach-panel b,
  .mj-watch-detail-page .mjw-coach-panel strong,
  .mj-watch-detail-page .mjw-player-state strong,
  .mj-watch-detail-page .mjw-player-tools b,
  .mj-watch-detail-page .mjw-coach-dock b,
  .mj-watch-detail-page .mjw-smart-progress__tracks strong,
  .mj-watch-detail-page .mjw-smart-progress__tracks b,
  .mj-watch-detail-page .mjw-source-button__copy strong,
  .mj-watch-detail-page .mjw-learn-strip .mjw-button b {
    font-size: var(--ml-type-control);
    line-height: 1.55;
  }
  .mj-watch-detail-page .mj-safe-settings>footer b { font-size: var(--ml-type-meta); }
  body.mj-watch-detail-page main em.mjw-source-status,
  body.mj-watch-detail-page main .mjw-coach-dock .mjw-coach-toggle>span:nth-child(2)>small,
  body.mj-watch-detail-page main .mjw-smart-progress>header>span,
  body.mj-watch-detail-page main .mjw-source-panel__head>div:first-child>span,
  body.mj-watch-detail-page main .mjw-learn-strip>div>span { font-size: var(--ml-type-meta)!important; line-height: 1.65; }
  body.mj-watch-detail-page main .mjw-coach-quick b,
  body.mj-watch-detail-page main .mjw-coach-dock .mjw-coach-toggle>span:nth-child(2)>b,
  body.mj-watch-detail-page main .mjw-button--learn span { font-size: var(--ml-type-control)!important; line-height: 1.55; }

  body.mj-learn-page { font-size: var(--ml-type-body); line-height: var(--ml-type-line); }

  /* Episode/course hierarchy added after the original learning audit. */
  .mj-learn-page .ml-breadcrumb a,
  .mj-learn-page .ml-course-hero__eyebrow,
  .mj-learn-page .ml-lesson-row__metrics span,
  .mj-learn-page .ml-season-episode-card>button>span:first-child small {
    font-size: var(--ml-type-meta);
    line-height: 1.65;
  }
  .mj-learn-page .ml-demo-ribbon,
  .mj-learn-page .ml-lesson-contextbar__copy>span b,
  .mj-learn-page .ml-lesson-switcher>summary b,
  .mj-learn-page .ml-learning-start small,
  .mj-learn-page .mj-safe-settings>footer b { font-size: var(--ml-type-meta); line-height: 1.65; }
  .mj-learn-page .ml-lesson-switcher__panel>header a,
  .mj-learn-page .ml-lesson-switcher__list>a strong,
  .mj-learn-page .ml-learning-start b { font-size: var(--ml-type-control); line-height: 1.6; }
  body.mj-learn-page main .ml-demo-ribbon>div>span { font-size: var(--ml-type-meta)!important; }

  /* Navigation, actions and form controls */
  .mj-learn-page .ml-subnav a,
  .mj-learn-page .mj-button,
  .mj-learn-page .ml-inline-link,
  .mj-learn-page .ml-player-modes button,
  .mj-learn-page .ml-subtitle-switch button,
  .mj-learn-page .ml-play-tools,
  .mj-learn-page .ml-play-tools button,
  .mj-learn-page .ml-play-tools select,
  .mj-learn-page .ml-play-tools label,
  .mj-learn-page .ml-coach-tabs button,
  .mj-learn-page .ml-dialogue-focus>footer button,
  .mj-learn-page .ml-library-toolbar button,
  .mj-learn-page .ml-course-card footer,
  .mj-learn-page .ml-course-overview__progress>a,
  .mj-learn-page .ml-week-card>a,
  .mj-learn-page .ml-episode-strip>a,
  .mj-learn-page .ml-transfer-task textarea,
  .mj-learn-page .ml-grammar-panel__topbar button,
  .mj-learn-page .ml-grammar-checkpoint summary {
    font-size: var(--ml-type-control);
    line-height: 1.55;
  }

  /* Shared metadata: never smaller than 12px in the standard profile. */
  .mj-learn-page .ml-overline,
  .mj-learn-page .ml-level-pill,
  .mj-learn-page .ml-player-back,
  .mj-learn-page .ml-player-title>div,
  .mj-learn-page .ml-kickoff-heading,
  .mj-learn-page .ml-kickoff-badge,
  .mj-learn-page .ml-kickoff-facts span,
  .mj-learn-page .ml-kickoff-resume,
  .mj-learn-page .ml-learning-hud,
  .mj-learn-page .ml-transcript-tools,
  .mj-learn-page .ml-dialogue-dock__filter,
  .mj-learn-page .ml-dialogue-dock__filter small,
  .mj-learn-page .ml-dialogue-focus>header,
  .mj-learn-page .ml-dialogue-focus__copy>span,
  .mj-learn-page .ml-dialogue-browser>summary span small,
  .mj-learn-page .ml-dialogue-browser>summary em,
  .mj-learn-page .ml-dialogue-browser>summary i,
  .mj-learn-page .ml-transcript-list time,
  .mj-learn-page .ml-transcript-list em,
  .mj-learn-page .ml-transcript-list i,
  .mj-learn-page .ml-point-card__meta,
  .mj-learn-page .ml-exercise__meta,
  .mj-learn-page .ml-grammar-hero>div,
  .mj-learn-page .ml-grammar-section-title small,
  .mj-learn-page .ml-grammar-context blockquote span,
  .mj-learn-page .ml-grammar-formulae span,
  .mj-learn-page .ml-grammar-formulae small,
  .mj-learn-page .ml-grammar-signals>span,
  .mj-learn-page .ml-grammar-signals code,
  .mj-learn-page .ml-grammar-examples article>span,
  .mj-learn-page .ml-grammar-examples small,
  .mj-learn-page .ml-grammar-checkpoint>span,
  .mj-learn-page .ml-course-card__badges span,
  .mj-learn-page .ml-course-card__episode,
  .mj-learn-page .ml-course-card__heading>span,
  .mj-learn-page .ml-course-card__facts,
  .mj-learn-page .ml-course-progress span,
  .mj-learn-page .ml-course-progress strong,
  .mj-learn-page .ml-language-profile article span,
  .mj-learn-page .ml-language-profile article small,
  .mj-learn-page .ml-progress-tracks>div>span,
  .mj-learn-page .ml-course-hero__facts span,
  .mj-learn-page .ml-phrase-spotlight__card small,
  .mj-learn-page .ml-course-cycle article>span,
  .mj-learn-page .ml-lesson-mini-progress span {
    font-size: var(--ml-type-meta);
    line-height: 1.65;
  }

  /* Learning dashboard and course path */
  .mj-learn-page .ml-dashboard-v2__copy>p,
  .mj-learn-page .ml-guided-path>header p,
  .mj-learn-page .ml-guided-current p,
  .mj-learn-page .ml-guided-path>footer p,
  .mj-learn-page .ml-section__head p,
  .mj-learn-page .ml-method-v2>header p,
  .mj-learn-page .ml-method-v2 article p,
  .mj-learn-page .ml-course-hero__copy>p,
  .mj-learn-page .ml-course-cycle p,
  .mj-learn-page .ml-preferences--v2>header p,
  .mj-learn-page .ml-filter-empty p {
    font-size: var(--ml-type-learning);
    line-height: var(--ml-type-line);
  }

  /*
   * Personal guided path
   *
   * The original compact dashboard styles used 6.5-9px for progress labels,
   * lesson titles and lock states. Keep the route scannable, but give Persian
   * copy the same readable hierarchy as the lesson player: 12px metadata,
   * 14px supporting copy and 16px educational copy.
   */
  .mj-learn-page .ml-guided-path__progress span,
  .mj-learn-page .ml-guided-current__number small,
  .mj-learn-page .ml-guided-current>div:nth-child(2)>div b,
  .mj-learn-page .ml-guided-roadmap li small,
  .mj-learn-page .ml-guided-roadmap li span,
  .mj-learn-page .ml-guided-path>footer>span {
    font-size: var(--ml-type-meta);
    line-height: 1.7;
  }
  .mj-learn-page .ml-guided-current>div:nth-child(2)>span,
  .mj-learn-page .ml-guided-current__selected,
  .mj-learn-page .ml-guided-roadmap li strong {
    font-size: var(--ml-type-secondary);
    line-height: 1.7;
  }
  .mj-learn-page .ml-guided-current h3 {
    font-size: calc(var(--ml-type-learning) + 3px);
    line-height: 1.75;
  }
  .mj-learn-page .ml-guided-current>div:nth-child(2)>span,
  .mj-learn-page .ml-guided-current h3,
  .mj-learn-page .ml-guided-current p,
  .mj-learn-page .ml-guided-roadmap li small,
  .mj-learn-page .ml-guided-roadmap li strong,
  .mj-learn-page .ml-guided-roadmap li span {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
  .mj-learn-page .ml-guided-current>div:nth-child(2)>div b {
    padding: 7px 10px;
  }
  .mj-learn-page .ml-guided-roadmap {
    grid-template-columns: repeat(auto-fit,minmax(225px,1fr));
    gap: 10px;
  }
  .mj-learn-page .ml-guided-roadmap li {
    min-height: 104px;
    grid-template-columns: 36px minmax(0,1fr) 22px;
    gap: 10px;
    padding: 14px;
  }
  .mj-learn-page .ml-guided-roadmap li>i {
    width: 34px;
    height: 34px;
    font-size: var(--ml-type-meta);
  }
  .mj-learn-page .ml-guided-roadmap li>a,
  .mj-learn-page .ml-guided-roadmap li>b {
    font-size: var(--ml-type-control);
    line-height: 1;
  }
  .mj-learn-page .ml-guided-path>footer {
    gap: 16px;
    padding-top: 18px;
  }
  .mj-learn-page .ml-guided-path>footer>span {
    padding: 6px 9px;
  }
  .mj-learn-page .ml-today-plan b,
  .mj-learn-page .ml-week-card__details b,
  .mj-learn-page .ml-snapshot span,
  .mj-learn-page .ml-course-card__reason,
  .mj-learn-page .ml-toggle-field b,
  .mj-learn-page .ml-library-toolbar>span,
  .mj-learn-page .ml-method-v2 article>span,
  .mj-learn-page .ml-episode-strip span,
  .mj-learn-page .ml-episode-strip b {
    font-size: var(--ml-type-secondary);
    line-height: 1.75;
  }
  .mj-learn-page .ml-today-plan small,
  .mj-learn-page .ml-week-ring span,
  .mj-learn-page .ml-week-card__details span,
  .mj-learn-page .ml-snapshot small,
  .mj-learn-page .ml-toggle-field small {
    font-size: var(--ml-type-meta);
    line-height: 1.7;
  }
  .mj-learn-page .ml-today-plan>div { grid-template-columns: 40px minmax(0,1fr); min-height: 72px; }
  .mj-learn-page .ml-today-plan b,
  .mj-learn-page .ml-today-plan small { overflow: visible; text-overflow: clip; white-space: normal; }
  .mj-learn-page .ml-course-card__reason { min-height: calc(var(--ml-type-secondary) * 3.5); }
  .mj-learn-page .ml-course-progress>div { grid-template-columns: 72px 1fr 38px; }
  .mj-learn-page .ml-phrase-spotlight__card p {
    min-height: calc(var(--ml-type-learning) * 3.5);
    overflow: visible;
    font-size: var(--ml-type-learning);
    line-height: 1.8;
    text-overflow: clip;
    white-space: normal;
  }
  .mj-learn-page .ml-phrase-spotlight__card footer,
  .mj-learn-page .ml-phrase-spotlight__card footer b {
    font-size: var(--ml-type-secondary);
    line-height: 1.7;
  }

  /* Guided player journey, kickoff and toolbar */
  .mj-learn-page .ml-lesson-journey { grid-template-columns: repeat(7,minmax(165px,1fr)); }
  .mj-learn-page .ml-lesson-journey>button { min-height: 66px; }
  .mj-learn-page .ml-lesson-journey>button>i { font-size: var(--ml-type-meta); }
  .mj-learn-page .ml-lesson-journey b { font-size: var(--ml-type-control); line-height: 1.55; }
  .mj-learn-page .ml-lesson-journey small { font-size: var(--ml-type-meta); line-height: 1.55; }
  .mj-learn-page .ml-lesson-journey b,
  .mj-learn-page .ml-lesson-journey small { overflow: visible; text-overflow: clip; white-space: normal; }
  .mj-learn-page .ml-adaptive-reason { font-size: var(--ml-type-secondary)!important; line-height: 1.85; }
  .mj-learn-page .ml-kickoff-card>p { font-size: var(--ml-type-learning); line-height: var(--ml-type-line); }
  .mj-learn-page .ml-kickoff-heading small { font-size: var(--ml-type-meta); }
  .mj-learn-page .ml-kickoff-actions .mj-button { font-size: var(--ml-type-control); }
  .mj-learn-page .ml-player-toolbar { min-height: 72px; }

  /* Dialogue dock and transcript */
  .mj-learn-page .ml-dialogue-focus__copy>p,
  .mj-learn-page .ml-transcript-list small { font-size: var(--ml-type-learning); line-height: var(--ml-type-line); }
  .mj-learn-page .ml-dialogue-focus>footer button { min-height: 48px; }
  .mj-learn-page .ml-dialogue-browser>summary span b,
  .mj-learn-page .ml-transcript header small { font-size: var(--ml-type-secondary); line-height: 1.7; }
  .mj-learn-page .ml-dialogue-browser>summary { min-height: 68px; }
  .mj-learn-page .ml-transcript-list strong { font-size: var(--ml-type-learning); }

  /* Coach, tips and grammar explanations */
  .mj-learn-page .ml-coach-view>header p,
  .mj-learn-page .ml-point-card>strong,
  .mj-learn-page .ml-point-card>p,
  .mj-learn-page .ml-grammar-hero>p,
  .mj-learn-page .ml-grammar-context p,
  .mj-learn-page .ml-grammar-uses li,
  .mj-learn-page .ml-grammar-examples p,
  .mj-learn-page .ml-grammar-mistake>div:last-child>small,
  .mj-learn-page .ml-grammar-checkpoint details p,
  .mj-learn-page .ml-transfer-task>p,
  .mj-learn-page .ml-transfer-result p {
    font-size: var(--ml-type-learning);
    line-height: var(--ml-type-line);
  }
  .mj-learn-page .ml-open-grammar b,
  .mj-learn-page .ml-grammar-section-title b,
  .mj-learn-page .ml-grammar-hero h3,
  .mj-learn-page .ml-grammar-checkpoint h3,
  .mj-learn-page .ml-transfer-task h3 {
    font-size: var(--ml-type-secondary);
    line-height: 1.75;
  }
  .mj-learn-page .ml-open-grammar small { font-size: var(--ml-type-meta); }
  .mj-learn-page .ml-grammar-context strong,
  .mj-learn-page .ml-grammar-formulae code,
  .mj-learn-page .ml-grammar-examples strong,
  .mj-learn-page .ml-grammar-mistake p { font-size: var(--ml-type-learning); }

  /* Subtitle studio itself must be readable before the user changes anything. */
  :is(.mj-learn-page,.mj-watch-detail-page) .mj-subtitle-settings { width: min(650px,calc(100% - 28px)); }
  :is(.mj-learn-page,.mj-watch-detail-page) .mj-subtitle-settings__header strong { font-size: var(--ml-type-learning); }
  :is(.mj-learn-page,.mj-watch-detail-page) .mj-subtitle-settings__header small,
  :is(.mj-learn-page,.mj-watch-detail-page) .mj-subtitle-presets>span,
  :is(.mj-learn-page,.mj-watch-detail-page) .mj-subtitle-track header small,
  :is(.mj-learn-page,.mj-watch-detail-page) .mj-subtitle-settings__footer { font-size: var(--ml-type-meta); line-height: 1.65; }
  :is(.mj-learn-page,.mj-watch-detail-page) .mj-subtitle-presets button,
  :is(.mj-learn-page,.mj-watch-detail-page) .mj-subtitle-settings__grid label,
  :is(.mj-learn-page,.mj-watch-detail-page) .mj-subtitle-settings__grid select,
  :is(.mj-learn-page,.mj-watch-detail-page) .mj-subtitle-settings__range output,
  :is(.mj-learn-page,.mj-watch-detail-page) .mj-subtitle-track label,
  :is(.mj-learn-page,.mj-watch-detail-page) .mj-subtitle-track select,
  :is(.mj-learn-page,.mj-watch-detail-page) .mj-subtitle-settings__footer button { font-size: var(--ml-type-secondary); }
  :is(.mj-learn-page,.mj-watch-detail-page) .mj-subtitle-settings__grid label { min-height: 74px; }
}

@media (max-width: 700px) {
  .mj-theme-menu__label--text,
  .mj-learning-text-sizes { display: none!important; }
}