.lesson-material{
  width:min(100%,860px);
  margin:2rem auto;
}
.lesson-material>h4{
  margin:0 0 1rem;
  font:900 1.1rem "Nunito",sans-serif;
  text-align:center;
}
.lesson-transcript{
  padding:clamp(1.1rem,3vw,2rem);
  border:1px solid #d7e7e9;
  border-radius:8px;
  background:#fff;
  color:#29434c;
  box-shadow:0 12px 32px rgba(16,84,104,.08);
}
.lesson-columns{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,32%);
  gap:2rem;
  align-items:start;
}
.lesson-transcript h3{
  margin:0 0 .65rem;
  color:#079c54;
  font:900 1.14rem/1.25 "Nunito",sans-serif;
}
.lesson-transcript section+section{margin-top:1.7rem}
.lesson-transcript p,.lesson-transcript li{font-size:.98rem;line-height:1.68}
.lesson-transcript p{margin:.65rem 0}
.lesson-transcript ul{margin:.45rem 0 .8rem;padding-left:1.25rem}
.lesson-sidebar{
  padding:1.1rem;
  border:2px solid #13aa62;
  background:#f3fbf6;
}
.lesson-sidebar section+section{margin-top:1.25rem}
.lesson-sidebar p,.lesson-sidebar li{font-size:.9rem;line-height:1.5}
.lesson-note{
  margin:1.2rem 0;
  padding:1rem 1.1rem;
  border-left:5px solid #f2c500;
  background:#fff8d8;
  font-size:.94rem;
  line-height:1.65;
}
.lesson-cross{
  margin-top:2rem!important;
  padding:1.2rem 1.3rem;
  border-left:6px solid #0aa8d2;
  background:#edf9fc;
}
.lesson-cross h3{text-transform:uppercase;color:#087c9b}
.lesson-transcript a{color:#006f96;font-weight:800}
.canva-view .slides-frame{aspect-ratio:4/3;background:#eef5f6}
@media(max-width:700px){
  .lesson-columns{grid-template-columns:1fr}
  .lesson-sidebar{order:-1}
  .lesson-material>h4{text-align:left}
}