/* ========== Collapsible Block ========== */
:root {
  --col_bg: #e2e8f0;
  --col_radius: 10px;
  --col_btn_bg: #4f46e5;
  --col_btn_hover: #3730a3;
  --col_btn_color: #ffffff;
}

.lesson_collapsible {
  margin: 25px 0;
  background: var(--col_bg);
  border-radius: var(--col_radius);
  padding: 12px 16px;
}

.lesson_collapsible_btn {
  background: var(--col_btn_bg);
  color: var(--col_btn_color);
  border: none;
  border-radius: 8px;
  padding: 8px 14px;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.2s ease;
}

.lesson_collapsible_btn:hover {
  background: var(--col_btn_hover);
}

.lesson_collapsible_content {
  margin-top: 12px;
  display: none;
}

.lesson_collapsible.lesson_open .lesson_collapsible_content {
  display: block;
}