/* Classroom composition only. Handout pages keep their authored reading layout. */
.l3-shell .round2-stage:not(.cover){
  grid-template-rows:auto minmax(0,1fr);gap:16px;padding:28px 44px 20px;
}
.l3-shell .round2-stage .slide-head{border:0;padding:0;margin:0}
.l3-shell .round2-stage .scene-area{
  grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:0;
}
.l3-shell .round2-stage .diagram-frame>svg{width:100%;height:100%;max-height:100%;aspect-ratio:auto}
.l3-shell .round2-stage .teaching-conclusion{border:0;min-height:0;padding:0;margin:0}
.l3-shell .round2-stage .teaching-conclusion p{line-height:1.42}
.l3-shell .round2-stage.cover{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:28px 44px 20px;background:#fafaf7}
.l3-shell .round2-stage.cover .slide-head{position:static;width:100%;max-width:none}
.l3-shell .round2-stage.cover h1{text-wrap:balance;font-size:60px;line-height:1.22;letter-spacing:-.025em;color:#002676}
.l3-shell .round2-stage.cover .slide-head>p{font-size:25px;line-height:1.5;margin:10px 0 0;max-width:none}
.lecture03-cover-art{margin:0;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}
.lecture03-cover-art img{display:block;width:100%;height:100%;object-fit:contain}
.lecture03-cover-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;color:#002676;font-size:22px;line-height:1.5}
.lecture03-cover-footer p{margin:0}
.lecture03-cover-footer a{color:inherit;text-underline-offset:5px}
.classroom-illustrated{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center}
.classroom-illustrated figure{margin:0;min-width:0}
.classroom-illustrated img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain}
.classroom-illustrated .concept-steps{display:grid;gap:26px}
.classroom-illustrated h2{font-size:30px;line-height:1.3;margin:0 0 9px;color:var(--blue)}
.classroom-illustrated p{font-size:26px;line-height:1.5;margin:0}
@media(max-width:700px){
 .l3-shell .round2-stage:not(.cover){display:block;padding:24px 20px 24px}
 .l3-shell .round2-stage .slide-head{margin-bottom:24px}
 .l3-shell .round2-stage .scene-area{display:flex;gap:18px}
 .l3-shell .round2-stage .diagram-frame>svg{width:1100px;height:570px;max-width:none;max-height:none}
 .l3-shell .round2-stage .teaching-conclusion p{font-size:20px;line-height:1.65}
 .l3-shell .round2-stage.cover{position:relative;min-height:calc(100dvh - 58px);padding:28px 20px 24px;gap:20px;grid-template-rows:auto minmax(240px,1fr) auto}
 .l3-shell .round2-stage.cover .slide-head{margin:0}
 .l3-shell .round2-stage.cover h1{font-size:36px;line-height:1.3}
 .l3-shell .round2-stage.cover .slide-head>p{font-size:18px;margin-top:16px}
 .lecture03-cover-art img{min-height:240px;object-fit:contain}
 .lecture03-cover-footer{font-size:16px;flex-wrap:wrap;gap:12px}
 .classroom-illustrated{height:auto;display:flex;flex-direction:column;gap:24px}
 .classroom-illustrated figure{width:100%}
 .classroom-illustrated .concept-steps{gap:22px;width:100%}
 .classroom-illustrated h2{font-size:23px}.classroom-illustrated p{font-size:18px}
 .round2-stage[data-illustrated=true] .diagram-scroll-hint,.round2-stage[data-illustrated=true] .mobile-figure-open{display:none}
}

/* Explanations support the image; implementation and provenance belong to notes. */
.mae-flow {width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:40px}
.mae-chain{display:grid;grid-template-columns:1.1fr 40px 1.35fr 40px .85fr 40px 1.35fr 40px 1.1fr;align-items:center;gap:12px}
.mae-chain figure{margin:0;min-width:0}
.mae-chain figure svg{width:100%;height:auto;display:block}
.mae-chain figcaption{font-size:24px;text-align:center;margin-top:18px;line-height:1.4;color:var(--blue)}
.mae-module{text-align:center;padding:36px 12px;background:#edf3f6;border-radius:8px}
.mae-module h2{font-size:32px;color:var(--blue);margin:0 0 18px;line-height:1.3}
.mae-module p{font-size:23px;line-height:1.6;margin:0}
.mae-module.decoder{background:#fff5dc}
.mae-representation{text-align:center;font-size:27px;line-height:1.6;color:var(--blue)}
.mae-chain .flow-arrow{width:36px;height:24px;color:var(--blue)}
.mae-target{display:flex;justify-content:center;align-items:center;gap:28px;min-height:125px}
.mae-target img{width:164px;height:110px;object-fit:cover}
.mae-target h2{font-size:29px;margin:0 0 12px;color:var(--blue)}
.mae-target p{font-size:25px;margin:0;line-height:1.5}
.mae-target--intro{color:var(--blue);font-size:29px;line-height:1.6;text-align:center}
@media(max-width:700px){
 .mae-flow{gap:28px;height:auto}
 .mae-chain{grid-template-columns:1fr;justify-items:center;gap:18px}
 .mae-chain figure{width:220px}.mae-chain figcaption{font-size:20px;margin-top:10px}
 .mae-module{width:100%;padding:24px 12px}.mae-module h2{font-size:26px}.mae-module p{font-size:20px}
 .mae-chain .flow-arrow{transform:rotate(90deg)}.mae-representation{font-size:23px}
 .mae-target{flex-direction:column;gap:18px;text-align:center}.mae-target h2{font-size:23px}.mae-target p,.mae-target--intro{font-size:20px}
 .round2-stage[data-slide=l3-r2-p21] .diagram-scroll-hint,.round2-stage[data-slide=l3-r2-p21] .mobile-figure-open{display:none}
}