/* ==========================================================================
   Content — ritm vertical pentru conținutul editorial (.page-content)
   --------------------------------------------------------------------------
   Contextul: reset.css aplică `* { margin: 0; padding: 0 }`, iar `.page-content`
   nu avea nicio regulă. Textul scris în editorul WordPress ajungea în pagină
   complet fără spațiere — paragrafele lipite unul de altul, listele fără
   bullet-uri și fără indentare.

   Regulile de aici sunt ancorate în `.page-content` ca să nu scape în
   componentele temei, care își gestionează singure spațierea.
   Scala e cea existentă din style.css (--space-*). Fără !important.
   ========================================================================== */

/* ---------- Măsură ----------
   Aplicată pe blocurile de text, nu pe container, ca imaginile, tabelele și
   embed-urile din conținut să poată rămâne pe toată lățimea. */

.page-content p,
.page-content ul,
.page-content ol,
.page-content blockquote {
  max-width: 68ch;
}

/* ---------- Paragrafe ---------- */

.page-content p {
  margin-bottom: var(--space-lg);
}

/* Primul paragraf: introducerea paginii. Mai mare, cu aer suplimentar sub el. */
.page-content .lead {
  font-size: 1.25rem;
  line-height: 1.6;
  margin-bottom: var(--space-xl);
}

/* ---------- Headinguri ----------
   line-height global e 0.95 (typography.css:12) — potrivit pentru titlurile
   display din componente, prea strâns pentru text curent.
   Spațierea e asimetrică 2:1: titlul aparține vizual secțiunii de sub el. */

.page-content h2,
.page-content h3,
.page-content h4 {
  line-height: 1.15;
}

.page-content h2 {
  margin-top: var(--space-2xl);
  margin-bottom: var(--space-lg);
}

.page-content h3 {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-md);
}

.page-content h4 {
  margin-top: var(--space-md);
  margin-bottom: var(--space-sm);
}

/* Două headinguri consecutive nu au nevoie de spațiul complet între ele. */
.page-content h2 + h3,
.page-content h3 + h4 {
  margin-top: var(--space-md);
}

/* ---------- Liste ----------
   reset.css scoate `list-style` și `padding`. Ambele se refac aici, ca
   listele din conținut să arate a listă. Padding-ul ține bullet-urile în
   interiorul măsurii, nu agățate în afara coloanei de text. */

.page-content ul,
.page-content ol {
  margin-bottom: var(--space-lg);
  padding-left: var(--space-lg);
}

.page-content ul {
  list-style: disc;
}

.page-content ol {
  list-style: decimal;
}

.page-content li {
  line-height: 1.7;
}

.page-content li + li {
  margin-top: var(--space-sm);
}

/* Liste imbricate: spațiu față de itemul părinte, fără margine dublă jos. */
.page-content li > ul,
.page-content li > ol {
  margin-top: var(--space-sm);
  margin-bottom: 0;
}

/* ---------- Blockquote ----------
   Marginile și border-ul vin din typography.css:206. Aici doar măsura,
   setată mai sus, plus spațiul de după. */

.page-content blockquote {
  margin-bottom: var(--space-xl);
}

/* ---------- Colaps la margini ----------
   Fără astea, primul element adaugă spațiu peste padding-ul secțiunii, iar
   ultimul lasă un gol înainte de următorul bloc. */

.page-content > :first-child {
  margin-top: 0;
}

.page-content > :last-child {
  margin-bottom: 0;
}