.cw-edu-lesson {
  --cw-edu-bg: #fffdf8;
  --cw-edu-card: #fff8ee;
  --cw-edu-border: rgba(120, 78, 33, 0.15);
  --cw-edu-text: #2f261b;
  --cw-edu-muted: #6f6354;
  --cw-edu-accent: #8d5e34;
  --cw-edu-accent-2: #d4b186;
  --cw-edu-success: rgba(55, 137, 73, 0.22);
  --cw-edu-shadow: 0 12px 30px rgba(34, 22, 10, 0.08);
  color: var(--cw-edu-text);
  background: var(--cw-edu-bg);
  border: 1px solid var(--cw-edu-border);
  border-radius: 24px;
  padding: 24px;
  box-shadow: var(--cw-edu-shadow);
  font-family: Georgia, "Times New Roman", serif;
}

.cw-edu-lesson *,
.cw-edu-front *,
.cw-edu-front,
.cw-edu-lesson {
  font-family: Georgia, "Times New Roman", serif;
}

.cw-edu-badge,
.cw-edu-pill,
.cw-edu-btn {
  font: inherit;
}

.cw-edu-badge,
.cw-edu-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid var(--cw-edu-border);
  background: #fff7eb;
  color: var(--cw-edu-accent);
  font-size: 13px;
  font-weight: 700;
}

.cw-edu-btn {
  appearance: none;
  border: 1px solid var(--cw-edu-border);
  background: #fff8ee;
  color: var(--cw-edu-text);
  padding: 10px 14px;
  border-radius: 999px;
  cursor: pointer;
  transition: transform .15s ease, background-color .15s ease, border-color .15s ease;
  font-size: 14px;
  font-weight: 700;
}

.cw-edu-btn:hover,
.cw-edu-btn:focus-visible {
  background: #fff1dc;
  border-color: rgba(141, 94, 52, 0.35);
  transform: translateY(-1px);
}

.cw-edu-btn.is-active {
  background: #f0dfc6;
  border-color: rgba(141, 94, 52, 0.4);
}

.cw-edu-error {
  padding: 16px;
  border-radius: 18px;
  background: #fff3f1;
  border: 1px solid rgba(185, 72, 45, 0.2);
  color: #7a2f1b;
}