/* ===== v2: Читабельність + вирівнювання + картки ===== */
:root{
  --text:#0f172a;          /* темніший для контрасту */
  --muted:#475569;
  --accent:#16a34a;        /* бренд-зелений */
  --bg-card:#ffffff;
  --radius:16px;
  --shadow:0 10px 28px rgba(2,6,23,.08);
}

/* Базова типографіка для блоків із класом .prose */
.prose{
  color:var(--text);
  font-size:18px;
  line-height:1.75;
  letter-spacing:.1px;
  max-width:72ch;
}
.prose > * + *{ margin-top:.9em; }

/* Заголовки — компактні, з правильними відступами */
.prose h3{
  font-size:clamp(22px,2.4vw,30px);
  font-weight:800;
  line-height:1.22;
  margin:0 0 .6em 0;
  letter-spacing:.2px;
}
.prose .eyebrow{               /* міні-підзаголовок над h3 (за бажанням) */
  text-transform:uppercase;
  font-weight:700;
  font-size:12px;
  letter-spacing:.12em;
  color:var(--accent);
  margin-bottom:.35rem;
  display:block;
}

/* Списки — делікатні маркери, чітке вирівнювання по базовій лінії */
.prose ul{ margin:.2em 0 0 0; padding:0; list-style:none; }
.prose ul li{
  position:relative;
  padding-left:1.4em;
  margin:.45em 0;
}
.prose ul li::before{
  content:"";
  position:absolute; left:0; top:.55em;
  width:.55em; height:.55em; border-radius:999px;
  background:radial-gradient(circle at 30% 30%, #fff 0 20%, var(--accent) 21% 100%);
  box-shadow:0 0 0 2px rgba(22,163,74,.15);
}

/* Мікро-виділення всередині пунктів */
.prose strong{ font-weight:700; }
.prose em{ color:var(--muted); }

/* Картки для колонок (додай клас `cards` на Row у WPBakery) */
.vc_row.cards{ row-gap:28px; }
.vc_row.cards .vc_column-inner{
  background:var(--bg-card);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:clamp(16px,2vw,24px)!important;
}

/* Єдині відео — 16:9, з однаковими кутами і тінню */
.embed-16x9{
  position:relative; width:100%;
  border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow);
}
.embed-16x9::before{ content:""; display:block; padding-top:56.25%; }
.embed-16x9 iframe, .embed-16x9 video{
  position:absolute; inset:0; width:100%; height:100%; border:0;
}

/* Вирівнювання тексту і відео по сітці в рядку text-media */
.vc_row.text-media{ align-items:start; }
.vc_row.text-media .wpb_column{ margin-bottom:0; } /* прибираємо зайві відступи */

/* Трохи компактніше на планшетах */
@media (max-width: 991px){
  .prose{ font-size:17px; }
  .vc_row.cards .vc_column-inner{ padding:16px!important; }
}

/* Темний режим (опціонально) */
@media (prefers-color-scheme: dark){
  :root{ --text:#e5e7eb; --muted:#cbd5e1; --bg-card:#0b1220; }
  .vc_row.cards .vc_column-inner{ box-shadow:0 10px 28px rgba(0,0,0,.35); }
}