/* Reading Desk: one shared content hierarchy for public lessons and the study app. */
:root { --desk-ink:#18382d; --desk-muted:#52665c; --desk-paper:#f5f2e9; --desk-white:#fffef9; --desk-line:#d4ddd3; --desk-soft:#eaf1e8; --desk-accent:#b34430; }
html { scroll-padding-top:100px; }
body { background:var(--desk-paper); color:var(--desk-ink); }
button,a,summary { -webkit-tap-highlight-color:transparent; }
:is(button,a,summary,select,input):focus-visible { outline:3px solid #347760; outline-offset:3px; }
.site-header { background:var(--desk-white); color:var(--desk-ink); border-bottom:1px solid var(--desk-line); box-shadow:none; backdrop-filter:none; }
.site-header .site-brand,.site-header nav a { color:var(--desk-ink); }
.site-brand strong { font-family:var(--sans,system-ui); letter-spacing:-.03em; }
.site-brand > span { background:#174b3b; border:0; border-radius:9px 2px 9px 2px; box-shadow:none; }
.site-brand strong small { color:var(--desk-muted); font-size:10px; letter-spacing:.02em; }
.site-header nav { gap:4px; }
.site-header nav a { padding:9px 12px; font-size:15px; border-radius:6px; }
.site-header nav a:is(:hover,:focus-visible,[aria-current=page]) { color:#174b3b; background:#eaf1e8; }
.site-header .study-link { color:#fff; background:#174b3b; border:0; border-radius:7px; min-height:44px; }
main.editorial-library { width:min(1160px,calc(100% - 48px)); padding:28px 0 60px; }
.editorial-library .library-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:28px; padding:30px 0; margin-bottom:20px; background:none; border:0; border-bottom:1px solid var(--desk-line); border-radius:0; box-shadow:none; }
.editorial-library .library-hero h1 { font-family:var(--sans,system-ui); font-size:clamp(30px,3.4vw,44px); line-height:1.28; letter-spacing:-.045em; }
.editorial-library .library-hero p:not(.eyebrow) { max-width:650px; font-size:17px; line-height:1.8; color:var(--desk-muted); }
.editorial-library .library-hero aside { display:flex; flex-direction:column; justify-content:center; gap:6px; min-width:130px; padding:18px 22px; background:var(--desk-soft); color:var(--desk-ink); border:0; border-radius:10px; }
.editorial-library .library-hero aside strong { color:#174b3b; font-size:34px; line-height:1.2; }
.editorial-library .library-hero aside :is(span,small) { font-size:13px; color:var(--desk-muted); }
.editorial-library :is(.scene-context,.dialogue-lesson,.key-phrases,.quiz-section,.reading-columns,.example-library) { margin-block:22px; padding:24px; border:1px solid var(--desk-line); background:var(--desk-white); border-radius:10px; box-shadow:none; }
.editorial-library :is(.section-title h2,.scene-context h2,.catalog-group h2) { font-family:var(--sans,system-ui); font-size:24px; line-height:1.4; letter-spacing:-.03em; }
.editorial-library :is(.section-title p,.scene-context p,.practice-paper p) { font-size:16px; line-height:1.8; color:var(--desk-muted); }
.editorial-library .dialogue-lesson li { grid-template-columns:30px minmax(0,1fr); gap:12px; padding:24px 0; border-color:var(--desk-line); }
.editorial-library .dialogue-lesson li > span { font-size:14px; color:#8c5945; }
.editorial-library .dialogue-lesson li > div > b { font-size:14px; color:var(--desk-muted); }
.editorial-library .dialogue-lesson .annotated-sentence > p { font-family:var(--sans,system-ui); font-size:26px; line-height:1.85; font-weight:650; letter-spacing:0; }
.editorial-library .dialogue-lesson .conversation-translation { margin-top:10px; font-size:17px; color:var(--desk-muted); line-height:1.7; }
.editorial-library .conversation-reading { font-size:16px; color:var(--desk-muted); }
.conversation-controls { padding:12px; border:1px solid var(--desk-line); border-radius:8px; background:var(--desk-soft); gap:8px; }
.conversation-controls button,.conversation-filters button,.conversation-listen { min-height:42px; box-shadow:none; border-radius:6px; }
.conversation-controls button { flex:1 1 auto; padding:9px 12px; font-size:14px; }
.conversation-filters { gap:8px; }
.conversation-filters button { padding-inline:16px; }
.catalog-grid { gap:12px; }
.catalog-grid > a { padding:22px; border:1px solid var(--desk-line); border-radius:10px; background:var(--desk-white); box-shadow:none; }
.catalog-grid > a h3 { font-family:var(--sans,system-ui); font-size:22px; line-height:1.45; letter-spacing:-.025em; }
.catalog-grid > a p { font-size:16px; line-height:1.75; color:var(--desk-muted); }
.catalog-grid > a small { font-size:13px; color:var(--desk-muted); }
.catalog-grid > a:is(:hover,:focus-visible) { color:var(--desk-ink); background:#f0f5ed; border-color:#769985; transform:none; }
.library-nav { gap:8px; padding-block:8px; }
.library-nav a { font-size:15px; }
.annotation-guide { background:transparent; border:0; padding:12px 0; }
.annotation-guide p,.annotation-guide li { font-size:14px; line-height:1.65; }
.reading-rail-guide { display:none; }
.annotation-overlay-panel { border:1px solid #bccdc0; border-top:4px solid #174b3b; border-radius:12px; background:var(--desk-white); box-shadow:0 12px 36px #142c2418; scrollbar-gutter:stable; scroll-behavior:auto; animation:none; }
.annotation-overlay-panel .sentence-note { min-height:0; width:100%; margin:0; padding:24px; border:0; border-radius:0; background:var(--desk-white); color:var(--desk-ink); font-size:16px; line-height:1.75; }
.annotation-overlay-panel .annotation-kind { display:block; margin:0 52px 8px 0; padding:0; color:var(--desk-muted); background:none; font-size:13px; font-weight:650; letter-spacing:.02em; }
.annotation-overlay-panel .annotation-title { display:block; margin:8px 44px 12px 0; color:var(--desk-ink); font:700 34px/1.5 var(--sans,system-ui); overflow-wrap:anywhere; }
.annotation-overlay-panel .sentence-note > button[data-annotation-close] { position:sticky; float:right; top:0; right:0; z-index:2; width:42px; height:42px; margin:-4px -4px 4px 8px; border:1px solid var(--desk-line); border-radius:7px; background:var(--desk-white); color:#174b3b; box-shadow:none; font-size:26px; }
.annotation-overlay-panel .sentence-note > button[data-annotation-close]:hover { color:#fff; background:#174b3b; }
.annotation-tools { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.annotation-overlay-panel .annotation-tools button { position:static; display:inline-flex; align-items:center; gap:6px; width:auto; height:auto; min-height:36px; padding:5px 12px; border:1px solid var(--desk-line); border-radius:6px; background:var(--desk-white); color:#174b3b; font:650 14px/1.4 var(--sans,system-ui); }
.annotation-tools [role=status] { font-size:13px; color:var(--desk-muted); }
.annotation-overlay-panel .annotation-meaning { display:block; margin:12px 0; padding:17px 18px; border:0; border-left:3px solid #589170; border-radius:0 8px 8px 0; background:var(--desk-soft); }
.annotation-overlay-panel .annotation-meaning > span { display:block; color:var(--desk-muted); font-size:13px; margin-bottom:6px; }
.annotation-overlay-panel .annotation-meaning > b { display:block; color:#174b3b; font-size:25px; line-height:1.55; font-weight:750; word-break:keep-all; overflow-wrap:anywhere; }
.annotation-overlay-panel :is(.annotation-reading,.annotation-pronunciation) { display:grid; grid-template-columns:92px minmax(0,1fr); align-items:baseline; gap:12px; margin:0; padding:11px 0; border:0; border-bottom:1px solid var(--desk-line); background:transparent; border-radius:0; }
.annotation-overlay-panel :is(.annotation-reading,.annotation-pronunciation) > span { font-size:13px; color:var(--desk-muted); }
.annotation-overlay-panel :is(.annotation-reading,.annotation-pronunciation) > b { font-size:18px; line-height:1.6; color:var(--desk-ink); font-weight:600; }
.annotation-overlay-panel .annotation-english { margin:10px 0 16px; font-size:16px; line-height:1.7; color:var(--desk-muted); }
.annotation-overlay-panel .annotation-english > span { display:block; margin-bottom:4px; font-size:13px; }
.annotation-overlay-panel .annotation-english > b { font-weight:500; }
.annotation-overlay-panel details { margin:14px 0 0; padding:0; border:0; border-top:1px solid var(--desk-line); border-radius:0; background:transparent; }
.annotation-overlay-panel details > summary { padding:13px 0; font-size:16px; line-height:1.5; font-weight:700; color:#174b3b; }
.annotation-overlay-panel :is(.sentence-note-copy,.component-connection p,.kanji-learning-aid p) { font-size:16px; line-height:1.8; color:var(--desk-ink); }
.annotation-overlay-panel .kanji-compact-memory { display:grid; grid-template-columns:46px 1fr; gap:2px 12px; align-items:center; margin:6px 0; }
.annotation-overlay-panel .memory-character { grid-row:1/3; font:44px/1.3 serif; }
.annotation-overlay-panel .kanji-compact-memory small { font-size:12px; }
.annotation-overlay-panel .kanji-compact-memory p { margin:0; font-size:18px; font-weight:650; }
.annotation-overlay-panel .annotation-study-link { display:block; margin-top:20px; font-size:15px; color:#174b3b; }
.annotation-overlay-panel .component-meaning-grid > div { background:#f6f7ef; }
@media(min-width:1280px) {
  body.reading-workspace main { width:calc(100% - 494px); max-width:1000px; margin:0 454px 0 max(24px,calc((100vw - 1500px)/2)); padding:28px 16px 60px; }
  .reading-workspace :is(.scene-context,.practice-panel,.reading-columns) { grid-template-columns:1fr; }
  .reading-workspace .library-hero { grid-template-columns:1fr; gap:16px; }
  .reading-workspace .library-hero aside { flex-direction:row; align-items:baseline; justify-content:flex-start; gap:14px; padding:12px 16px; }
  .reading-workspace .library-hero aside strong { font-size:24px; }
  .reading-rail-guide { display:block; position:fixed; right:12px; top:106px; width:420px; padding:32px; background:#eaf0e6; border:1px solid var(--desk-line); border-radius:12px; color:var(--desk-ink); }
  .reading-rail-guide > span { color:#a44631; font-size:13px; font-weight:750; }
  .reading-rail-guide h2 { margin:16px 0; font-size:30px; line-height:1.45; letter-spacing:-.03em; }
  .reading-rail-guide p { color:var(--desk-muted); font-size:16px; line-height:1.8; }
  .reading-rail-guide > div { display:flex; gap:16px; padding:14px 0; border-top:1px solid #cbd6c7; font-size:16px; }
  .reading-rail-guide > div b { font:13px/1.8 ui-monospace,monospace; color:#647669; }
  .reading-rail-guide small { display:block; margin-top:18px; font-size:13px; line-height:1.8; color:var(--desk-muted); }
  body.has-open-annotation .reading-rail-guide { visibility:hidden; }
}
/* Identical meaning-first hierarchy inside React's sentence notes. */
.analysis-overlay .analysis-note { padding:22px; border:1px solid #bccdc0; border-top:4px solid #174b3b; border-radius:12px; background:var(--desk-white); box-shadow:0 12px 36px #142c2418; scroll-behavior:auto; }
.analysis-overlay .analysis-note > header { margin:0 0 18px; padding:0; background:transparent; color:var(--desk-ink); grid-template-columns:1fr 42px; align-items:start; border:0; }
.analysis-overlay .analysis-note > header > span { display:none; }
.analysis-overlay .analysis-note > header small { color:var(--desk-muted); font-size:13px; }
.analysis-overlay .analysis-note > header strong { color:var(--desk-ink); font-size:30px; line-height:1.5; }
.analysis-overlay .analysis-note > header button { position:sticky; top:0; width:42px; height:42px; border:1px solid var(--desk-line); border-radius:7px; background:var(--desk-white); color:#174b3b; }
.analysis-meaning { padding:16px; border-left:3px solid #589170; background:var(--desk-soft); border-radius:0 8px 8px 0; }
.analysis-meaning > span { display:block; font-size:13px; color:var(--desk-muted); }
.analysis-meaning > strong { display:block; margin-top:7px; font-size:25px; line-height:1.6; color:#174b3b; }
.analysis-overlay .analysis-note .analysis-english { margin:12px 0; font-size:16px; line-height:1.7; color:var(--desk-muted); }
.analysis-overlay .analysis-reading { position:relative; display:grid; grid-template-columns:70px minmax(0,1fr); gap:10px; align-items:baseline; padding:14px 0; margin:0; border:0; border-bottom:1px solid var(--desk-line); border-radius:0; background:none; }
.analysis-reading > span { font-size:13px; color:var(--desk-muted); }
.analysis-reading > strong { font-size:18px; line-height:1.7; padding-right:38px; }
.analysis-word-audio { position:absolute; right:0; top:12px; padding:8px; background:none; border:1px solid var(--desk-line); border-radius:6px; color:#174b3b; }
.analysis-note :is(.analysis-usage,.analysis-kanji-details) { margin:10px 0 0; border-top:1px solid var(--desk-line); }
.analysis-note :is(.analysis-usage,.analysis-kanji-details) > summary { padding:13px 0; font-size:16px; font-weight:700; color:#174b3b; cursor:pointer; }
.analysis-note .analysis-usage > p { margin:4px 0; font-size:16px; line-height:1.8; }
.analysis-overlay .analysis-kanji { padding:12px; border-radius:6px; font-size:16px; }
.analysis-overlay .analysis-note[data-placement=sheet]::before { display:none; }
/* Consistent type sizes without making the quiz or settings taller unnecessarily. */
.study-app[data-remodel=notebook] { --ink:var(--desk-ink); --muted:var(--desk-muted); --paper:var(--desk-paper); --surface:var(--desk-white); --line:var(--desk-line); }
.study-app[data-remodel=notebook] .app-header { min-height:72px; padding-block:10px; border-color:var(--desk-line); }
.study-app[data-remodel=notebook] .global-study-nav a { font-size:14px; }
.study-app[data-remodel=notebook] .today-workbench { border:1px solid var(--desk-line); border-radius:10px; box-shadow:none; }
.study-app[data-remodel=notebook] .today-workbench::before { background:#174b3b; width:64px; height:3px; }
.study-app[data-remodel=notebook] .guided-lesson-card { border:1px solid var(--desk-line); border-radius:10px; box-shadow:none; }
.study-app[data-remodel=notebook] .lesson-feedback { border-color:var(--desk-line); border-radius:8px; box-shadow:none; }
.study-app[data-remodel=notebook] .lesson-feedback-columns { align-items:start; }
.study-app[data-remodel=notebook] .answer-reference dt { font-size:14px; color:var(--desk-muted); }
.study-app[data-remodel=notebook] .answer-reference dd { font-size:23px; line-height:1.6; }
.study-app[data-remodel=notebook] .lesson-feedback-kanji .kanji-reading-facts dd { font-size:18px; line-height:1.65; }
.study-app[data-remodel=notebook] .lesson-feedback-kanji .kanji-reading-facts dt { font-size:13px; }
.study-app[data-remodel=notebook] .kanji-extra-readings summary { font-size:15px; }
.study-app[data-remodel=notebook] .study-mode-picker small { font-size:14px; line-height:1.6; }
.study-app[data-remodel=notebook] .lesson-options button strong { font-size:20px; }
.study-app[data-remodel=notebook] .lesson-options button > span { color:#325345; }
@media(max-width:760px) {
  .site-header { position:relative; padding:10px 16px; gap:10px; }
  .site-header nav { gap:2px; }
  .site-header nav a { font-size:14px; padding:8px; }
  main.editorial-library { width:calc(100% - 28px); padding-top:18px; }
  .editorial-library .library-hero { grid-template-columns:1fr; padding:14px 0 20px; gap:14px; }
  .editorial-library .library-hero h1 { font-size:30px; }
  .editorial-library .library-hero p:not(.eyebrow) { font-size:16px; }
  .editorial-library .library-hero aside { flex-direction:row; align-items:center; flex-wrap:wrap; justify-content:flex-start; padding:10px 14px; gap:8px 14px; }
  .editorial-library .library-hero aside strong { font-size:22px; }
  .editorial-library :is(.scene-context,.dialogue-lesson,.key-phrases,.quiz-section,.reading-columns,.example-library) { padding:18px 16px; margin-block:16px; }
  .editorial-library .dialogue-lesson li { grid-template-columns:22px minmax(0,1fr); gap:8px; padding:20px 0; }
  .editorial-library .dialogue-lesson .annotated-sentence > p { font-size:23px; line-height:1.9; }
  .editorial-library .conversation-translation { font-size:16px; }
  .conversation-controls { padding:9px; gap:6px; }
  .conversation-controls button { font-size:13px; min-height:42px; }
  .catalog-grid > a { padding:19px; }
  .catalog-grid > a h3 { font-size:21px; }
  .annotation-overlay-panel[data-placement=sheet] { border-radius:14px; }
  .annotation-overlay-panel[data-placement=sheet]::before { display:none; }
  .annotation-overlay-panel .sentence-note { padding:18px; }
  .annotation-overlay-panel .annotation-title { font-size:29px; }
  .annotation-overlay-panel .annotation-meaning > b { font-size:23px; }
  .annotation-overlay-panel :is(.annotation-reading,.annotation-pronunciation) { grid-template-columns:80px minmax(0,1fr); gap:9px; }
  .annotation-overlay-panel .sentence-note > button[data-annotation-close] { width:42px; height:42px; top:0; right:0; }
  .study-app[data-remodel=notebook] .app-main { width:calc(100% - 24px); margin-block:18px; }
  .study-app[data-remodel=notebook] .lesson-feedback { padding:12px; }
  .study-app[data-remodel=notebook] .answer-reference dd { font-size:21px; }
  .study-app[data-remodel=notebook] .lesson-options button strong { font-size:18px; }
  .study-app[data-remodel=notebook] .study-mode-picker small { font-size:12px; }
  .analysis-overlay .analysis-note[data-placement=sheet] { padding:18px; }
  .analysis-overlay .analysis-note[data-placement=sheet] > header { margin:0 0 16px; }
}
@media(prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} .annotation-overlay-panel,.analysis-note {animation:none;} }

/* Reading context and navigation stay separate from optional, long explanations. */
.lesson-next-dock { position:fixed; inset:auto 0 0; z-index:40; padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); border-top:1px solid var(--desk-line); background:var(--desk-white); box-shadow:0 -4px 20px #18382d0d; font-family:var(--sans,system-ui,sans-serif); }
.lesson-next-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; max-width:1120px; margin:auto; }
.lesson-next-context { display:flex; align-items:baseline; gap:14px; min-width:0; color:var(--desk-ink); overflow-wrap:anywhere; }
.lesson-next-context strong { font-size:22px; }
.lesson-next-context span { font-size:17px; color:var(--desk-muted); }
.lesson-next-button { flex:0 0 min(40%,400px); min-height:54px; padding:13px 24px; border:1px solid #174b3b; border-radius:8px; background:#174b3b; color:#fffef9; font:750 18px/1.5 var(--sans,system-ui,sans-serif); cursor:pointer; touch-action:manipulation; }
.lesson-next-button:hover { background:#123c2f; }
.lesson-next-button:focus-visible { outline:3px solid #b34430; outline-offset:3px; }
.lesson-confidence-controls { flex:1 1 700px; min-width:0; }
.lesson-next-context { flex:0 1 260px; }
.lesson-confidence-help { margin:0 0 8px; color:var(--desk-muted); font-size:14px; line-height:1.5; }
.lesson-confidence-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.lesson-confidence-actions > button { min-width:0; min-height:64px; padding:10px 8px; border-radius:8px; font:700 17px/1.45 var(--sans,system-ui,sans-serif); text-align:center; cursor:pointer; touch-action:manipulation; overflow-wrap:anywhere; }
.lesson-confidence-actions > button strong { display:block; font:inherit; }
.lesson-confidence-actions > button small { display:block; margin-top:3px; font-size:12px; line-height:1.4; font-weight:500; }
.lesson-self-rating[data-rating=again] { border:1px solid #dcae9e; background:#fff2eb; color:#893722; }
.lesson-self-rating[data-rating=hard] { border:1px solid #d4c4a0; background:#fbf5e6; color:#614c21; }
.lesson-self-rating[data-rating=again]:hover { background:#ffe8dc; }
.lesson-self-rating[data-rating=hard]:hover { background:#f4e9cc; }
.lesson-self-rating:focus-visible { outline:3px solid #174b3b; outline-offset:3px; }
.lesson-next-spacer { display:block; flex:none; min-height:88px; width:100%; }
.study-app[data-remodel=notebook] :is(.lesson-prompt,.complete-card) { scroll-margin-top:100px; }
.study-app[data-remodel=notebook] .lesson-reading-context { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; gap:6px 12px; width:100%; margin:14px 0 0; padding:10px 14px; background:var(--desk-soft); border-radius:6px; color:var(--desk-ink); font:500 15px/1.6 var(--sans,system-ui,sans-serif); }
.study-app[data-remodel=notebook] .lesson-reading-context b { font-size:21px; white-space:nowrap; }
.study-app[data-remodel=notebook] .lesson-reading-context small { color:var(--desk-muted); font-size:14px; }
.study-app[data-remodel=notebook] .lesson-prompt.context-choice { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto; align-content:center; justify-items:center; row-gap:8px; min-height:190px; padding:28px 86px; }
.study-app[data-remodel=notebook] .lesson-prompt.context-choice > strong { display:block; width:100%; max-width:none; font-size:clamp(24px,3.2vw,42px); line-height:1.38; overflow-wrap:anywhere; word-break:normal; }
.study-app[data-remodel=notebook] .lesson-prompt.context-choice > small { display:block; width:100%; margin:0; font-size:14px; line-height:1.55; overflow-wrap:anywhere; }
.study-app[data-remodel=notebook] .answer-reference .usual-kana-note { margin-top:8px; color:var(--desk-ink); font-size:15px; line-height:1.6; }
.kanji-current-reading { padding:12px 14px; margin:14px 0; border-left:3px solid #458268; background:#fffef9; }
.kanji-current-reading > p { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 12px; margin:4px 0; }
.kanji-current-reading > small { font-size:14px; color:var(--desk-muted); }
.kanji-current-reading > p > strong { font-size:21px; }
.kanji-current-reading > p > span { font-size:18px; }
.kanji-current-reading .current-kanji-sound { font-size:16px; }
.kanji-word-examples .example-reading-group > h4 { margin:18px 0 4px; font-size:16px; font-weight:750; color:#174b3b; }
.kanji-word-examples .example-kanji-reading { display:flex; flex-wrap:wrap; gap:5px 10px; align-items:baseline; margin:6px 0; color:var(--desk-muted); font-size:15px; }
.kanji-word-examples .example-kanji-reading strong { color:#174b3b; font-size:18px; white-space:nowrap; }
.example-reading-variant { font-size:13px; }
.kanji-word-examples .example-word-heading small { white-space:nowrap; }
.study-app[data-remodel=notebook] .lesson-feedback-kanji .kanji-reading-facts > div { display:flex; flex-wrap:wrap; gap:6px 12px; align-items:baseline; }
.study-app[data-remodel=notebook] .lesson-feedback-kanji .kanji-reading-facts dt { flex:0 0 auto; max-width:100%; width:auto; white-space:normal; word-break:keep-all; }
.study-app[data-remodel=notebook] .lesson-feedback-kanji .kanji-reading-facts dd { flex:1 1 160px; min-width:0; margin:0; }
.study-app[data-remodel=notebook] .lesson-sentence-analysis { margin:16px 0 0; border:1px solid var(--desk-line); border-radius:8px; background:var(--desk-soft); overflow:hidden; }
.study-app[data-remodel=notebook] .lesson-sentence-analysis > summary { padding:13px 16px; color:var(--desk-ink); font-size:16px; font-weight:750; cursor:pointer; }
.study-app[data-remodel=notebook] .lesson-sentence-analysis .sentence-analysis { margin:0; padding:0 16px 16px; border-top:1px solid var(--desk-line); }
.study-app[data-remodel=notebook] .lesson-sentence-analysis .sentence-analysis-ja { font-size:clamp(22px,3vw,34px); line-height:1.6; overflow-wrap:anywhere; word-break:normal; }
.study-app[data-remodel=notebook] .lesson-sentence-analysis .sentence-analysis-reading { margin:6px 0 0; font-size:15px; color:var(--desk-muted); overflow-wrap:anywhere; }
.study-app[data-remodel=notebook] .lesson-sentence-analysis .sentence-analysis-translation { margin:5px 0 0; font-size:16px; line-height:1.6; color:var(--desk-ink); overflow-wrap:anywhere; }
@media(max-width:640px) {
  .lesson-next-context { display:none; }
  .lesson-next-button { flex:1 1 100%; min-height:52px; }
  .lesson-confidence-actions { gap:6px; }
  .lesson-confidence-actions > button { padding:10px 5px; font-size:15px; }
  .lesson-confidence-help { font-size:13px; margin-bottom:7px; }
  .study-app[data-remodel=notebook] :is(.lesson-prompt,.complete-card) { scroll-margin-top:12px; }
  .study-app[data-remodel=notebook] .lesson-reading-context small { flex-basis:100%; }
  .study-app[data-remodel=notebook] .lesson-prompt.context-choice { min-height:170px; padding:28px 52px 22px 18px; row-gap:6px; }
  .study-app[data-remodel=notebook] .lesson-prompt.context-choice > strong { font-size:clamp(22px,6.5vw,30px); line-height:1.45; }
  .study-app[data-remodel=notebook] .lesson-prompt.context-choice > small { font-size:13px; line-height:1.5; }
}