/*
 * Textul editat din panou (știri, anunțuri, texte de pagină), așa cum apare pe site.
 * Aceeași foaie se încarcă în editorul din panou, ca editorul să arate exact ce publică.
 * Doar structura are stil: textul editorilor nu poartă culori, fonturi sau mărimi proprii
 * (HtmlSanitizer elimină atributele `style` și `class`).
 */

.prose {
  --ink: #16181D;
  --muted: #5B616B;
  --line: #D9DCE1;
  --accent: #0E5A3A;
  --accent-soft: #E6F0EA;

  max-width: 72ch;
  color: var(--ink);
  font-family: "Public Sans", system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.6;
}

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

.prose h3, .prose h4 {
  margin: 32px 0 8px;
  font-family: "Source Serif 4", Georgia, serif;
  font-weight: 600;
  line-height: 1.3;
}
.prose h3 { font-size: 24px; }
.prose h4 { font-size: 20px; }

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

.prose blockquote {
  padding: 8px 16px;
  border-left: 3px solid var(--accent);
  background: var(--accent-soft);
}

.prose img { display: block; max-width: 100%; height: auto; margin: 16px 0; border-radius: 4px; }

/* 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); text-align: left; vertical-align: top; }
.prose th { background: #F3F4F1; font-weight: 600; }