/* Keep the three stories in the scroll sequence on short desktop viewports. */
@media(min-width:761px){
 body #teaching.is-compact .teaching-stage{padding-block:12px;column-gap:40px}
 body #teaching.is-compact .proof-introduction{margin-bottom:14px}
 body #teaching.is-compact .proof-heading{font-size:34px;line-height:1.25}
 body #teaching.is-compact .proof-intro{font-size:16px;line-height:1.6;margin-top:12px}
 body #teaching.is-compact .teaching-choices{margin-bottom:14px;gap:24px}
 body #teaching.is-compact .teaching-choice{font-size:18px;padding-block:5px}
 body #teaching.is-compact .teaching-choice>span{font-size:16px}
 body #teaching.is-compact .teaching-visual,body #teaching.is-compact .student-figure{height:350px!important}
 body #teaching.is-compact .student-art{width:min(66%,350px)!important;height:100%!important;right:0!important}
 body #teaching.is-compact .story-words blockquote{font-size:18px;line-height:1.65}
 body #teaching.is-compact .story-source{font-size:13px;margin-top:10px;min-height:32px}
 body #teaching.is-compact .teaching-quotes{min-height:0}
}
/* Mobile keeps one complete story in the available viewport, in the same slot. */
@media(max-width:760px){
 body #teaching.is-enhanced .teaching-stage{height:calc(var(--teaching-viewport,100svh) - var(--teaching-header,66px) - 16px);min-height:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "choices" "visual" "quotes";grid-template-rows:auto auto minmax(100px,1fr) var(--teaching-quote-height,150px);row-gap:8px;align-content:stretch;align-items:stretch}
 body #teaching.is-enhanced .proof-introduction{margin:0}
 body #teaching.is-enhanced .proof-heading{font-size:28px;line-height:1.25}
 body #teaching.is-enhanced .proof-intro{font-size:14px;line-height:1.5;margin-top:8px}
 body #teaching.is-enhanced .teaching-choices{margin:0;padding-block:0;min-height:44px;align-items:center}
 body #teaching.is-enhanced .teaching-choice{font-size:17px;min-height:44px;padding-block:6px}
 body #teaching.is-enhanced .teaching-choice>span{display:none!important}
 body #teaching.is-enhanced .teaching-visual{height:100%!important;max-height:300px;min-height:0;align-self:center}
 body #teaching.is-enhanced .student-figure{height:100%!important;min-height:0;margin:0!important;padding:0;display:block!important;border-radius:16px}
 body #teaching.is-enhanced .student-identity{position:absolute;inset:0;width:56%;height:100%;padding:14px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
 body #teaching.is-enhanced .story-student,body #teaching.is-enhanced .story-student span{font-size:15px;line-height:1.4}
 body #teaching.is-enhanced .story-outcome{font-size:24px;line-height:1.25;margin-top:8px;max-width:none}
 body #teaching.is-enhanced .story-destination{font-size:14px;line-height:1.4;margin-top:auto;max-width:none}
 body #teaching.is-enhanced .student-art{position:absolute;inset:auto 0 0 auto;width:58%;height:100%!important;min-height:0}
 body #teaching.is-enhanced .student-art .word-stage{font-size:18px;left:50%!important;width:100%!important;top:76%;transform:translate(-50%,-50%)!important}
 body #teaching.is-enhanced .teaching-quotes{height:var(--teaching-quote-height,150px);min-height:0!important;margin:0;position:relative}
 body #teaching.is-enhanced .teaching-quote{margin:0!important;padding:0!important}
 body #teaching.is-enhanced .story-words blockquote{font-size:15px;line-height:1.55;margin:0}
 body #teaching.is-enhanced .story-source{font-size:13px;min-height:28px;margin-top:8px}
}