/*
 * Textul editat din panou (blocul „Text”), așa cum apare pe site. Aceeași foaie se încarcă în
 * editorul din panou, ca editorul să arate ce publică. Pe site, culorile și fonturile vin din
 * tokenii identității (site.css); în editor rămân valorile de rezervă de aici.
 * Doar structura are stil: textul editorilor nu poartă culori, fonturi sau mărimi proprii.
 */

.prose {
  max-width: 72ch;
  color: var(--ink, #12261C);
  font-family: var(--font-body, "Inter", system-ui, sans-serif);
  font-size: 17px;
  line-height: 1.65;
}

.prose > :first-child { margin-top: 0; }
.prose > :last-child { margin-bottom: 0; }
.prose p, .prose ul, .prose ol, .prose table, .prose blockquote { margin: 0 0 16px; }

.prose h3, .prose h4 {
  margin: 28px 0 8px;
  font-family: var(--font-head, "Plus Jakarta Sans", system-ui, sans-serif);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.01em;
  color: var(--ink-strong, #0B261C);
}
.prose h3 { font-size: 22px; }
.prose h4 { font-size: 18px; }

.prose a { color: var(--link, #14653C); text-decoration: underline; text-underline-offset: 2px; }
.prose strong, .prose b { font-weight: 650; }
.prose ul, .prose ol { padding-left: 24px; }
.prose li + li { margin-top: 4px; }

.prose blockquote {
  padding: 10px 16px;
  border-left: 3px solid var(--brand, #14653C);
  background: var(--surface-2, #E3F1E8);
}

.prose img { display: block; max-width: 100%; height: auto; margin: 16px 0; border-radius: var(--radius, 6px); }

/* Poza alături de text (img-stanga / img-dreapta); fiecare poză nouă începe sub cea de dinainte. */
.prose img.img-stanga, .prose img.img-dreapta { width: min(40%, 360px); margin-top: 4px; margin-bottom: 16px; clear: both; }
.prose img.img-stanga { float: left; margin-right: 24px; }
.prose img.img-dreapta { float: right; margin-left: 24px; }
.prose h3, .prose h4, .prose table, .prose .caseta { clear: both; }
.prose::after { content: ""; display: table; clear: both; }
@media (max-width: 640px) {
  .prose img.img-stanga, .prose img.img-dreapta { float: none; width: 100%; margin: 16px 0; }
}

.prose table { width: 100%; border-collapse: collapse; font-size: 15px; }
.prose th, .prose td { padding: 8px 12px; border: 1px solid var(--line, #D5E0D8); text-align: left; vertical-align: top; }
.prose th { background: var(--surface-2, #EEF5F0); font-weight: 650; }