/* SVASTI LESSON CONTENT TEMPLATE
   Content-only styling. The surrounding WordPress/Classroom shell is external. */
.svasti-lesson {
  max-width: 920px;
  margin: 0 auto;
  color: #17243a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.08rem;
  line-height: 1.75;
}
.svasti-lesson .lesson-header {
  margin: 0 0 2rem;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid #d7c5f3;
  border-radius: 1.1rem;
  background: linear-gradient(135deg, #f7f3ff, #fff);
}
.svasti-lesson .lesson-kicker {
  margin: 0 0 .6rem;
  color: #6d568d;
  font-family: Arial, sans-serif;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.svasti-lesson h1 {
  margin: 0 0 .8rem;
  color: #13294b;
  font-size: clamp(1.8rem, 4vw, 2.65rem);
  line-height: 1.2;
}
.svasti-lesson .lesson-intro {
  margin: 0;
  color: #58677d;
  font-size: 1.15rem;
}
.svasti-lesson .lesson-section {
  margin: 0 0 1.5rem;
  padding: clamp(1.1rem, 2.5vw, 1.7rem);
  border: 1px solid #e2d8f1;
  border-left: 4px solid #8b61bd;
  border-radius: .9rem;
  background: #fff;
  box-shadow: 0 5px 20px rgba(27, 36, 62, .06);
}
.svasti-lesson h2 {
  margin: 0 0 .8rem;
  color: #263c62;
  font-size: clamp(1.25rem, 2.5vw, 1.65rem);
  line-height: 1.3;
}
.svasti-lesson .lesson-body p { margin: 0 0 1rem; }
.svasti-lesson .lesson-body p:last-child { margin-bottom: 0; }
.svasti-lesson img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1rem auto;
  border-radius: .75rem;
}
.svasti-lesson .lesson-key-points {
  margin: 1.5rem 0;
  padding: 1.3rem 1.5rem;
  border: 1px solid #e6c76a;
  border-radius: .9rem;
  background: #fff9e8;
}
.svasti-lesson .lesson-key-points h2 { color: #795b14; }
.svasti-lesson .lesson-key-points ul { margin: 0; padding-left: 1.4rem; }
.svasti-lesson .lesson-key-points li { margin: .35rem 0; }
.svasti-lesson table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}
.svasti-lesson th, .svasti-lesson td {
  padding: .65rem .8rem;
  border: 1px solid #d9d2e5;
  text-align: left;
}
.svasti-lesson th { background: #f0eafa; color: #263c62; }
@media (max-width: 600px) {
  .svasti-lesson { font-size: 1rem; }
  .svasti-lesson .lesson-header,
  .svasti-lesson .lesson-section { border-radius: .7rem; }
}