/* Gate 6: scoped lesson presentation, using the approved shared tokens. */
.lesson .video-stage--unavailable{aspect-ratio:auto;min-height:8rem;background:var(--blue-wash);color:var(--ink);padding:var(--s5)}
.lesson .video-empty{font-size:1rem;padding:0;max-width:var(--reading)}
.video-help-links{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center;justify-content:space-between}
.video-help .watch-fallback{font-size:1rem}
.reset-player{min-height:var(--target);padding:var(--s3) var(--s4);font-size:1rem;line-height:1.45;color:var(--ink);background:var(--surface);border:1px solid var(--control-border);border-radius:var(--radius)}
.video-help .video-status{margin-bottom:0}
.lesson-content .wp-block-buttons{display:flex;flex-wrap:wrap;gap:var(--s4);margin-block:var(--s7)}
.lesson-content .wp-block-button{max-width:100%}
.lesson-content .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--primary-target);max-width:100%;font-size:1rem;line-height:1.45;padding:var(--s4) var(--s5);border:1px solid var(--blue);border-radius:var(--radius);text-decoration:none;overflow-wrap:anywhere}
.lesson-content .wp-block-button__link:not(.has-background){background:var(--blue)}
.lesson-content .wp-block-button__link:not(.has-text-color){color:var(--surface)}
.lesson-content .is-style-outline>.wp-block-button__link:not(.has-background){background:transparent}
.lesson-content .is-style-outline>.wp-block-button__link:not(.has-text-color){color:var(--blue)}
.lesson-content .wp-block-button__link:hover{text-decoration:underline}
.lesson-content .wp-block-table{margin-block:var(--s7);overflow:visible}
.lesson-content .wp-block-table th{background:var(--blue-wash);font-weight:500;text-align:start}
.lesson-content .wp-block-table td,.lesson-content .wp-block-table th{vertical-align:top;overflow-wrap:anywhere}
.lesson-content .wp-block-audio{margin-block:var(--s7)}
.lesson-content .wp-block-audio audio{display:block;width:100%;max-width:100%;min-width:0}
.lesson-content figcaption{font-size:var(--small);line-height:1.5;color:var(--secondary);text-align:start;margin-top:var(--s3)}
.lesson-content blockquote p:last-child{margin-bottom:0}
.lesson-content .wp-block-quote{margin-block:var(--s7)}
#lesson-content,#lesson-continuation{scroll-margin-top:var(--s5)}
/* Keep phone gutters compact when text grows; never shrink or truncate the text. */
@media(max-width:39.999rem){
  .lesson .reading,.lesson .action-width{width:calc(100% - 2 * min(var(--gutter),16px))}
  .lesson .lesson-continuation{padding:min(var(--s4),12px)}
  .lesson .lesson-continuation .button{padding-inline:min(var(--s4),12px)}
}
.video-help .watch-fallback{gap:var(--s3)}

/* Story context follows the immediate video/homework actions. */
.story-so-far{background:var(--blue-wash);border-inline-start:4px solid var(--blue);border-radius:0 var(--card-radius) var(--card-radius) 0;padding:1.25rem;margin-bottom:2rem}
.story-so-far h2{font-size:1.375rem;margin-bottom:.75rem}
.story-so-far p{margin:0;font-size:1.0625rem}
.practice-homework{background:var(--orange-wash);padding:1.25rem;border-radius:var(--card-radius);border-top:4px solid var(--orange);margin-block:1.5rem 2.5rem}
.practice-homework>p:not(.eyebrow){font-size:1rem}
.story-continuation{margin-block:2.5rem}
.next-story-card{display:grid;grid-template-columns:minmax(0,1fr);background:var(--blue-wash);border:1px solid var(--divider);border-radius:var(--card-radius);overflow:hidden}
.next-story-image{position:relative;aspect-ratio:16/9;align-self:start}
.next-story-image img{display:block;width:100%;height:100%;object-fit:contain}
.next-story-copy{padding:1.25rem;min-width:0}
.next-story-copy>p:not(.eyebrow){font-size:1rem}
.previous-story{display:inline-flex;align-items:center;gap:.5rem;min-height:3rem;margin-top:1rem;max-width:100%;font-size:1rem;line-height:1.5;padding-block:.5rem}
.story-caught-up{background:var(--blue-wash);padding:1.5rem;border-radius:var(--card-radius)}
.story-caught-up h2{font-size:1.75rem}
.story-caught-up>p{font-size:1rem}
@media(min-width:40rem){.next-story-card{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center}.next-story-image{align-self:center}.story-caught-up .button{width:fit-content}.story-so-far,.practice-homework{padding:1.5rem}}
