/* ============================================================
   bethlehem6 — пользовательские правила
   ------------------------------------------------------------
   Этот файл загружается ПОСЛЕ template.css, поэтому здесь можно
   переопределять любые стили шаблона. Правьте только его —
   template.css перезапишется при обновлении шаблона.

   Доступные токены (полный список — в начале template.css):
     цвета:   --brand-color --brand-light --brand-dark
              --surface --surface-alt --line --line-soft
              --text --text-strong --text-soft --muted
     размеры: --fs-xs --fs-sm --fs-nav --fs-md
              --fs-lg --fs-xl --fs-2xl --fs-3xl
     прочее:  --radius --shadow --container-width

   Пример:
     .bh-block-header h2 { color: var(--brand-color); }
   ============================================================ */

/* ---------- Картинка, обтекаемая текстом ---------- */
.bh-main .bh-figure-right,
.bh-main .bh-figure-left { margin: .25rem 0 .75rem; max-width: 45%; }
.bh-main .bh-figure-right { float: right; margin-left: 1.5rem; }
.bh-main .bh-figure-left  { float: left;  margin-right: 1.5rem; }

.bh-main .bh-figure-right img,
.bh-main .bh-figure-left img {
  display: block; max-width: 100%; height: auto; border-radius: var(--radius);
}
.bh-main .bh-figure-right figcaption,
.bh-main .bh-figure-left figcaption {
  margin-top: .4rem; font-size: var(--fs-sm); line-height: 1.35; color: var(--muted);
}

@media (max-width: 575.98px) {
  .bh-main .bh-figure-right,
  .bh-main .bh-figure-left { float: none; max-width: 100%; margin-left: 0; margin-right: 0; }
  .bh-main .bh-figure-right img,
  .bh-main .bh-figure-left img { margin-left: auto; margin-right: auto; }
  .bh-main .bh-figure-right figcaption,
  .bh-main .bh-figure-left figcaption { text-align: center; }
}

/* ---------- Цитата ---------- */
.bh-main blockquote {
  margin: 1.25rem 0; padding: .8rem 1.1rem;
  border-left: 4px solid var(--brand-color);
  border-radius: 0 var(--radius) var(--radius) 0;
  background: rgba(51, 102, 188, .06);
}
.bh-main blockquote > :last-child { margin-bottom: 0; }
.bh-main blockquote cite {
  display: block; margin-top: .4rem;
  font-size: var(--fs-sm); font-style: normal; color: var(--muted);
}

/* ---------- Две колонки ---------- */
.bh-cols-2 {
  clear: both;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 2.5rem;
  margin-top: 1.75rem;
}
@media (max-width: 767.98px) { .bh-cols-2 { grid-template-columns: 1fr; gap: 1.5rem; } }

.bh-cols-2 > * > :first-child { margin-top: 0; }
.bh-cols-2 h2 {
  margin: 0 0 .6rem; padding-bottom: .4rem;
  font-size: var(--fs-xl);
  border-bottom: 2px solid var(--brand-color);
}