/* Recital Hall identity inherited from the host. Keep the listening surface quiet. */
.lesson-study{--study-player-height:220px;--study-small:.88rem;--study-fine:.8rem;color:var(--ink,#26211c);font-family:Inter,system-ui,sans-serif;padding-bottom:calc(var(--study-player-height) + 32px);min-width:0}
.lesson-study h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.8rem;line-height:1.12;margin:2.4rem 0 .9rem;scroll-margin-top:64px}
.lesson-study h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.4rem;margin:0 0 .3rem;line-height:1.2}
.lesson-study button,.lesson-study input,.lesson-study select{font:inherit;max-width:100%;min-height:44px;border:1px solid var(--muted,#736b5f);border-radius:4px;color:var(--ink,#26211c);background:var(--paper,#f7f3ec)}
.lesson-study button{padding:8px 12px;cursor:pointer}.lesson-study button:disabled{cursor:default;opacity:.5}
.lesson-study button:hover:not(:disabled){background:var(--line,#e4ddd0)}
.lesson-study :focus-visible{outline:3px solid var(--gold-deep,#85621d);outline-offset:3px}
.lesson-study p{max-width:68ch}.lesson-study ::selection{background:var(--gold-bright,#dcb673);color:var(--ink,#26211c)}
.study-status:empty{display:none}.study-status{color:#842f25}
.study-help,.study-neighbor,.study-meta,.study-practice-context,.study-visit-range,.study-piece-detail{color:var(--muted,#736b5f);font-size:var(--study-small)}
.study-time,.study-current,.study-visit-range,.study-chapter-range,.study-meta{font-variant-numeric:tabular-nums}

/* Under the title: when, how long, what is inside. Then the way around the page, always in reach. */
.lesson-study .study-meta,#private-reader .study-meta{margin:-4px 0 12px}
.study-reading-nav{position:sticky;top:0;z-index:5;display:flex;gap:8px;padding:10px 0;background:var(--paper,#f7f3ec);border-bottom:1px solid var(--line,#e4ddd0)}
.lesson-study .study-reading-nav button,#private-reader .study-reading-nav button{flex:1;min-width:0;padding:8px 6px}
.study-resume{margin:0 0 12px}

/* Practice first: the teacher's words, then the numbered points. */
.study-practice>h2{margin-top:1.6rem}
.study-card p{font-size:1.06rem;line-height:1.65;margin:0 0 .8em}
.study-points{list-style:none;counter-reset:point;padding:0;margin:1.2rem 0 0}
.study-point{counter-increment:point;display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:8px;padding:16px 0;border-top:1px solid var(--line,#e4ddd0);scroll-margin-top:64px}
.study-point::before{content:counter(point);font-family:'Cormorant Garamond',Georgia,serif;font-size:1.5rem;line-height:1.15;color:var(--gold-deep,#85621d)}
.study-point>p{grid-column:2;margin:0 0 10px;line-height:1.6}
.study-point-actions{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}

/* Topics: a name, how long it took, two plain actions. */
.study-pieces{list-style:none;padding:0;margin:0}
.study-piece{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;align-items:start;padding:16px 0;border-top:1px solid var(--line,#e4ddd0)}
.lesson-study .study-piece-detail,#private-reader .study-piece-detail{margin:2px 0 0;line-height:1.5}
.study-visits{display:grid;gap:8px;justify-items:end}
.study-visit{display:flex;gap:8px;align-items:center}.study-visit-range{white-space:nowrap;margin-right:4px}
.lesson-study .study-visit button,#private-reader .study-visit button{min-width:64px}

.study-notes{border-top:1px solid var(--line,#e4ddd0);margin:28px 0 0;padding:12px 0}
.study-notes>summary{min-height:44px;padding:10px 0;cursor:pointer;font-weight:500}
.study-notes-text{white-space:pre-wrap;overflow-wrap:anywhere;max-width:68ch;padding:12px 0}
.study-notes-blocks h3{font-size:1.25rem;margin:18px 0 6px}.study-notes-blocks ul{margin:0;padding-left:1.2rem;max-width:68ch}.study-notes-blocks li{margin:0 0 8px;line-height:1.6}.study-notes-blocks p{margin:0 0 8px}

/* Transcript: paragraphs with a quiet time beside them. */
.study-search-label{display:block;margin:16px 0 12px;font-size:var(--study-small)}
.lesson-study .study-search,#private-reader .study-search{display:block;width:100%;padding:12px;margin-top:8px;font-size:1rem;background:var(--white,#fffdf8);caret-color:var(--gold-deep,#85621d)}
.study-search::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:20px;height:20px;cursor:pointer;background:center/14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2385621d' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
.study-result{padding:16px 0;border-bottom:1px solid var(--line,#e4ddd0)}.study-result p{margin:5px 0}.study-result-context{font-size:var(--study-small);font-weight:500}.study-match mark{background:var(--gold-bright,#dcb673);color:var(--ink,#26211c)}
.study-match-navigation,.study-result-actions{display:flex;gap:8px;flex-wrap:wrap}.study-search-count{margin:8px 0}.study-search-context{margin:8px 0}.study-search-context>summary{min-height:44px;padding:10px 0;cursor:pointer;color:var(--muted,#736b5f)}
.study-match{overflow-wrap:anywhere}
.study-stream{margin-top:8px}
.lesson-study .study-chapter-heading,#private-reader .study-chapter-heading{margin:36px 0 10px;padding-top:22px;border-top:1px solid var(--line,#e4ddd0);scroll-margin-top:64px}
.study-stream .study-chapter-heading:first-child{margin-top:12px;border-top:0;padding-top:0}
.study-chapter-range{display:block;margin-top:4px;font-family:Inter,system-ui,sans-serif;font-size:var(--study-fine);font-weight:400;letter-spacing:0;color:var(--muted,#736b5f)}
.study-row{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-areas:"time text";column-gap:10px;padding:4px 8px;margin:0 -8px;border-radius:4px;scroll-margin-top:64px;scroll-margin-bottom:calc(var(--study-player-height) + 24px)}
.study-row.has-practice{grid-template-areas:". tag" "time text"}
.study-practice-tags{grid-area:tag;display:flex;flex-wrap:wrap;gap:0 18px}
.lesson-study .study-stamp,#private-reader .study-stamp{grid-area:time;align-self:start;min-height:44px;padding:0;border:0;background:none;text-align:left;font-size:var(--study-fine);line-height:44px;color:var(--muted,#736b5f)}
.lesson-study .study-stamp:hover:not(:disabled),#private-reader .study-stamp:hover:not(:disabled){background:none;color:var(--ink,#26211c);text-decoration:underline;text-underline-offset:3px}
.study-row p{grid-area:text;margin:9px 0;line-height:1.62;overflow-wrap:anywhere}
.lesson-study .study-sentence,#private-reader .study-sentence{max-width:64ch;cursor:pointer;touch-action:pan-y;user-select:text}
.study-who{font-size:var(--study-fine);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-deep,#85621d);user-select:none}
.study-row.is-student .study-sentence{padding-left:14px}
.study-word:hover{background:var(--accent-wash,rgba(168,124,44,.09));text-decoration:underline;text-underline-offset:3px}
.study-word.is-current{background:var(--gold-bright,#dcb673);color:var(--ink,#26211c);border-radius:2px}
.study-row.is-current{background:rgba(168,124,44,.16)}
.lesson-study .study-row.is-current .study-stamp,#private-reader .study-row.is-current .study-stamp{color:var(--ink,#26211c);font-weight:500}
.lesson-study .study-row.is-current .study-practice-tag,#private-reader .study-row.is-current .study-practice-tag,.study-row.is-current .study-gap-text,.lesson-study .study-gap.is-long .study-stamp,#private-reader .study-gap.is-long .study-stamp{color:var(--ink,#26211c)}
/* Playing is most of a lesson. It reads as music, and long stretches get room. */
.study-gap .study-gap-text{display:flex;align-items:center;gap:8px;font-size:var(--study-small);color:var(--muted,#736b5f)}
.study-gap .study-gap-text svg{flex:none;color:var(--gold-deep,#85621d)}
.study-gap.is-long{margin-top:6px;margin-bottom:6px;padding-top:6px;padding-bottom:6px;background:rgba(228,221,208,.6)}
.study-gap.is-long .study-gap-text{color:var(--ink,#26211c)}
.study-gap.is-long.is-current{background:rgba(168,124,44,.16)}
.lesson-study .study-practice-tag,#private-reader .study-practice-tag{min-height:44px;padding:0;border:0;background:none;font-size:var(--study-small);font-weight:500;color:var(--gold-deep,#85621d);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.lesson-study .study-practice-tag:hover,#private-reader .study-practice-tag:hover{background:none;color:var(--ink,#26211c)}
.study-row.has-practice{margin-top:10px}

/* The player. Small by default on a phone; everything else one tap away. */
.study-audio{display:none}
.study-player{position:fixed;z-index:20;left:0;right:0;bottom:0;background:var(--paper,#f7f3ec);border-top:1px solid var(--gold-deep,#85621d);box-shadow:0 -5px 18px rgba(28,24,32,.09);padding:8px max(18px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom));max-height:65dvh;overflow:auto;overscroll-behavior:contain}
.study-player-inner{max-width:802px;margin:0 auto}
.study-player-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.study-position{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.3}
.study-current{font-size:var(--study-small);white-space:nowrap}.study-current-chapter:empty{display:none}
.study-current-chapter{font-size:var(--study-fine);color:var(--muted,#736b5f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lesson-study .study-toggle,#private-reader .study-toggle{display:grid;place-items:center;flex:none;width:44px;padding:0}
.study-playback-status{margin:4px 0;font-size:var(--study-small);line-height:1.4;overflow-wrap:anywhere}
.study-timeline{position:relative;height:44px;margin:0}
.study-waveform{position:absolute;inset:0;width:100%;height:44px;opacity:.5;pointer-events:none}
.lesson-study input[type=range]{accent-color:var(--gold-deep,#85621d);width:100%;padding:0;margin:0;border:0;background:transparent;cursor:pointer;min-height:44px}
.study-seek{position:relative;z-index:1}
.study-marks{position:absolute;z-index:2;left:8px;right:8px;top:0;bottom:0;pointer-events:none}
.study-marks i{position:absolute;display:block}
.study-mark-topic{top:14px;width:1px;height:16px;background:var(--muted,#736b5f)}
.study-mark-practice{top:5px;width:7px;height:7px;margin-left:-3px;border-radius:50%;background:var(--gold-deep,#85621d)}
.study-controls{display:flex;align-items:center;gap:8px;justify-content:center}
.lesson-study .study-play,#private-reader .study-play{min-width:78px;background:var(--dark,#1c1820);color:#f7f3ec;border-color:var(--dark,#1c1820)}
.lesson-study .study-play:hover:not(:disabled),#private-reader .study-play:hover:not(:disabled){background:var(--dark-soft,#453c4c);color:#f7f3ec}
.lesson-study .study-speed,#private-reader .study-speed{min-width:68px;padding:8px 6px}
.lesson-study .study-return,#private-reader .study-return{display:block;margin:8px auto 0;font-size:var(--study-small)}
.study-player-tools{border:0;margin:0;padding:0}
.study-player-tools>summary{font-size:var(--study-small);text-align:center;min-height:44px;padding:10px 4px;line-height:24px;box-sizing:border-box;cursor:pointer}
.study-tools-body{padding:4px 0 8px}.study-tools-body>label{display:block;font-size:var(--study-small);margin:10px 0}.study-tools-body select{width:100%;padding:8px;margin-top:6px}
.study-secondary-controls{display:flex;gap:8px}.lesson-study .study-secondary-controls button,#private-reader .study-secondary-controls button{flex:1}
.study-loop{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.study-loop button,.study-loop-range>button{font-size:var(--study-small)}.study-loop-status{flex-basis:100%;font-size:var(--study-small);margin:0!important}
.study-loop-exact{margin-top:8px}.study-loop-exact>summary{min-height:44px;padding:10px 0;font-size:var(--study-small);cursor:pointer}
.study-loop-range{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.study-loop-range>label{flex:1;min-width:90px;font-size:var(--study-small)}.study-loop-range input{display:block;width:100%;margin-top:6px;padding:8px;box-sizing:border-box}
.study-download{display:flex;align-items:center;min-height:44px;margin-top:8px;font-size:var(--study-small);color:var(--gold-deep,#85621d);text-underline-offset:4px}
.study-tools-body>button:last-child{margin-top:12px;width:100%}
.study-repeat-banner{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:4px 0;font-size:var(--study-small);border-bottom:1px solid var(--line,#e4ddd0)}
.study-repeat-banner>span{font-variant-numeric:tabular-nums}.study-repeat-banner button,.study-selection-actions button{font-size:var(--study-small)}
.study-selection-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid var(--line,#e4ddd0);font-size:var(--study-small)}.study-selection-actions>span{width:100%}
/* Small player: where you are, back ten seconds, play, speed, and the way to everything else. */
.study-player.is-minimized .study-timeline,.study-player.is-minimized .study-player-tools,.study-player.is-minimized .study-forward{display:none!important}
.study-player.is-minimized .study-player-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:0 8px}
.study-player.is-minimized .study-player-top{display:contents}
.study-player.is-minimized .study-position{grid-column:1;grid-row:1}
.study-player.is-minimized .study-controls{grid-column:2;grid-row:1;gap:6px}
.study-player.is-minimized .study-toggle{grid-column:3;grid-row:1}
.study-player.is-minimized .study-playback-status,.study-player.is-minimized .study-repeat-banner,.study-player.is-minimized .study-selection-actions,.study-player.is-minimized .study-audio-fallback,.study-player.is-minimized .study-return{grid-column:1/-1}
.study-player.is-minimized .study-return{margin-top:6px}
.study-player.is-minimized .study-total{display:none}
.lesson-study .study-player.is-minimized .study-speed,#private-reader .study-player.is-minimized .study-speed{width:60px;min-width:0;padding-left:4px;padding-right:2px}
.lesson-study [hidden]{display:none!important}

/* One recording, with an optional picture; the shared bottom controls remain. */
.study-video-area{margin:16px 0 20px;min-width:0}
.study-video-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.study-video-heading h2{margin:0}.study-video-toggle{flex:none}
.study-video{display:block;width:100%;aspect-ratio:16/9;max-height:60dvh;object-fit:contain;background:var(--dark,#1c1820);border-radius:4px}
.study-video-warning{padding:12px 0;border-top:1px solid var(--line,#e4ddd0);border-bottom:1px solid var(--line,#e4ddd0);color:var(--ink,#26211c);font-size:var(--study-small);line-height:1.6}
.study-video-hidden-note{font-size:var(--study-small);color:var(--muted,#736b5f);margin:12px 0}

@media(max-width:600px){
  .lesson-study h2{font-size:1.65rem}
  .study-piece{display:block}.study-visits{justify-items:start;margin-top:10px}
  .study-visit{flex-wrap:wrap}.study-visit-range{flex-basis:100%;margin:0}
  .study-row{grid-template-columns:46px minmax(0,1fr);column-gap:8px}
  .study-player{padding-left:12px;padding-right:12px}
  .study-controls{gap:6px}.study-controls>button{padding:8px 10px}
  .lesson-study .study-play,#private-reader .study-play{min-width:64px}.lesson-study .study-speed,#private-reader .study-speed{min-width:62px}
  .study-player.is-minimized .study-play{min-width:58px}
  .study-video-heading{gap:8px}.study-video-heading h2{font-size:1.6rem}.lesson-study .study-video-toggle,#private-reader .study-video-toggle{font-size:var(--study-small);padding:8px 10px}
}
@media(max-width:350px){.study-player{padding-left:8px;padding-right:8px}.study-player.is-minimized .study-player-inner{gap:0 5px}.study-player.is-minimized .study-controls{gap:4px}.study-player.is-minimized .study-controls>button{padding:8px 7px}.study-player.is-minimized .study-play,#private-reader .study-player.is-minimized .study-play{min-width:52px}}
@media(prefers-reduced-motion:reduce){.lesson-study *{scroll-behavior:auto!important}}
/* Learn more (2026-10-01): one quiet fold per topic; the page reads like the notes, at book measure. */
.lesson-study .study-learn-page,#private-reader .lesson-study .study-learn-page{border-top:1px solid var(--line,#e4ddd0)}
.lesson-study .study-learn-page:last-child{border-bottom:1px solid var(--line,#e4ddd0)}
.lesson-study .study-learn-page>summary,#private-reader .lesson-study .study-learn-page>summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:500;line-height:1.35;list-style-position:inside}
.lesson-study .study-learn-page[open]>summary{color:var(--gold-deep,#85621d)}
.lesson-study .study-learn-body{max-width:68ch;padding:4px 0 20px;line-height:1.65}
.lesson-study .study-learn-body p{margin:0 0 12px}
.lesson-study .study-learn-body h3{font-size:1.15rem;margin:20px 0 6px;line-height:1.3}
.lesson-study .study-learn-body ul{margin:0 0 12px;padding-left:1.2rem}.lesson-study .study-learn-body li{margin:0 0 6px}
.lesson-study .study-reading-nav button,#private-reader .study-reading-nav button{white-space:nowrap;flex:1 1 auto;padding:8px 4px}
@media (max-width:350px){.lesson-study .study-reading-nav,#private-reader .study-reading-nav{gap:4px}.lesson-study .study-reading-nav button,#private-reader .study-reading-nav button{font-size:13px;padding:8px 2px}}

/* Teacher-approved practice groups and visible follow-up assignments. */
.study-practice{counter-reset:point}
.study-practice .study-points{counter-reset:none}
.lesson-study .study-practice-piece{font-size:1.35rem;margin:1.65rem 0 .3rem;line-height:1.25}
.study-practice-piece+.study-points{margin-top:.5rem}
.study-assignments{max-width:68ch;margin:1.5rem 0 2rem}
.lesson-study .study-assignments h3{font-size:1.15rem;margin:1.4rem 0 .5rem}
.study-assignments ul{padding-left:1.2rem;margin:0;line-height:1.65}
.study-assignments li{margin:.4rem 0}
.lesson-study article.study-learn-page{padding:18px 0}
.lesson-study article.study-learn-page>h3{font-size:1.25rem;margin:0 0 .6rem;line-height:1.3}
.study-learn-intro{max-width:68ch;line-height:1.65;margin:0 0 .4rem;white-space:pre-line}
.study-learn-more>summary,.study-summary-more>summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;color:var(--gold-deep,#85621d);padding:10px 0;box-sizing:border-box}
.study-summary-more .study-notes-text{max-width:68ch;line-height:1.65;padding-bottom:1rem}

/* Launch: discreet study aids alongside the existing cream/gold lesson page. */
.study-video-heading{flex-wrap:wrap;gap:10px}
.study-bookmarks{margin:24px 0;border-top:1px solid var(--line,#ddd6ca);padding-top:12px}
.study-bookmarks>summary{cursor:pointer;min-height:44px;align-content:center;font-weight:600}
.study-bookmark-list{list-style:none;padding:0;margin:8px 0}
.study-bookmark-list li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0}
.study-bookmark-list button,.study-bookmark-add,.study-captions-toggle{min-height:44px}

/* Approved six-part refinement: retain the cream/ink/gold identity. */
.study-workspace,.study-reading{min-width:0}
.lesson-study .study-practiced{display:flex;align-items:center;gap:8px;min-height:44px;font-size:.9rem;margin:6px 0;color:var(--muted,#736b5f)}
.lesson-study .study-practiced input{width:20px;height:20px;accent-color:var(--gold-deep,#85621d);flex:none;margin:0}
.study-moment-label{display:block;max-width:30rem;margin:12px 0}.study-moment-name{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px}
.lesson-study .study-quiet{border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:3px}
.lesson-study .study-reading-nav button{border-color:transparent;background:transparent;border-radius:0;border-bottom:1px solid var(--line,#e4ddd0)}
.lesson-study .study-reading-nav button:hover{border-bottom-color:var(--gold-deep,#85621d)}
.lesson-study button:focus-visible,.lesson-study input:focus-visible{outline:2px solid var(--gold-deep,#85621d);outline-offset:3px}
.study-player.is-minimized .study-total{display:inline}
.study-player.is-minimized .study-forward{display:inline-flex!important}
.lesson-study .study-toggle{width:auto;white-space:nowrap;font-size:.85rem;padding:8px 10px}
.study-player.is-minimized .study-player-inner{grid-template-columns:1fr auto;gap:5px 10px}
.study-player.is-minimized .study-position{grid-column:1;grid-row:1}
.study-player.is-minimized .study-toggle{grid-column:2;grid-row:1;justify-self:end}
.study-player.is-minimized .study-controls{grid-column:1/-1;grid-row:2;justify-content:center}

.lesson-study .study-practiced{grid-column:2}
#private-reader .study-toggle{width:auto;padding:8px 10px;white-space:nowrap;font-size:.85rem}
@media(min-width:1100px){
 main:has(.study-workspace){max-width:1240px}
 .study-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:24px 32px;align-items:start}
 .study-workspace>.study-reading-nav{grid-column:1/-1}
 .study-workspace>.study-practice{grid-column:1;grid-row:2}
 .study-workspace>.study-reading{grid-column:1;grid-row:3}
 .study-workspace>.study-video-area{grid-column:2;grid-row:2/4;position:sticky;top:18px;margin-top:0}
 .study-workspace .study-video{max-height:45vh}
}