/* ============================================================
   Заглавие: надзаглавие, редове, текст и думи с кратък текст.
   --ph-gap разстояние между частите, --ph-w0 / --ph-w1 двете дебелини.
   ============================================================ */

.pfx.ph > * + * { margin-top: var(--ph-gap, 24px); }
.pfx.ph-center { display: flex; flex-direction: column; align-items: center; text-align: center; }
.pfx .ph-t { font-weight: var(--ph-w0, 200); }
.pfx .ph-t b { font-weight: var(--ph-w1, 600); }

/* текстът под заглавието */
.pfx .ph-sub { font-size: clamp(20px, 1.9vw, 27px); line-height: 1.45; font-weight: 200; font-style: italic; }
.pfx .ph-text b { font-weight: 700; }
.pfx.ph-center .ph-text { max-width: 40em; }

/* думи с кратък текст: три колони със златна линия отгоре */
.pfx .ph-points { display: grid; grid-template-columns: repeat(var(--ph-cols, 3), minmax(0, 1fr)); gap: 20px; }
.pfx.ph > .ph-points { margin-top: 40px; }
.pfx .ph-points span { display: flex; flex-direction: column; gap: 8px; padding-top: 14px; border-top: 1px solid var(--room, currentColor); font-size: 14px; line-height: 1.55; }
.pfx .ph-points b { font-size: clamp(19px, 1.6vw, 23px); line-height: 1.25; font-weight: 600; font-style: italic; }
.pfx .ph-points i { font-style: normal; color: var(--muted, #5C6166); }

/* черта с диамант при заглавието */
.pfx.ph-left .ph-rule { justify-content: flex-start; }

@media (max-width: 700px) {
  .pfx .ph-points { grid-template-columns: minmax(0, 1fr); gap: 6px; }
}