/* JDS lesson playback — presentation of the existing learning workspace.
   Component aliases are scoped here; site typography, primary colour and
   accessibility preferences remain the source of truth. */
.jds-lesson-player {
    --jds-lesson-canvas: #f7f9fb;
    --jds-lesson-surface: #fff;
    --jds-lesson-raised: #f0f4f8;
    --jds-lesson-ink: #0f172a;
    --jds-lesson-muted: #526176;
    --jds-lesson-line: #e2e8f0;
    --jds-lesson-accent: var(--jds-color-primary, #008a90);
    --jds-lesson-accent-ink: color-mix(in srgb, var(--jds-lesson-accent) 72%, #0f172a);
    --jds-lesson-selected: var(--jds-lesson-surface);
    --jds-lesson-rail-width: 360px;
    --jds-lesson-bar-height: 64px;
    --jds-lesson-radius: var(--jds-radius-control, 12px);
    --jds-lesson-gap: var(--jds-space-5, 20px);
    --jds-color-surface: var(--jds-lesson-surface);
    --jds-color-surface-soft: var(--jds-lesson-raised);
    --jds-color-text: var(--jds-lesson-ink);
    --jds-color-muted: var(--jds-lesson-muted);
    --jds-color-border: var(--jds-lesson-line);
    --jaygah-surface: var(--jds-lesson-surface);
    --jaygah-surface-soft: var(--jds-lesson-raised);
    --jaygah-text: var(--jds-lesson-ink);
    --jaygah-muted: var(--jds-lesson-muted);
    --jaygah-line: var(--jds-lesson-line);
    --jaygah-accent-text: var(--jds-lesson-accent-ink);
    min-height: 100dvh;
    width: 100%;
    max-width: none;
    margin: 0;
    background: var(--jds-lesson-canvas);
    color: var(--jds-lesson-ink);
    direction: rtl;
    font-family: var(--jds-font-family, inherit);
    line-height: var(--jds-leading-body, 1.9);
    color-scheme: light;
}

body.dark-mode-shkrn .jds-lesson-player:not([data-jds-lesson-theme="light"]),
.jds-lesson-player[data-jds-lesson-theme="dark"] {
    --jds-lesson-canvas: var(--jds-night-page);
    --jds-lesson-surface: var(--jds-night-surface);
    --jds-lesson-raised: var(--jds-night-elevated);
    --jds-lesson-ink: var(--jds-night-text);
    --jds-lesson-muted: var(--jds-night-muted);
    --jds-lesson-line: var(--jds-night-divider);
    --jds-lesson-accent-ink: var(--jds-dark-primary);
    --jds-lesson-selected: var(--jds-lesson-surface);
    color-scheme: dark;
}

.jds-lesson-player *,
.jds-lesson-player *::before,
.jds-lesson-player *::after { box-sizing: border-box; }
.jds-lesson-player :is(button, a, input, select, textarea):focus-visible {
    outline: var(--jds-focus-width, 2px) solid var(--jds-lesson-accent-ink);
    outline-offset: var(--jds-focus-offset, 3px);
}
.jds-lesson-player :is(button, input, select, textarea) { font: inherit; }
.jds-lesson-player :is(button, a) { -webkit-tap-highlight-color: transparent; }
.jds-lesson-player [hidden] { display: none; }
.jds-lesson-player :is(svg, img, video, audio, iframe) { max-width: 100%; }
.jds-lesson-player :is(h1, h2, h3, strong) { color: inherit; }

/* The page toolbar is independent of the public site header. */
.jds-lesson-player .jaygah-lesson-topbar {
    position: sticky;
    top: 0;
    z-index: 70;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    min-height: var(--jds-lesson-bar-height);
    padding: var(--jds-space-2, 8px) var(--jds-space-6, 24px);
    gap: var(--jds-space-6, 24px);
    border: 0;
    border-radius: 0;
    background: var(--jds-lesson-surface);
    box-shadow: none;
}
.jds-lesson-player .jaygah-back-course {
    display: flex;
    align-items: center;
    gap: var(--jds-space-3, 12px);
    min-width: 0;
    min-height: var(--jds-touch-target, 44px);
    padding: 0;
    border: 0;
    border-radius: var(--jds-lesson-radius);
    background: transparent;
    color: var(--jds-lesson-ink);
    text-decoration: none;
    font-size: var(--jds-type-small, 14px);
    box-shadow: none;
}
.jds-lesson-player .jaygah-back-icon {
    display: grid;
    place-items: center;
    flex: 0 0 32px;
    height: var(--jds-touch-target, 44px);
    border-radius: var(--jds-lesson-radius) 0 0 var(--jds-lesson-radius);
    background: var(--jds-lesson-raised);
}
.jds-lesson-player .jaygah-back-label {
    display: flex;
    align-items: center;
    align-self: stretch;
    margin-inline-start: calc(-1 * var(--jds-space-3, 12px));
    padding-inline: var(--jds-space-2, 8px) var(--jds-space-3, 12px);
    border-radius: 0 var(--jds-lesson-radius) var(--jds-lesson-radius) 0;
    background: var(--jds-lesson-raised);
    white-space: nowrap;
    font-weight: var(--jds-weight-label, 700);
}
.jds-lesson-player .jaygah-player-course-title {
    display: block;
    overflow: hidden;
    min-width: 0;
    max-width: 300px;
    padding: 0;
    margin: 0;
    border: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.6;
    font-size: var(--jds-type-small, 14px);
    color: var(--jds-lesson-ink);
}
.jds-lesson-player .jaygah-lesson-topbar > .jds-lesson-progress {
    display: grid;
    grid-template-columns: auto 60px;
    align-items: center;
    gap: var(--jds-space-3, 12px);
    width: auto;
    min-width: 225px;
    max-width: none;
    padding: var(--jds-space-2, 8px) var(--jds-space-4, 16px);
    border-radius: var(--jds-radius-pill, 999px);
    background: var(--jds-lesson-raised);
}
.jds-lesson-player .jaygah-lesson-topbar > div > span {
    font-size: var(--jds-type-meta, 13px);
    color: var(--jds-lesson-accent-ink);
    white-space: nowrap;
}
.jds-lesson-player .jaygah-lesson-topbar small {
    display: inline;
    margin-inline-start: var(--jds-space-3, 12px);
    color: var(--jds-lesson-muted);
    font-size: var(--jds-type-caption, 12px);
    font-weight: var(--jds-weight-label, 700);
}
.jds-lesson-player .jaygah-progress {
    height: 6px;
    min-width: 60px;
    background: color-mix(in srgb, var(--jds-lesson-accent) 12%, var(--jds-lesson-surface));
}
.jds-lesson-player .jaygah-progress > span { background: var(--jds-lesson-accent); }
.jds-lesson-player .jaygah-lesson-topbar .jaygah-player-profile {
    display: flex;
    justify-self: end;
    align-items: center;
    flex-wrap: nowrap;
    gap: var(--jds-space-2, 8px);
    width: auto;
    min-width: 0;
    max-width: none;
}
.jds-lesson-player .jds-lesson-topbar-tools {
    display: flex;
    align-items: center;
    gap: var(--jds-space-2, 8px);
}
.jds-lesson-player .jds-lesson-topbar-tools[hidden] { display: none; }
.jds-lesson-player .jds-lesson-topbar-tools > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--jds-space-2, 8px);
    width: auto;
    height: var(--jds-touch-target, 44px);
    min-height: var(--jds-touch-target, 44px);
    min-width: var(--jds-touch-target, 44px);
    padding: var(--jds-space-2, 8px) var(--jds-space-3, 12px);
    margin: 0;
    border: 0;
    border-radius: var(--jds-lesson-radius);
    color: var(--jds-lesson-ink);
    background: var(--jds-lesson-raised);
    box-shadow: none;
    font-size: var(--jds-type-small, 14px);
    font-weight: var(--jds-weight-label, 700);
    white-space: nowrap;
    cursor: pointer;
}
.jds-lesson-player .jds-lesson-topbar-tools > button::after { content: none; }
.jds-lesson-player .jds-lesson-topbar-tools :is(svg, .jaygah-motion-icon) {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
}
.jds-lesson-player .jds-lesson-topbar-tools > button:hover,
.jds-lesson-player .jds-lesson-topbar-tools > button[aria-pressed="true"] {
    background: color-mix(in srgb, var(--jds-lesson-accent) 10%, var(--jds-lesson-raised));
    color: var(--jds-lesson-accent-ink);
}
.jds-lesson-player .jaygah-topbar-percent { display: none; }

/* Explicit physical columns avoid the inherited RTL grid reversing the rail. */
.jds-lesson-player .jaygah-focus-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--jds-lesson-rail-width);
    align-items: start;
    gap: 0;
    max-width: none;
    margin: 0;
    padding: 0;
    direction: ltr;
}
.jds-lesson-player .jaygah-focus-layout > * { min-width: 0; direction: rtl; }
.jds-lesson-player .jaygah-focus-layout > .jaygah-lesson-layout {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
}
.jds-lesson-player .jaygah-lesson-main {
    display: flex;
    flex-direction: column;
    gap: var(--jds-lesson-gap);
    min-width: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: var(--jds-space-8, 32px) clamp(24px, 3.1vw, 48px) var(--jds-space-8, 32px) !important;
    overflow-wrap: anywhere;
}
.jds-lesson-player .jaygah-lesson-main > *,
.jds-lesson-player .jaygah-lesson-main > .jaygah-lesson-blocks,
.jds-lesson-player .jaygah-lesson-main > .jaygah-lesson-heading { order: initial; }
.jds-lesson-player .jaygah-lesson-main > .jaygah-lesson-heading { margin: 0; }
.jds-lesson-player .jaygah-lesson-heading {
    display: block;
    width: 100%;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.jds-lesson-player .jds-lesson-breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--jds-space-2, 8px);
    margin-bottom: var(--jds-space-2, 8px);
    color: var(--jds-lesson-muted);
    font-size: var(--jds-type-meta, 13px);
    line-height: 1.7;
}
.jds-lesson-player .jds-lesson-breadcrumbs a { color: inherit; text-decoration: none; }
.jds-lesson-player .jds-lesson-breadcrumbs a:hover { color: var(--jds-lesson-accent-ink); }
.jds-lesson-player .jaygah-lesson-heading h1 {
    margin: 0;
    font-size: clamp(24px, 2.3vw, 36px);
    line-height: 1.55;
    font-weight: var(--jds-weight-heading, 800);
    color: var(--jds-lesson-ink);
}
.jds-lesson-player .jds-lesson-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--jds-space-2, 8px);
    margin-top: var(--jds-space-4, 16px);
}
.jds-lesson-player .jds-lesson-meta:empty { display: none; }
.jds-lesson-player .jds-lesson-meta > :is(a, span) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--jds-space-2, 8px);
    min-height: var(--jds-touch-target, 44px);
    padding: var(--jds-space-2, 8px) var(--jds-space-3, 12px);
    border: 0;
    border-radius: var(--jds-lesson-radius);
    background: var(--jds-lesson-raised);
    color: var(--jds-lesson-muted);
    box-shadow: none;
    text-decoration: none;
    font-size: var(--jds-type-meta, 13px);
    font-weight: var(--jds-weight-label, 700);
    white-space: normal;
}
.jds-lesson-player .jds-lesson-meta > .jaygah-duration {
    background: color-mix(in srgb, var(--jds-lesson-accent) 10%, var(--jds-lesson-surface));
    color: var(--jds-lesson-accent-ink);
}
.jds-lesson-player .jds-lesson-meta > .jds-lesson-media-meta {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--jds-space-2, 8px);
    min-width: 0;
    min-height: var(--jds-touch-target, 44px);
    max-width: 100%;
    margin: 0;
    padding: var(--jds-space-2, 8px) var(--jds-space-3, 12px);
    border: 0;
    border-radius: var(--jds-lesson-radius);
    background: var(--jds-lesson-raised);
    color: var(--jds-lesson-muted);
    line-height: 1.7;
}
.jds-lesson-player .jds-lesson-media-meta h2 {
    margin: 0;
    font-size: var(--jds-type-meta, 13px);
    font-weight: var(--jds-weight-label, 700);
    line-height: 1.7;
}
.jds-lesson-player .jds-lesson-media-meta .jaygah-media-required {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--jds-lesson-accent-ink);
    font-size: var(--jds-type-caption, 12px);
    line-height: 1.7;
}
.jds-lesson-player .jds-lesson-meta > a:hover { color: var(--jds-lesson-accent-ink); }
.jds-lesson-player .jds-lesson-meta svg { width: 18px; height: 18px; flex: 0 0 18px; }

/* Original media elements and their browser/player controls remain intact. */
.jds-lesson-player .jaygah-lesson-blocks { display: grid; gap: var(--jds-lesson-gap); }
.jds-lesson-player .jaygah-lesson-blocks:empty { display: none; }
.jds-lesson-player .jaygah-content-block { min-width: 0; margin: 0; }
.jds-lesson-player .jaygah-content-block > header h2 {
    font-size: var(--jds-type-card-title, 16px);
    line-height: 1.7;
}
.jds-lesson-player .jaygah-video-frame {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: none;
    margin: 0;
    border-radius: var(--jds-lesson-radius);
    background: #05080e;
    box-shadow: none;
    overflow: hidden;
}
.jds-lesson-player .jaygah-video-frame video { display: block; width: 100%; height: auto; }
.jds-lesson-player video.jaygah-video-frame { aspect-ratio: 16 / 9; object-fit: contain; }
.jds-lesson-player .jaygah-content-block--audio {
    padding: var(--jds-space-6, 24px);
    border-radius: var(--jds-lesson-radius);
    background: var(--jds-lesson-surface);
    box-shadow: none;
}
.jds-lesson-player .jds-lesson-timeline {
    padding: var(--jds-space-4, 16px);
    border-radius: var(--jds-lesson-radius);
    background: var(--jds-lesson-surface);
    overflow: hidden;
}
.jds-lesson-player .jds-lesson-timeline h2 {
    margin: 0 0 var(--jds-space-3, 12px);
    font-size: var(--jds-type-card-title, 16px);
    line-height: 1.6;
    font-weight: var(--jds-weight-heading, 800);
}
.jds-lesson-player .jds-lesson-timeline .jaygah-video-chapters {
    display: flex;
    gap: var(--jds-space-2, 8px);
    margin: 0;
    padding: 0;
    overflow-x: auto;
    scrollbar-width: thin;
    list-style: none;
}
.jds-lesson-player .jds-lesson-timeline .jaygah-video-chapters + .jaygah-video-chapters { margin-top: var(--jds-space-2, 8px); }
.jds-lesson-player .jds-lesson-timeline li { flex: 0 0 auto; max-width: 100%; }
.jds-lesson-player .jds-lesson-timeline button {
    width: auto;
    min-height: var(--jds-touch-target, 44px);
    max-width: 100%;
    padding: var(--jds-space-2, 8px) var(--jds-space-3, 12px);
    border: 0;
    border-radius: var(--jds-lesson-radius);
    background: var(--jds-lesson-raised);
    color: var(--jds-lesson-muted);
    font-size: var(--jds-type-meta, 13px);
}
.jds-lesson-player .jds-lesson-timeline button:hover { color: var(--jds-lesson-accent-ink); }
.jds-lesson-player .jds-lesson-timeline [data-jaygah-seek].is-current {
    background: color-mix(in srgb, var(--jds-lesson-accent) 10%, var(--jds-lesson-surface));
    color: var(--jds-lesson-accent-ink);
    font-weight: var(--jds-weight-heading, 800);
}
.jds-lesson-player .jaygah-video-chapters time { color: var(--jds-lesson-accent-ink); }

/* One quiet tray groups canonical previous/next and POST action forms. */
.jds-lesson-player .jds-lesson-action-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--jds-space-3, 12px);
    padding: var(--jds-space-4, 16px);
    border-radius: var(--jds-lesson-radius);
    background: var(--jds-lesson-surface);
}
.jds-lesson-player .jaygah-lesson-navigation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--jds-space-2, 8px);
    min-width: 0;
}
.jds-lesson-player .jaygah-lesson-navigation > span:empty { display: none; }
.jds-lesson-player .jaygah-lesson-navigation a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
    max-width: 270px;
    min-height: var(--jds-touch-target, 44px);
    padding: var(--jds-space-2, 8px) var(--jds-space-4, 16px);
    border-radius: var(--jds-lesson-radius);
    background: var(--jds-lesson-raised);
    color: var(--jds-lesson-ink);
    text-decoration: none;
    text-align: start;
    box-shadow: none;
    line-height: 1.6;
}
.jds-lesson-player .jaygah-lesson-navigation a small { color: inherit; font-size: var(--jds-type-caption, 12px); }
.jds-lesson-player .jaygah-lesson-navigation a strong { font-size: var(--jds-type-meta, 13px); }
.jds-lesson-player .jaygah-lesson-navigation a:last-child {
    background: var(--jds-lesson-accent);
    color: var(--jds-color-on-primary, #fff);
}
.jds-lesson-player .jaygah-lesson-actions { display: flex; flex-wrap: wrap; gap: var(--jds-space-2, 8px); margin: 0; }
.jds-lesson-player .jaygah-lesson-actions form { margin: 0; }
.jds-lesson-player .jaygah-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--jds-space-2, 8px);
    min-height: var(--jds-touch-target, 44px);
    padding: var(--jds-space-2, 8px) var(--jds-space-4, 16px);
    border: 0;
    border-radius: var(--jds-lesson-radius);
    background: var(--jds-lesson-accent);
    color: var(--jds-color-on-primary, #fff);
    box-shadow: none;
    font-size: var(--jds-type-small, 14px);
    font-weight: var(--jds-weight-label, 700);
    cursor: pointer;
}
.jds-lesson-player .jaygah-button-ghost,
.jds-lesson-player .jds-lesson-action-row .jaygah-button {
    background: var(--jds-lesson-raised);
    color: var(--jds-lesson-ink);
}
/* Core's base .jaygah-button text is !important, including enabled completion. */
.jds-lesson-player .jds-lesson-action-row .jaygah-button {
    color: var(--jds-lesson-ink) !important;
}
/* The older focus shell forces white guest button text with !important. */
:where(body:not(.logged-in)) .jds-lesson-player .jaygah-button-ghost {
    color: var(--jds-lesson-ink) !important;
}
.jds-lesson-player .jaygah-button:hover { filter: brightness(.96); transform: none; box-shadow: none; }
.jds-lesson-player :is(button, a)[aria-disabled="true"],
.jds-lesson-player button:disabled { opacity: var(--jds-disabled-opacity, .55); cursor: not-allowed; }

/* The same real content nodes become accessible tabs when JS is available. */
.jds-lesson-player .jaygah-lesson-tools {
    min-width: 0;
    margin: 0;
    border: 0;
    border-radius: var(--jds-lesson-radius);
    background: var(--jds-lesson-surface);
    box-shadow: none;
    overflow: hidden;
}
.jds-lesson-player .jaygah-lesson-tool-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--jds-space-2, 8px);
    padding: var(--jds-space-2, 8px);
    border: 0;
    background: var(--jds-lesson-raised);
    overflow-x: auto;
    scrollbar-width: thin;
}
.jds-lesson-player .jaygah-lesson-tool-tabs button {
    flex: 0 0 auto;
    min-height: var(--jds-touch-target, 44px);
    padding: var(--jds-space-2, 8px) var(--jds-space-3, 12px);
    border: 0;
    border-radius: var(--jds-lesson-radius);
    background: transparent;
    color: var(--jds-lesson-muted);
    font-size: var(--jds-type-small, 14px);
    font-weight: var(--jds-weight-label, 700);
    white-space: nowrap;
}
.jds-lesson-player .jaygah-lesson-tool-tabs button[aria-selected="true"] {
    border: 0;
    background: var(--jds-lesson-selected);
    color: var(--jds-lesson-accent-ink);
}
.jds-lesson-player .jaygah-lesson-tool-panel {
    display: grid;
    gap: var(--jds-space-4, 16px);
    padding: var(--jds-space-6, 24px);
    scroll-margin-top: calc(var(--jds-lesson-bar-height) + var(--jds-space-4, 16px));
}
.jds-lesson-player .jaygah-lesson-tool-panel[hidden] { display: none; }
.jds-lesson-player .jaygah-lesson-tool-panel > :is(.jaygah-notes, .jaygah-lesson-questions) {
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.jds-lesson-player .jaygah-lesson-tool-panel .jaygah-content-block--text {
    padding: var(--jds-space-6, 24px);
    border: 0;
    border-radius: var(--jds-lesson-radius);
    background: var(--jds-lesson-raised);
    box-shadow: none;
    font-size: var(--jds-type-body, 16px);
    line-height: var(--jds-leading-body, 1.9);
}
.jds-lesson-player .jaygah-lesson-tool-panel :is(p, li) { color: var(--jds-lesson-muted); }
.jds-lesson-player .jaygah-lesson-tool-panel :is(h2, h3) { margin-top: 0; line-height: 1.7; }
.jds-lesson-player .jaygah-lesson-files { padding: 0; }
.jds-lesson-player .jaygah-lesson-files a {
    min-height: 72px;
    padding: var(--jds-space-4, 16px);
    border: 0;
    border-radius: var(--jds-lesson-radius);
    background: var(--jds-lesson-raised);
    color: var(--jds-lesson-ink);
    text-decoration: none;
}
.jds-lesson-player .jaygah-lesson-files a > span { color: var(--jds-lesson-accent-ink); background: var(--jds-lesson-surface); }
.jds-lesson-player .jaygah-lesson-files small { color: var(--jds-lesson-muted); }
.jds-lesson-player .jaygah-lesson-transcript { padding: var(--jds-space-4, 16px); border: 0; border-radius: var(--jds-lesson-radius); background: var(--jds-lesson-raised); }
.jds-lesson-player .jaygah-lesson-transcript summary { display: flex; align-items: center; min-height: var(--jds-touch-target, 44px); cursor: pointer; font-weight: var(--jds-weight-label, 700); }
.jds-lesson-player :is(textarea, input[type="text"], input[type="search"], select) {
    max-width: 100%;
    min-height: var(--jds-touch-target, 44px);
    padding: var(--jds-space-3, 12px);
    border: 1px solid var(--jds-lesson-line);
    border-radius: var(--jds-lesson-radius);
    background: var(--jds-lesson-canvas);
    color: var(--jds-lesson-ink);
    box-shadow: none;
}
.jds-lesson-player textarea { width: 100%; min-height: 120px; resize: vertical; }
.jds-lesson-player :is(textarea, input)::placeholder { color: var(--jds-lesson-muted); opacity: 1; }
.jds-lesson-player .jaygah-note-list article { background: var(--jds-lesson-raised); border-radius: var(--jds-lesson-radius); }
.jds-lesson-player .jaygah-course-content-search { margin: 0; padding: var(--jds-space-4, 16px); border: 0; border-radius: var(--jds-lesson-radius); background: var(--jds-lesson-surface); box-shadow: none; }
.jds-lesson-player .jaygah-course-content-search > summary { min-height: var(--jds-touch-target, 44px); align-content: center; cursor: pointer; }
.jds-lesson-player .jaygah-lesson-locked { padding: var(--jds-space-12, 48px) var(--jds-space-6, 24px); border-radius: var(--jds-lesson-radius); background: var(--jds-lesson-surface); }
.jds-lesson-player .jaygah-lesson-locked ul { margin: var(--jds-space-4, 16px) 0; padding: 0; list-style: none; color: var(--jds-lesson-muted); }

/* The curriculum is a continuous right rail, with chapters on neutral panels. */
.jds-lesson-player .jaygah-focus-layout > .jaygah-curriculum-rail,
.jds-lesson-player .jaygah-focus-layout > .jaygah-curriculum-rail.is-expanded {
    grid-column: 2;
    grid-row: 1;
    position: sticky;
    top: var(--jds-lesson-bar-height);
    inset-inline: auto;
    bottom: auto;
    display: block;
    width: 100%;
    min-width: 0;
    height: calc(100dvh - var(--jds-lesson-bar-height));
    max-height: calc(100dvh - var(--jds-lesson-bar-height));
    padding: var(--jds-space-6, 24px);
    border: 0;
    border-radius: 0;
    background: var(--jds-lesson-surface);
    box-shadow: none;
    backdrop-filter: none;
    overflow: auto;
    scrollbar-width: thin;
    transition: none;
}
.jds-lesson-player .jaygah-curriculum-rail > .jaygah-curriculum-toggle {
    display: none;
    margin: 0;
    background: var(--jds-lesson-raised);
    color: var(--jds-lesson-ink);
}
.jds-lesson-player .jaygah-curriculum-panel { height: auto; max-height: none; margin: 0; padding: 0; overflow: visible; }
.jds-lesson-player .jaygah-curriculum-panel > header { padding: 0 0 var(--jds-space-6, 24px); }
.jds-lesson-player .jaygah-curriculum-panel > header .jaygah-eyebrow { color: var(--jds-lesson-accent-ink); font-size: var(--jds-type-small, 14px); font-weight: var(--jds-weight-label, 700); }
.jds-lesson-player .jaygah-curriculum-panel > header h2 { margin-top: var(--jds-space-1, 4px); font-size: var(--jds-type-card-title, 16px); line-height: 1.7; }
.jds-lesson-player .jaygah-curriculum-panel details {
    padding: var(--jds-space-3, 12px);
    margin: 0 0 var(--jds-space-3, 12px);
    border: 0;
    border-radius: var(--jds-lesson-radius);
    background: var(--jds-lesson-raised);
}
.jds-lesson-player .jaygah-curriculum-panel summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--jds-space-3, 12px);
    min-height: 56px;
    padding: var(--jds-space-2, 8px);
    color: var(--jds-lesson-ink);
    font-size: var(--jds-type-small, 14px);
    font-weight: var(--jds-weight-heading, 800);
    line-height: 1.7;
    list-style: none;
}
.jds-lesson-player .jaygah-curriculum-panel summary::-webkit-details-marker { display: none; }
.jds-lesson-player .jaygah-curriculum-panel summary::after { content: "⌄"; flex: 0 0 12px; color: var(--jds-lesson-muted); }
.jds-lesson-player .jaygah-curriculum-panel details[open] > summary::after { transform: rotate(180deg); }
.jds-lesson-player .jaygah-curriculum-panel summary > span { flex: 1; }
.jds-lesson-player .jaygah-curriculum-panel summary small { flex: 0 0 auto; color: var(--jds-lesson-muted); font-size: var(--jds-type-caption, 12px); white-space: nowrap; }
.jds-lesson-player .jaygah-curriculum-panel ol { display: grid; gap: var(--jds-space-1, 4px); margin: var(--jds-space-3, 12px) 0 0; padding: 0; list-style: none; }
.jds-lesson-player .jaygah-curriculum-panel li { margin: 0; padding: 0; min-width: 0; }
.jds-lesson-player .jaygah-curriculum-panel li a,
.jds-lesson-player .jaygah-curriculum-panel .jaygah-locked-lesson {
    display: flex;
    align-items: center;
    gap: var(--jds-space-2, 8px);
    min-height: 60px;
    padding: var(--jds-space-3, 12px) var(--jds-space-2, 8px);
    border: 0;
    border-radius: var(--jds-lesson-radius);
    background: transparent;
    color: var(--jds-lesson-muted);
    text-decoration: none;
    box-shadow: none;
}
.jds-lesson-player .jaygah-curriculum-panel li a:hover { background: var(--jds-lesson-selected); }
.jds-lesson-player .jaygah-curriculum-panel li.is-current a { background: var(--jds-lesson-selected); color: var(--jds-lesson-accent-ink); box-shadow: none; }
.jds-lesson-player .jaygah-curriculum-panel li.is-locked { opacity: 1; }
.jds-lesson-player .jaygah-curriculum-panel li.is-current a::after { content: "◀"; margin-inline-start: auto; font-size: 10px; }
.jds-lesson-player .jaygah-curriculum-panel li.is-completed a::after { content: "✓"; margin-inline-start: auto; color: var(--jds-lesson-muted); font-size: var(--jds-type-small, 14px); }
.jds-lesson-player .jaygah-curriculum-panel li strong { display: block; font-size: var(--jds-type-meta, 13px); font-weight: var(--jds-weight-label, 700); line-height: 1.8; white-space: normal; overflow-wrap: anywhere; }
.jds-lesson-player .jaygah-curriculum-panel li small { display: block; margin-top: var(--jds-space-1, 4px); font-size: var(--jds-type-caption, 12px); line-height: 1.8; color: var(--jds-lesson-muted); }
.jds-lesson-player .jaygah-curriculum-panel li .jaygah-kind-icon,
.jds-lesson-player .jaygah-curriculum-panel li.is-completed .jaygah-kind-icon { flex: 0 0 20px; width: 20px; height: 24px; background: transparent; color: inherit; }
.jds-lesson-player .jaygah-curriculum-panel li .jaygah-kind-icon svg { width: 18px; height: 18px; }
.jds-lesson-player .jaygah-curriculum-mini { display: none; }

@media (min-width: 1024px) {
    .jds-lesson-player .jaygah-focus-layout:has(.jaygah-curriculum-rail:not(.is-expanded)) { grid-template-columns: minmax(0, 1fr) 80px; }
    .jds-lesson-player .jaygah-focus-layout > .jaygah-curriculum-rail:not(.is-expanded) { padding: var(--jds-space-3, 12px); }
    .jds-lesson-player .jaygah-curriculum-rail:not(.is-expanded) > .jaygah-curriculum-toggle { display: grid; place-items: center; width: var(--jds-touch-target, 44px); height: var(--jds-touch-target, 44px); margin-bottom: var(--jds-space-3, 12px); }
    .jds-lesson-player .jaygah-curriculum-rail:not(.is-expanded) .jaygah-curriculum-panel { display: none; }
    .jds-lesson-player .jaygah-curriculum-rail:not(.is-expanded) .jaygah-curriculum-mini { display: grid; }
    .jds-lesson-player.is-focus-mode .jaygah-focus-layout,
    .jds-lesson-player.is-focus-mode .jaygah-focus-layout:has(.jaygah-curriculum-rail:not(.is-expanded)) { grid-template-columns: minmax(0, 1fr); }
    .jds-lesson-player.is-focus-mode .jaygah-curriculum-rail { display: none; }
    .jds-lesson-player.is-focus-mode .jaygah-lesson-main { max-width: 1280px; margin-inline: auto !important; }
}

@media (max-width: 1279px) and (min-width: 1024px) {
    .jds-lesson-player { --jds-lesson-rail-width: 320px; }
    .jds-lesson-player .jaygah-lesson-topbar { gap: var(--jds-space-3, 12px); padding-inline: var(--jds-space-4, 16px); }
    .jds-lesson-player .jaygah-player-course-title { max-width: 160px; font-size: var(--jds-type-meta, 13px); }
    .jds-lesson-player .jds-lesson-focus-toggle > span { display: none; }
    .jds-lesson-player .jaygah-lesson-main { padding-inline: var(--jds-space-6, 24px) !important; }
    .jds-lesson-player .jaygah-focus-layout > .jaygah-curriculum-rail { padding: var(--jds-space-4, 16px); }
}

/* On small screens the same navigator becomes a modal right drawer. */
@media (max-width: 1023px) {
    .jds-lesson-player .jaygah-focus-layout { display: block; padding: 0; }
    .jds-lesson-player .jaygah-lesson-main { padding: var(--jds-space-6, 24px) !important; }
    .jds-lesson-player .jaygah-player-course-title { max-width: 180px; font-size: var(--jds-type-meta, 13px); }
    .jds-lesson-player .jaygah-lesson-topbar { gap: var(--jds-space-3, 12px); padding-inline: var(--jds-space-4, 16px); }
    .jds-lesson-player .jaygah-lesson-topbar > .jds-lesson-progress { min-width: 170px; grid-template-columns: auto 44px; padding-inline: var(--jds-space-3, 12px); }
    .jds-lesson-player .jaygah-lesson-topbar small { display: block; margin: 0; }
    .jds-lesson-player .jds-lesson-focus-toggle > span,
    .jds-lesson-player .jds-lesson-curriculum-button > span { display: none; }
    .jds-lesson-player .jaygah-focus-layout > .jaygah-curriculum-rail,
    .jds-lesson-player .jaygah-focus-layout > .jaygah-curriculum-rail.is-expanded {
        position: fixed;
        z-index: 1001;
        inset: 0 0 0 auto;
        width: min(360px, calc(100vw - 32px));
        height: 100dvh;
        max-height: 100dvh;
        padding: var(--jds-space-4, 16px);
        border: 0;
        background: var(--jds-lesson-surface);
        box-shadow: var(--jds-shadow-raised, -12px 0 40px #0003);
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    .jds-lesson-player .jaygah-focus-layout > .jaygah-curriculum-rail:not(.is-expanded) { display: none; }
    .jds-lesson-player .jaygah-curriculum-rail > .jaygah-curriculum-toggle { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-inline-start: auto; margin-bottom: var(--jds-space-3, 12px); }
    .jds-lesson-player .jaygah-curriculum-rail > .jaygah-curriculum-toggle::after { content: none; }
    .jds-lesson-player .jaygah-curriculum-rail.is-expanded .jaygah-curriculum-panel { display: block; max-height: none; overflow: visible; }
    .jds-lesson-player .jaygah-curriculum-mini { display: none; }
    /* Without JS, the real chapter links stay in the normal document flow. */
    .jds-lesson-player:not(.is-enhanced) .jaygah-focus-layout > .jaygah-curriculum-rail,
    .jds-lesson-player:not(.is-enhanced) .jaygah-focus-layout > .jaygah-curriculum-rail.is-expanded {
        position: static;
        inset: auto;
        display: block;
        width: 100%;
        height: auto;
        max-height: none;
        padding: var(--jds-space-6, 24px) var(--jds-space-4, 16px);
        overflow: visible;
        box-shadow: none;
    }
    .jds-lesson-player:not(.is-enhanced) .jaygah-curriculum-rail > .jaygah-curriculum-toggle { display: none; }
    .jds-lesson-player:not(.is-enhanced) .jaygah-curriculum-rail .jaygah-curriculum-panel { display: block; }
    body.jaygah-learning-player-page.jaygah-drawer-open { overflow: hidden; }
    body.jaygah-learning-player-page > .jds-lesson-backdrop {
        position: fixed;
        z-index: 1000;
        inset: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: #02061780;
        cursor: pointer;
    }
    body.jaygah-learning-player-page > .jds-lesson-backdrop[hidden] { display: none; }
}

@media (max-width: 600px) {
    .jds-lesson-player { --jds-lesson-bar-height: 120px; --jds-lesson-gap: var(--jds-space-4, 16px); }
    .jds-lesson-player .jaygah-lesson-topbar {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        gap: var(--jds-space-2, 8px);
        min-height: var(--jds-lesson-bar-height);
        padding: var(--jds-space-2, 8px) var(--jds-space-4, 16px);
    }
    .jds-lesson-player .jaygah-back-course { grid-column: 1 / -1; grid-row: 1; min-height: 44px; gap: var(--jds-space-2, 8px); font-size: var(--jds-type-caption, 12px); }
    .jds-lesson-player .jaygah-back-icon { flex-basis: 24px; }
    .jds-lesson-player .jaygah-back-label { margin-inline-start: calc(-1 * var(--jds-space-2, 8px)); padding-inline: var(--jds-space-1, 4px) var(--jds-space-2, 8px); }
    .jds-lesson-player .jaygah-player-course-title { display: block; max-width: none; font-size: var(--jds-type-caption, 12px); flex: 1; }
    .jds-lesson-player .jaygah-lesson-topbar > .jds-lesson-progress {
        grid-column: 1;
        grid-row: 2;
        justify-self: start;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: var(--jds-space-1, 4px) var(--jds-space-2, 8px);
        min-width: 0;
        max-width: 100%;
        min-height: 44px;
        padding: var(--jds-space-1, 4px) var(--jds-space-3, 12px);
        border-radius: var(--jds-lesson-radius);
    }
    .jds-lesson-player .jaygah-lesson-topbar > div > span { font-size: var(--jds-type-caption, 12px); white-space: nowrap; }
    .jds-lesson-player .jaygah-lesson-topbar small { display: block; font-size: 10px; line-height: 1.6; }
    .jds-lesson-player .jaygah-progress { width: 36px; min-width: 36px; }
    .jds-lesson-player .jaygah-lesson-topbar .jaygah-player-profile { grid-column: 2; grid-row: 2; gap: var(--jds-space-1, 4px); }
    .jds-lesson-player .jds-lesson-topbar-tools { gap: var(--jds-space-1, 4px); }
    .jds-lesson-player .jds-lesson-topbar-tools > button { width: 44px; padding-inline: var(--jds-space-2, 8px); }
    .jds-lesson-player .jaygah-lesson-main { padding: var(--jds-space-6, 24px) var(--jds-space-4, 16px) var(--jds-space-6, 24px) !important; }
    .jds-lesson-player .jds-lesson-breadcrumbs { font-size: var(--jds-type-caption, 12px); }
    .jds-lesson-player .jaygah-lesson-heading h1 { font-size: 24px; line-height: 1.6; }
    .jds-lesson-player .jds-lesson-meta { gap: var(--jds-space-2, 8px); margin-top: var(--jds-space-3, 12px); }
    .jds-lesson-player .jds-lesson-meta > :is(a, span) { font-size: var(--jds-type-caption, 12px); padding-inline: var(--jds-space-2, 8px); }
    .jds-lesson-player .jds-lesson-action-row { padding: var(--jds-space-3, 12px); gap: var(--jds-space-3, 12px); }
    .jds-lesson-player .jaygah-lesson-navigation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
    .jds-lesson-player .jaygah-lesson-navigation a { min-width: 0; max-width: none; padding: var(--jds-space-2, 8px); }
    .jds-lesson-player .jaygah-lesson-navigation a:only-child { grid-column: 1 / -1; }
    .jds-lesson-player .jaygah-lesson-actions { display: flex; flex-wrap: nowrap; width: 100%; }
    .jds-lesson-player .jaygah-lesson-actions form { flex: 1; min-width: 0; }
    .jds-lesson-player .jaygah-lesson-actions .jaygah-button { width: 100%; padding-inline: var(--jds-space-2, 8px); font-size: var(--jds-type-meta, 13px); }
    .jds-lesson-player .jaygah-lesson-tool-tabs { padding: var(--jds-space-2, 8px); gap: var(--jds-space-1, 4px); scrollbar-width: none; }
    .jds-lesson-player .jaygah-lesson-tool-tabs::-webkit-scrollbar { display: none; }
    .jds-lesson-player .jaygah-lesson-tool-tabs button { font-size: var(--jds-type-meta, 13px); }
    .jds-lesson-player .jaygah-lesson-tool-panel { padding: var(--jds-space-4, 16px); }
    .jds-lesson-player .jaygah-lesson-tool-panel .jaygah-content-block--text { padding: var(--jds-space-4, 16px); font-size: var(--jds-type-small, 14px); }
    .jds-lesson-player .jaygah-notes > header { flex-direction: column; gap: var(--jds-space-1, 4px); }
    .jds-lesson-player .jaygah-notes > form { grid-template-columns: minmax(0, 1fr); }
    .jds-lesson-player .jaygah-lesson-files > div { grid-template-columns: minmax(0, 1fr); }
    .jds-lesson-player .jaygah-course-content-search form { grid-template-columns: minmax(0, 1fr); }
    .jds-lesson-player .jaygah-lesson-locked { padding: var(--jds-space-8, 32px) var(--jds-space-4, 16px); }
    .jds-lesson-player .jaygah-lesson-locked > div { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
    .jds-lesson-player *, .jds-lesson-player *::before, .jds-lesson-player *::after { scroll-behavior: auto; transition: none; animation: none; }
}

/* The curriculum control shares the toolbar sizing, without legacy pseudo copy. */
.jds-lesson-player .jds-lesson-program-control > .jds-lesson-curriculum-button {
    width: auto;
    flex: 0 0 auto;
    height: var(--jds-touch-target, 44px);
}
.jds-lesson-player .jds-lesson-program-control > .jds-lesson-curriculum-button::after { content: none; }

/* Lesson review: independent curriculum sizing and focused reading. */
.jds-lesson-player { --jds-lesson-progress-accent: var(--jds-color-info, #2563eb); }
.jds-lesson-player[data-jds-lesson-theme="dark"] { --jds-lesson-progress-accent: #60a5fa; }
.jds-lesson-player .jaygah-lesson-topbar>div.jds-lesson-course-controls { display:flex; align-items:center; justify-self:stretch; gap:var(--jds-space-3,12px); width:100%; max-width:none; min-width:0; }
.jds-lesson-player .jds-lesson-course-controls .jaygah-back-course { flex:1; min-width:0; }
.jds-lesson-player .jds-lesson-program-control>.jds-lesson-curriculum-button { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:8px; min-width:44px; min-height:44px; margin:0; padding:8px 12px; border:0; border-radius:var(--jds-lesson-radius); background:var(--jds-lesson-raised); color:var(--jds-lesson-ink); font-size:var(--jds-type-small,14px); font-weight:700; cursor:pointer; }
.jds-lesson-player .jds-lesson-curriculum-button[hidden] { display:none; }
.jds-lesson-player .jds-lesson-curriculum-button svg { flex:0 0 20px; width:20px; height:20px; }
.jds-lesson-player .jaygah-back-label { margin-inline-start:0; padding-inline:12px 8px; }
.jds-lesson-player .jaygah-back-icon { margin-inline-start:-12px; }
.jds-lesson-player .jaygah-lesson-topbar>.jds-lesson-progress { background:color-mix(in srgb,var(--jds-lesson-progress-accent) 7%,var(--jds-lesson-surface)); }
.jds-lesson-player .jaygah-lesson-topbar>.jds-lesson-progress>span { display:flex; align-items:center; gap:6px; color:var(--jds-lesson-ink); }
.jds-lesson-player .jds-lesson-progress-value { color:var(--jds-lesson-progress-accent); font-weight:800; }
.jds-lesson-player .jds-lesson-progress-label { display:inline-block; direction:rtl; unicode-bidi:isolate; color:var(--jds-lesson-ink); word-spacing:normal; letter-spacing:normal; }
.jds-lesson-player .jds-lesson-progress small { margin-inline-start:6px; color:var(--jds-lesson-muted); }
.jds-lesson-player .jaygah-progress { background:var(--jds-lesson-line); }
.jds-lesson-player .jaygah-progress>span { background:var(--jds-lesson-progress-accent); }
.jds-lesson-player .jds-lesson-chapter-index { display:none; }
.jds-lesson-player.is-focus-mode .jaygah-focus-layout>.jaygah-curriculum-rail { display:none; }
@media(min-width:1024px){
 .jds-lesson-player.is-enhanced .jaygah-focus-layout>.jaygah-curriculum-rail:not(.is-expanded)>:is(.jaygah-curriculum-toggle,.jaygah-curriculum-mini){display:none}
 .jds-lesson-player.is-enhanced .jaygah-curriculum-rail:not(.is-expanded)>.jds-lesson-chapter-index{display:grid;justify-items:center;gap:12px}
 .jds-lesson-player .jds-lesson-chapter-index button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--jds-lesson-radius);background:var(--jds-lesson-raised);color:var(--jds-lesson-muted);font-size:1rem;font-weight:800;cursor:pointer}
 .jds-lesson-player .jds-lesson-chapter-index button:is(:hover,[aria-current]){background:color-mix(in srgb,var(--jds-lesson-accent) 12%,var(--jds-lesson-surface));color:var(--jds-lesson-accent-ink)}
}
.jds-lesson-player .jaygah-lesson-tool-tabs [role="tab"]{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.jds-lesson-player .jaygah-lesson-tool-tabs .jaygah-motion-icon{flex:0 0 19px;width:19px;height:19px}
@keyframes jds-lesson-tab-nudge{0%,100%{transform:translateY(0)}40%{transform:translateY(-2px)}}
@keyframes jds-lesson-tab-write{0%{stroke-dashoffset:48}100%{stroke-dashoffset:0}}
@media(prefers-reduced-motion:no-preference){
 body:not(.jaygah-reduced-motion) .jds-lesson-player .jaygah-lesson-tool-tabs button:is(:hover,:focus-visible,.is-icon-active)>.jaygah-motion-icon{animation:jds-lesson-tab-nudge 700ms ease}
 body:not(.jaygah-reduced-motion) .jds-lesson-player [data-jds-tab=content]:is(:hover,:focus-visible,.is-icon-active) .jaygah-icon-book-page--right{animation:jaygah-book-right 700ms ease}
 body:not(.jaygah-reduced-motion) .jds-lesson-player [data-jds-tab=content]:is(:hover,:focus-visible,.is-icon-active) .jaygah-icon-book-page--left{animation:jaygah-book-left 700ms ease}
 body:not(.jaygah-reduced-motion) .jds-lesson-player [data-jds-tab=resources]:is(:hover,:focus-visible,.is-icon-active) svg path{animation:jaygah-assignment-clip 700ms ease}
 body:not(.jaygah-reduced-motion) .jds-lesson-player [data-jds-tab=transcript]:is(:hover,:focus-visible,.is-icon-active) .jaygah-icon-assignment-clip{animation:jaygah-assignment-clip 700ms ease}
 body:not(.jaygah-reduced-motion) .jds-lesson-player [data-jds-tab=notes]:is(:hover,:focus-visible,.is-icon-active) svg path{stroke-dasharray:48;animation:jds-lesson-tab-write 700ms ease}
 body:not(.jaygah-reduced-motion) .jds-lesson-player [data-jds-tab=questions]:is(:hover,:focus-visible,.is-icon-active) .jaygah-icon-quiz-check{animation:jaygah-quiz-check 700ms ease}
}
@media(max-width:600px){
 .jds-lesson-player .jaygah-lesson-topbar>div.jds-lesson-course-controls{grid-column:1/-1;grid-row:1;gap:8px}
 .jds-lesson-player .jds-lesson-curriculum-button>span{display:none}
 .jds-lesson-player .jds-lesson-program-control>.jds-lesson-curriculum-button{width:44px;padding:8px}
 .jds-lesson-player .jaygah-back-label{margin:0;padding-inline:8px 4px}
 .jds-lesson-player .jaygah-back-icon{margin-inline-start:-8px}
 .jds-lesson-player .jaygah-lesson-topbar>.jds-lesson-progress>span{display:grid;grid-template-columns:auto auto;gap:0 4px;line-height:1.5}
 .jds-lesson-player .jds-lesson-progress small{grid-column:1/-1;margin:0;text-align:center}
}


/* Program sizing lives above the rail, leaving the topbar for course/progress. */
.jds-lesson-player .jds-lesson-program-control {
    grid-column: 2;
    grid-row: 1;
    position: sticky;
    top: calc(var(--jds-lesson-bar-height) + 24px);
    z-index: 65;
    align-self: start;
    justify-self: end;
    width: max-content;
    min-width: 0;
    margin: 24px 24px 0;
}
.jds-lesson-player.is-focus-mode .jds-lesson-program-control { display: none; }
@media (min-width: 1024px) {
    .jds-lesson-player .jaygah-lesson-topbar > .jds-lesson-progress {
        grid-template-columns: auto 100px;
        min-width: 340px;
    }
    .jds-lesson-player .jaygah-focus-layout > .jaygah-curriculum-rail,
    .jds-lesson-player .jaygah-focus-layout > .jaygah-curriculum-rail.is-expanded,
    .jds-lesson-player .jaygah-focus-layout > .jaygah-curriculum-rail:not(.is-expanded) {
        padding-top: 88px;
    }
    .jds-lesson-player .jaygah-focus-layout:has(.jaygah-curriculum-rail:not(.is-expanded)) > .jds-lesson-program-control {
        justify-self: center;
        margin-inline: 0;
    }
    .jds-lesson-player .jaygah-focus-layout:has(.jaygah-curriculum-rail:not(.is-expanded)) .jds-lesson-curriculum-button > span { display: none; }
}
@media (max-width: 1023px) {
    .jds-lesson-player .jds-lesson-program-control {
        position: static;
        display: flex;
        justify-content: flex-start;
        width: auto;
        margin: var(--jds-space-4, 16px) var(--jds-space-6, 24px) 0;
    }
    .jds-lesson-player .jds-lesson-program-control .jds-lesson-curriculum-button {
        width: auto;
        padding-inline: var(--jds-space-3, 12px);
    }
    .jds-lesson-player .jds-lesson-program-control .jds-lesson-curriculum-button > span { display: inline; }
    .jds-lesson-player.is-focus-mode .jds-lesson-program-control { display: none; }
}
@media (max-width: 600px) {
    .jds-lesson-player .jds-lesson-program-control { margin-inline: var(--jds-space-4, 16px); }
}