/* ────────────────────────────────────────────────────
   Support — «Поддерживающая работа»
   Смысловая вставка после «Терапии с финалом», перед первой сессией.
   Вид «Линии»: тонкие охряные правила, центрированная композиция,
   тёмный «остров»-нота в финале (перекликается с #finale).
   Tokens: design-system/colors_and_type.css
   Хардкод rgba(200,121,42/44,44,42)/#F5F1EC — осознанные производные палитры ДС с альфой.
   ──────────────────────────────────────────────────── */
.support-block{background:var(--bg-warm);padding:clamp(48px,6vw,80px) 0}
.support-block__container{width:min(1120px,100% - 64px);margin:0 auto}

.support{position:relative;background:transparent;border-top:1px solid rgba(200,121,42,.30);border-bottom:1px solid rgba(200,121,42,.30);padding:clamp(40px,4.5vw,64px) clamp(16px,4vw,40px);text-align:center}
/* Верх — кикер, заголовок, вводные абзацы по центру */
.support__kicker{display:inline-flex;align-items:center;gap:14px;font:500 12px/1 var(--font-body);letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin:0 0 22px}
.support__kicker::before,.support__kicker::after{content:'';width:30px;height:1px;background:var(--accent)}
.support__title{font:500 clamp(30px,4vw,48px)/1.1 var(--font-serif);letter-spacing:-.6px;color:var(--text-dark);margin:0 auto 22px;max-width:16ch;text-wrap:balance}
.support__title em{font-style:italic;color:var(--accent)}
.support__intro{margin:0 auto;max-width:660px}
.support__intro p:first-child{font:500 clamp(18px,1.5vw,21px)/1.5 var(--font-serif);color:var(--text-dark);margin:0 0 12px;text-wrap:pretty}
.support__intro p:last-child{font:400 15.5px/1.62 var(--font-body);color:rgba(44,44,42,.74);margin:16px auto 0;max-width:560px;text-align:left;border-left:2px solid var(--accent);padding-left:18px;text-wrap:pretty}
.support__intro .u-accent{color:var(--accent)}
/* Метка-разделитель перед пунктами */
.support__mid{display:flex;flex-direction:column;align-items:center;gap:12px;margin:clamp(32px,4vw,46px) 0 0}
.support__mid::before{content:'';width:44px;height:1px;background:var(--accent)}
.support__mid span{font:500 12px/1 var(--font-body);letter-spacing:2.5px;text-transform:uppercase;color:var(--accent)}
/* Пункты — компактный ряд из трёх колонок с крупными номерами */
.support__points{list-style:none;margin:clamp(20px,2.5vw,28px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}
.support__point{padding:clamp(6px,1.4vw,12px) clamp(18px,2.4vw,32px);text-align:center}
.support__point+.support__point{border-left:1px solid rgba(200,121,42,.20)}
.support__num{display:block;font:900 clamp(30px,3.2vw,42px)/1 var(--font-number);color:var(--accent);letter-spacing:-1px;margin:0 0 10px}
.support__point h3{font:700 clamp(18px,1.5vw,21px)/1.3 var(--font-serif);color:var(--text-dark);margin:0 0 7px;text-wrap:pretty}
.support__point p{font:400 14.5px/1.55 var(--font-body);color:rgba(44,44,42,.8);margin:0;text-wrap:pretty}
/* Финальный блок — тёмная «примиряющая» нота */
.support__footer{position:relative;margin:clamp(36px,4vw,54px) auto 0;padding:clamp(32px,3.6vw,48px) clamp(28px,4vw,52px);background:var(--bg-dark);border-radius:14px;max-width:940px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,56px);align-items:start;text-align:left}
.support__footer-lead{font:500 clamp(27px,2.9vw,36px)/1.18 var(--font-serif);color:#F5F1EC;margin:0;text-wrap:balance}
.support__footer-lead em{font-style:italic;color:var(--accent)}
.support__footer-sub{font:400 clamp(16px,1.3vw,17px)/1.62 var(--font-body);color:rgba(245,241,236,.82);margin:0;text-wrap:pretty}
.support__outcomes-label{font:500 12px/1 var(--font-body);letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin:20px 0 0}
.support__outcomes{list-style:none;display:flex;flex-direction:column;gap:10px;margin:14px 0 0;padding:0}
.support__outcome{position:relative;padding-left:22px;font:500 clamp(16px,1.3vw,17px)/1.35 var(--font-body);color:#F5F1EC}
.support__outcome::before{content:'';position:absolute;left:0;top:.62em;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;background:var(--accent)}
/* Строка-мост к форматам индивидуальной работы (ТЗ 20.07.2026) */
.support__bridge{border-top:1px solid rgba(200,121,42,.30);margin:clamp(28px,3.5vw,40px) 0 0;padding-top:clamp(20px,2.5vw,28px);font:400 15.5px/1.62 var(--font-body);color:rgba(44,44,42,.8);text-align:left;text-wrap:pretty}
.support__bridge strong{color:var(--text-dark)}
/* ─── Адаптив ─── */
@media (max-width:720px){
  .support__points{grid-template-columns:1fr}
  .support__point{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:6px;align-items:center;text-align:left;padding:18px 0}
  .support__point+.support__point{border-left:0;border-top:1px solid rgba(200,121,42,.18)}
  .support__num{margin:0;font-size:clamp(28px,9vw,34px)}
  .support__point h3{margin:0;align-self:center}
  .support__point p{grid-column:1 / -1;margin:0}
  .support__footer{grid-template-columns:1fr;gap:16px}
}
@media (max-width:600px){
  .support-block{padding:44px 0}
  .support{padding:40px 6px}
  .support__footer{padding:26px 22px}
}