/* Карточки статей блога: заголовок стоит внутри цветной плитки, изображение статье не требуется.
   Решение владельца 12.11.2026. Ставится плейбуком playbooks/blog/cards-title.yaml. */
:root{
  --vx-tile-a:#0f766e; --vx-tile-b:#14958a;   /* плитка по умолчанию — цвет знака ВОСХОДа */
}
/* Цвет плитки по рубрике: класс category-<slug> WordPress ставит на карточку, vx-cat-<slug> — на страницу статьи */
.category-osnovy-kooperacii,.vx-cat-osnovy-kooperacii{--vx-tile-a:#0f766e;--vx-tile-b:#14958a}
.category-biznes-i-kooperaciya,.vx-cat-biznes-i-kooperaciya{--vx-tile-a:#1e4e8c;--vx-tile-b:#2f6fb5}
.category-semya-i-aktivy,.vx-cat-semya-i-aktivy{--vx-tile-a:#9a4a2b;--vx-tile-b:#b85c38}
.category-stol-zakazov,.vx-cat-stol-zakazov{--vx-tile-a:#3f6f2f;--vx-tile-b:#5a8f3f}
.category-vladelcam-pvz,.vx-cat-vladelcam-pvz{--vx-tile-a:#4c3f91;--vx-tile-b:#6a5bb5}
.category-sovet-voskhoda,.vx-cat-sovet-voskhoda{--vx-tile-a:#33434c;--vx-tile-b:#4d626d}

.vx-list .wp-block-post-template{gap:28px}
.vx-card{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #e6e9e9;border-radius:14px;overflow:hidden;transition:box-shadow .15s,transform .15s}
.vx-card:hover{box-shadow:0 10px 28px rgba(15,60,56,.12);transform:translateY(-2px)}
.vx-card .vx-card__tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:210px;margin:0;padding:22px 24px 24px;background:linear-gradient(135deg,var(--vx-tile-a),var(--vx-tile-b));color:#fff}
.vx-card .vx-card__meta{margin:0;gap:12px;align-items:center}
.vx-card .vx-card__cat,.vx-card .vx-card__date{margin:0;font-size:13px;line-height:1.3;letter-spacing:.04em}
.vx-card__cat{text-transform:uppercase;font-weight:600}
.vx-card__cat a{position:relative;z-index:2;color:#fff;text-decoration:none;opacity:.92}
.vx-card__cat a:hover{opacity:1;text-decoration:underline}
.vx-card__cat .wp-block-post-terms__separator{color:#fff;opacity:.7}
.vx-card__date{color:#fff;opacity:.8;white-space:nowrap}
.vx-card .vx-card__title{margin:0;font-size:clamp(1.2rem,1.05rem + .5vw,1.45rem);line-height:1.25;font-weight:700}
.vx-card .vx-card__title a,.vx-card .vx-card__title a:hover{color:#fff;text-decoration:none}
/* Отступы и цвета заданы с классом карточки впереди: так они сильнее общих правил темы для блоков. */
/* Вся плитка — ссылка на статью */
.vx-card__title a::after{content:"";position:absolute;inset:0;z-index:1}
.vx-card .vx-card__excerpt{margin:0;padding:18px 24px 22px;font-size:16px;line-height:1.55;color:#3c4043}
.vx-card__excerpt p{margin:0}
.vx-heading{margin:0 0 8px;font-size:var(--wp--preset--font-size--x-large)}
.vx-lead{margin:0 0 28px;color:#5f6368}
.vx-search{margin:0 0 28px}
.vx-pages{margin-top:36px;gap:10px}
.vx-pages a,.vx-pages .current{padding:6px 12px;border-radius:8px;text-decoration:none}
.vx-pages .current{background:var(--vx-tile-a);color:#fff}
@media (max-width:900px){.vx-list .wp-block-post-template.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.vx-list .wp-block-post-template.columns-3{grid-template-columns:1fr}.vx-card__tile{min-height:170px}}

/* Страница статьи: шапка с заголовком — того же цвета, что плитка рубрики; место под изображение убрано */
.single .has-primary-to-background-gradient-background{background:linear-gradient(135deg,var(--vx-tile-a),var(--vx-tile-b))!important;border-radius:14px!important}
.single .has-primary-to-background-gradient-background .wp-block-cover{border-radius:14px!important;min-height:0!important}
.single .has-primary-to-background-gradient-background .wp-block-cover__background{display:none}
.single h1.wp-block-post-title{margin-top:28px!important;line-height:1.2}

/* Подвал блога: ссылки на продукты и материалы, как в подвале лендинга ИСТОК (blog/files/footer.html) */
.vx-footer{margin-top:48px;padding:40px var(--wp--preset--spacing--medium) 28px;border-top:1px solid #e6e9e9;background:#fff}
.vx-footer__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:1200px;margin:0 auto}
.vx-footer__col{display:flex;flex-direction:column;gap:10px}
.vx-footer__head{margin:0 0 4px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#5f6368}
.vx-footer__col a{font-size:16px;line-height:1.4;color:#151419;text-decoration:none}
.vx-footer__col a:hover{color:#0f766e;text-decoration:underline}
.vx-footer__copy{max-width:1200px;margin:32px auto 0;font-size:14px;color:#5f6368}
@media (max-width:700px){.vx-footer__cols{grid-template-columns:1fr;gap:24px}}