/* ===== Lesson pages (aulas/*.html) ===== */
body.lesson {
  padding: 24px 20px;
}

.lesson .lesson-wrap {
  max-width: 1100px;
  margin: 0 auto;
}

.lesson h1 {
  font-size: 34px;
  line-height: 1.15;
  margin: 0 0 8px;
}

.lesson .lead {
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 14px;
}

.lesson h2 {
  font-size: 22px;
  margin: 18px 0 8px;
}

.lesson ul {
  margin: 0 0 10px 18px;
}

.lesson li {
  line-height: 1.55;
  margin: 4px 0;
}

.lesson .pdf-frame {
  width: 100%;
  height: 78vh;
  min-height: 520px;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 8px;
}

.lesson .download {
  margin: 10px 0 0;
  font-size: 15px;
}

/* When embedded inside the index iframe, give a bit less top padding */
@media (max-width: 768px) {
  body.lesson {
    padding: 16px 14px;
  }
  .lesson h1 { font-size: 26px; }
  .lesson h2 { font-size: 18px; }
  .lesson .pdf-frame { height: 65vh; min-height: 420px; }
}