/* ============================================================

   soboleznovaniya.ru — РЕДИЗАЙН 2026 · legacy.css

   Натягивает дизайн на СТАРЫЙ контент из редактора WP.

   Раскладка широкая (как секция «Как выразить» в макете):

   каждый раздел = H2 слева | текст справа, на всю ширину контейнера.

   Группировку по H2 делает legacy.js.

   ============================================================ */



/* ---------- HERO внутренней страницы (single/page) ---------- */

.inner-hero{ padding:48px 0 12px; }

.inner-crumb{ display:flex; align-items:center; gap:10px; font-size:14px; color:var(--muted); margin-bottom:22px; flex-wrap:wrap; }

.inner-crumb a{ color:var(--muted); text-decoration:none; transition:color .12s; }

.inner-crumb a:hover{ color:var(--ink); }

.inner-crumb span{ color:var(--border); }

.inner-title{ margin:0; font-size:clamp(34px,5vw,64px); line-height:0.98; letter-spacing:-0.045em; font-weight:var(--fw-extrabold); color:var(--ink); max-width:18ch; }

.inner-lead{ margin:24px 0 0; max-width:62ch; font-size:22px; line-height:1.5; letter-spacing:-0.01em; color:var(--graphite); font-weight:var(--fw-medium); }

@media (max-width:640px){

  .inner-hero{ padding:32px 0 8px; }

  .inner-lead{ font-size:18px; }

}



.legacy-wrap{ padding:40px 0 8px; }



/* ---------- Интро (лид + оглавление, до первого H2) ---------- */

.legacy__intro{ max-width:60ch; padding-bottom:8px; }

.legacy__intro p{ margin:0 0 26px; font-size:24px; line-height:1.5; letter-spacing:-0.01em; color:var(--ink); font-weight:var(--fw-medium); }

.legacy__intro .strong, .legacy__intro strong{ font-weight:var(--fw-bold); }

.legacy__intro h5{ margin:0 0 6px; font-size:13px; font-weight:var(--fw-semibold); letter-spacing:0.06em; text-transform:uppercase; color:var(--muted); }

.legacy__intro ul{ margin:0; padding:0; list-style:none; columns:2; column-gap:48px; }

.legacy__intro ul li{ break-inside:avoid; padding:12px 0; border-top:1px solid var(--line-2); font-size:16px; }

.legacy__intro a{ color:var(--ink); text-decoration:none; transition:color .12s, padding-left .14s; display:inline-block; }

.legacy__intro a:hover{ color:var(--muted); padding-left:4px; }



/* ---------- Плоский контент без H2 (молитвы, короткие тексты) ----------

   Полноширинная читаемая колонка вместо зажатого intro. Лид-абзац крупнее. */

.legacy__plain{ max-width:760px; padding:8px 0 16px; font-size:20px; line-height:1.75; color:#2E2F34; }

.legacy__plain > *:first-child{ margin-top:0; }

.legacy__plain > p:first-of-type{ font-size:24px; line-height:1.5; letter-spacing:-0.01em; color:var(--ink); font-weight:var(--fw-medium); margin:0 0 24px; }

.legacy__plain p{ margin:0 0 20px; }

.legacy__plain p:last-child{ margin-bottom:0; }

.legacy__plain h2, .legacy__plain h3{ margin:34px 0 12px; font-size:clamp(22px,2.2vw,30px); line-height:1.15; letter-spacing:-0.02em; font-weight:var(--fw-extrabold); color:var(--ink); }

.legacy__plain h4{ margin:24px 0 10px; font-size:20px; font-weight:var(--fw-bold); color:var(--ink); }

.legacy__plain ul{ margin:0 0 20px; padding:0; list-style:none; }

.legacy__plain ul li{ padding:14px 0; border-top:1px solid var(--line-2); }

.legacy__plain ul li:last-child{ border-bottom:1px solid var(--line-2); }

.legacy__plain ol{ margin:0 0 20px; padding-left:26px; }

.legacy__plain ol li{ padding:7px 0; }



/* ---------- Секция раздела: заголовок слева | текст справа ---------- */

.lsec{ display:grid; grid-template-columns:0.5fr 1fr; gap:48px; padding:44px 0; border-top:1px solid var(--line); align-items:start; }

/* Интро как первая секция: метка-заголовок слева, лид справа. Без верхней линии/отступа (это самый первый блок). */

.lsec--intro{ border-top:none; padding-top:0; }

.lsec--intro .legacy__intro{ max-width:none; padding-bottom:0; }

.lsec__head h2{ margin:0; font-size:clamp(26px,2.6vw,40px); line-height:1.05; letter-spacing:-0.03em; font-weight:var(--fw-extrabold); color:var(--ink); }

.lsec__body{ font-size:19px; line-height:1.75; color:#2E2F34; max-width:680px; }

.lsec__body > *:first-child{ margin-top:0; }

.lsec__body p{ margin:0 0 20px; }

.lsec__body p:last-child{ margin-bottom:0; }

.lsec__body h3{ margin:30px 0 12px; font-size:clamp(20px,2vw,26px); line-height:1.2; letter-spacing:-0.02em; font-weight:var(--fw-bold); color:var(--ink); }

.lsec__body h4{ margin:24px 0 10px; font-size:19px; font-weight:var(--fw-bold); color:var(--ink); }



/* ---------- Общая типографика контента ---------- */

.legacy .strong, .legacy strong, .legacy b{ font-weight:var(--fw-semibold); color:var(--ink); }

.legacy a{ color:var(--ink); text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--border); transition:color .12s; }

.legacy a:hover{ color:var(--muted); }

.lsec__body ul{ margin:0 0 20px; padding:0; list-style:none; }

.lsec__body ul li{ padding:14px 0; border-top:1px solid var(--line-2); }

.lsec__body ul li:last-child{ border-bottom:1px solid var(--line-2); }

.lsec__body ol{ margin:0 0 20px; padding-left:26px; }

.lsec__body ol li{ padding:7px 0; }

.legacy blockquote{ margin:0 0 20px; padding:22px 26px; background:var(--cloud); border-radius:14px; font-size:20px; line-height:1.55; color:var(--ink); border:none; }



/* ---------- Картинки / figure / wp-block-image ---------- */

.legacy img{ max-width:100%; height:auto; display:block; border-radius:14px; }

.legacy figure{ margin:24px 0; }

.legacy figure img{ width:100%; }

.legacy figcaption, .legacy .wp-caption-text{ margin-top:10px; font-size:14px; line-height:1.5; color:var(--muted); text-align:left; }

.legacy .wp-block-image{ margin:24px 0; }

.legacy .wp-block-image img{ border-radius:14px; }

.legacy .alignright{ float:right; margin:6px 0 18px 28px; max-width:48%; }

.legacy .alignleft{ float:left; margin:6px 28px 18px 0; max-width:48%; }

.legacy .aligncenter{ margin-left:auto; margin-right:auto; }



/* ---------- wp-block-columns ---------- */

.legacy .wp-block-columns{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:32px; margin:24px 0; }

.legacy .wp-block-column{ min-width:0; }

.legacy .wp-block-column > *:first-child{ margin-top:0; }



/* Плейсхолдер РСЯ (на проде работает реальный) */

.rsya-ph{ margin:22px 0; padding:18px; text-align:center; border:1px dashed var(--border); border-radius:12px; color:var(--muted); font-size:13px; background:var(--cloud); }

.lsec__body .rsya-ph{ margin:22px 0; }



/* ---------- Адаптив ---------- */

@media (max-width:860px){

  .lsec{ grid-template-columns:1fr; gap:18px; padding:32px 0; }

  .lsec__head h2{ font-size:28px; }

  .legacy__intro ul{ columns:1; }

}

@media (max-width:640px){

  .lsec__body, .legacy__intro p, .legacy__plain{ font-size:17px; }

  .legacy__intro p, .legacy__plain > p:first-of-type{ font-size:20px; }

  .legacy .alignleft, .legacy .alignright{ float:none; max-width:100%; margin:18px 0; }

}



/* Слава 28.06: убрать буквицу (drop-cap) — крупная первая буква не нравится */
.has-drop-cap:not(:focus)::first-letter{
  float:none !important; font-size:inherit !important; line-height:inherit !important;
  font-weight:inherit !important; margin:0 !important; padding:0 !important; text-transform:none !important;
}
.has-drop-cap:not(:focus)::after{ content:none !important; }