/* ========== Theory Block ========== */
:root {
  --th_bg: #ffffff;
  --th_border: #6366f1;
  --th_title: #312e81;
  --th_text: #1e293b;
  --th_radius: 12px;
}

.lesson_theory {
  background: var(--th_bg);
  padding: 22px;
  border: 2px solid var(--th_border);
  border-radius: var(--th_radius);
  margin-bottom: 25px;
}

.lesson_theory h3 {
  margin-top: 0;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--th_title);
}

.lesson_theory p,
.lesson_theory li {
  color: var(--th_text);
  font-size: 1.05rem;
}