/*!
 * VOX: оформление поверх темы Varient (magazine). Ядро скрипта не трогаем.
 * Подключено в «Настройки → Общие → Пользовательский код шапки».
 * Пара к нему: /intro/vox-ui.js (полные заголовки, полоса чтения).
 * 20.10.2026
 */

/* ---------- Шрифт заголовков ----------
   «Noto Serif Bold» (Настройки → Шрифты, второй шрифт) загружен одним
   жирным начертанием. Заголовки обычной толщины оставляем на основном шрифте,
   иначе они станут жирными. */
.post-content .post-summary,
.album-title,
.fc-toolbar-title {
  font-family: var(--vr-font-primary);
}

/* ---------- Заголовки разделов ----------
   У темы правило «.section .section-title .title», поэтому селектор той же длины. */
.section .section-title .title {
  font-size: 1.5rem;
  line-height: 1.25;
}
.section .section-title:after {
  height: 3px;
  bottom: -2px;
  border-radius: 2px;
}
@media (max-width: 767.98px) {
  .section .section-title .title { font-size: 1.3rem; }
}

/* ---------- Карточки: скругление и мягкое приближение фото ---------- */
.post-item .image,
.post-item-small .image,
.fs-card {
  border-radius: 10px;
  overflow: hidden;
}
.post-item-small .image { border-radius: 8px; }

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .post-item .image img,
  .post-item-small .image img {
    transition: transform .6s cubic-bezier(.2, .7, .2, 1);
  }
  .post-item:hover .image img,
  .post-item-small:hover .image img {
    transform: scale(1.05);
  }
}

/* ---------- Заголовки карточек: до трёх строк, обрыв на границе слова ----------
   Полный текст подставляет vox-ui.js, здесь только аккуратная обрезка. */
.post-item .title > a,
.post-item-small .title > a,
.fs-card .fs-title > a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}

/* ---------- Фото в статье: вертикальные снимки не выше 3/4 экрана ---------- */
.post-image-preview img {
  width: 100%;
  max-height: min(75vh, 680px);
  object-fit: contain;
  background-color: rgba(127, 127, 127, .12);
}
.post-image-preview .swiper,
.post-image-preview > .d-block {
  border-radius: 10px;
  overflow: hidden;
}

/* ---------- Полоса прогресса чтения (создаёт vox-ui.js) ---------- */
#vox-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--vr-theme-color);
  transform: scaleX(0);
  transform-origin: 0 50%;
  z-index: 1100;
  pointer-events: none;
}