.lesson-reading-header .level-actions.lesson-context-actions { grid-template-columns:auto minmax(0,1fr) auto; grid-template-areas:"leading title quiz"; }
.lesson-reading-header .lesson-context-leading { grid-area:leading; display:flex; align-items:center; gap:6px; min-width:0; }
.lesson-reading-header .lesson-context-actions > .level-stage-title { grid-area:title; }
.lesson-reading-header .lesson-context-actions > .level-context-button:last-child { grid-area:quiz; }
.lesson-reading-header .lesson-mode-button { flex:0 0 auto; min-height:34px; height:34px; padding:0 10px; border-radius:7px; white-space:nowrap; font-family:var(--font-ui); font-size:12px; }
.lesson-mode-button:focus-visible { outline:2px solid var(--green,#276749); outline-offset:3px; }
.lesson-default-settings { display:grid; gap:12px; margin-block:16px 24px; }
.lesson-default-settings h2, .lesson-default-settings p { margin:0; }
.lesson-default-settings select { width:100%; max-width:320px; min-height:44px; padding:8px; font:inherit; }
.lesson-default-settings .btn { justify-self:start; min-height:44px; }
.lesson-page-navigation { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:8px; margin:8px 2px; direction:ltr; }
.lesson-page-mode > .lesson-reading-header { position:sticky; top:0; z-index:20; padding:6px 0; background:var(--paper,#f7fafb); border-bottom:1px solid var(--line,#cbded6); }
.lesson-page-navigation > .btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:0; min-height:44px; height:auto; padding:8px 10px; white-space:normal; font-size:12px; line-height:1.5; }
.page-lesson-label { min-width:0; overflow-wrap:anywhere; }
.lesson-page-content { padding:clamp(16px,3vw,30px); margin-top:10px; min-width:0; }
.lesson-stage-app .lesson-page-content .lesson-page-section { width:100%; min-width:0; min-height:0; padding:24px 0; margin:0; border:0; border-radius:0; box-shadow:none; background:transparent; animation:none; scroll-margin-top:110px; overflow-wrap:anywhere; }
.lesson-page-section + .lesson-page-section { border-top:1px solid var(--line,#cbded6) !important; }
.lesson-page-section-number { margin:0 0 12px; color:var(--muted,#506779); font-size:12px; }
.lesson-page-section .slide-title { margin-top:0; }
.lesson-page-navigation.lesson-page-footer { grid-template-columns:repeat(3,minmax(0,1fr)); margin:16px 0 24px; }
@media (max-width:700px) {
  .lesson-reading-header .level-actions.lesson-context-actions { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"leading quiz" "title title"; gap:6px; }
  .lesson-reading-header .lesson-context-actions > .level-stage-title { grid-area:title; }
  .lesson-reading-header .lesson-mode-button { min-height:38px; height:38px; padding-inline:8px; font-size:11px; }
}