/* ═══════════════════════════════════════════════════════════════════════
   БИОЗАРЯД · лонгриды для спорта в «Формуляре».

   Ложится поверх blog.css: оглавление, текст, нумерованные разделы,
   источники и блок о продукте — оттуда. Здесь — то, чего в статье нет:
   стат-ряд, карточки задач, направления состава, сценарии по видам спорта.
   Префикс ld-, чтобы не пересекаться с классами статьи и страниц.
   ═══════════════════════════════════════════════════════════════════════ */

/* Первый раздел идёт сразу после шапки — без черты и лишнего отступа сверху */
.ptext .bh.bh--first{margin-top:0; padding-top:0; border-top:0}

/* ── Врезка-факт ───────────────────────────────────────────────────────── */
.ld-fact{margin:clamp(22px,2.4vw,32px) 0; padding:clamp(20px,2.2vw,28px) clamp(22px,2.4vw,32px);
  background:var(--tint); border-radius:var(--r)}
.ld-fact .lbl{display:block; margin-bottom:8px; color:var(--ink)}
.ld-fact p{margin:0; font-size:19px; line-height:1.5; font-weight:700; color:var(--g900);
  letter-spacing:-.01em}

/* ── Стат-ряд ──────────────────────────────────────────────────────────── */
.ld-stats{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(14px,1.6vw,22px);
  margin:clamp(22px,2.4vw,32px) 0}
.ld-stat{padding:clamp(18px,2vw,24px) clamp(18px,2vw,24px) clamp(16px,1.8vw,22px);
  background:#FFFFFF; border-radius:var(--r); box-shadow:inset 0 0 0 1px var(--line)}
.ld-stat b{display:block; font-size:clamp(32px,3.2vw,42px); font-weight:600; line-height:1;
  color:var(--ink); letter-spacing:-.05em; word-spacing:-.34em; white-space:nowrap}
.ld-stat span{display:block; margin-top:10px; font-size:14.5px; line-height:1.4; color:var(--g700)}
@media (max-width:480px){ .ld-stats{grid-template-columns:1fr} }

/* ── Пять задач ────────────────────────────────────────────────────────── */
.ld-probs{display:grid; gap:clamp(14px,1.6vw,20px); margin:clamp(22px,2.4vw,32px) 0}
.ld-prob{display:grid; grid-template-columns:52px minmax(0,1fr); gap:clamp(14px,1.8vw,24px);
  padding:clamp(20px,2.2vw,28px) clamp(20px,2.4vw,30px);
  background:#FFFFFF; border-radius:var(--r); box-shadow:inset 0 0 0 1px var(--line)}
.ld-prob__n{font-size:26px; font-weight:600; line-height:1; color:var(--acc); letter-spacing:-.04em;
  padding-top:2px}
.ld-prob__b h3{margin:0 0 10px; font-size:clamp(19px,1.7vw,22px); line-height:1.25;
  letter-spacing:-.016em; color:var(--g900)}
.ld-prob__b p{margin:0; font-size:16.5px; line-height:1.55; color:var(--g700)}
.ld-prob__out{margin-top:12px !important; padding:10px 14px; background:var(--tint);
  border-radius:var(--r-sm); font-weight:700; color:var(--g900) !important; font-size:15.5px !important}
.ld-prob__src{margin-top:10px !important; font-size:12.5px !important; color:var(--g500) !important}
@media (max-width:640px){ .ld-prob{grid-template-columns:1fr} .ld-prob__n{padding-top:0} }

/* ── Направления состава ───────────────────────────────────────────────── */
.ld-comp{display:grid; gap:clamp(14px,1.6vw,20px); margin:clamp(22px,2.4vw,32px) 0}
.ld-dir{padding:clamp(20px,2.2vw,28px) clamp(20px,2.4vw,30px); background:#FFFFFF;
  border-radius:var(--r); box-shadow:inset 0 0 0 1px var(--line)}
.ld-dir__h{display:flex; gap:16px; align-items:flex-start; margin-bottom:16px}
.ld-dir__n{font-size:22px; font-weight:600; line-height:1.1; color:var(--acc); letter-spacing:-.04em;
  padding-top:3px}
.ld-dir__h h3{margin:0; font-size:clamp(19px,1.7vw,22px); line-height:1.25; letter-spacing:-.016em}
.ld-dir__sub{margin:4px 0 0; font-size:14px; color:var(--g500)}
.ld-dir__l{margin:0; display:grid; gap:0}
.ld-dir__row{display:grid; grid-template-columns:minmax(210px,.46fr) minmax(0,1fr); gap:16px;
  padding:11px 0; border-top:1px solid var(--hair)}
.ld-dir__row dt{margin:0; font-size:15.5px; font-weight:700; color:var(--g900); line-height:1.4}
.ld-dir__row dd{margin:0; font-size:15px; color:var(--g700); line-height:1.5}
.ld-dir__src{margin:12px 0 0; font-size:12.5px; color:var(--g500)}
@media (max-width:640px){ .ld-dir__row{grid-template-columns:1fr; gap:4px} }

/* ── Для кого ──────────────────────────────────────────────────────────── */
.ld-who{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(12px,1.4vw,18px);
  margin:clamp(22px,2.4vw,32px) 0}
.ld-who__i{padding:18px 20px; background:var(--tint); border-radius:var(--r)}
.ld-who__i b{display:block; font-size:17px; line-height:1.3; color:var(--g900); letter-spacing:-.012em}
.ld-who__i span{display:block; margin-top:5px; font-size:14.5px; line-height:1.45; color:var(--g700)}
.ld-who__i:last-child{grid-column:1 / -1}
.ld-who__i--even:last-child{grid-column:auto}   /* чётный набор — последняя не растягивается */
@media (max-width:640px){ .ld-who{grid-template-columns:1fr} }

/* ── Сценарии по видам спорта ──────────────────────────────────────────── */
.ld-sports{display:grid; gap:clamp(14px,1.6vw,20px); margin:clamp(22px,2.4vw,32px) 0}
.ld-sport{padding:clamp(20px,2.2vw,28px) clamp(20px,2.4vw,30px); background:#FFFFFF;
  border-radius:var(--r); box-shadow:inset 0 0 0 1px var(--line)}
.ld-sport header{display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px; margin-bottom:16px}
.ld-sport h3{margin:0; font-size:clamp(19px,1.7vw,22px); line-height:1.25; letter-spacing:-.016em}
.ld-sport__sub{font-size:14px; color:var(--g500)}
.ld-sport__g{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);
  grid-template-areas:"prob scheme" "out scheme"; gap:clamp(14px,1.8vw,24px); align-items:start}
.ld-sport__g > div:nth-child(1){grid-area:prob}
.ld-sport__g > div:nth-child(2){grid-area:scheme}
.ld-sport__g > div:nth-child(3){grid-area:out}
.ld-sport__g .lbl{display:block; margin-bottom:8px}
.ld-sport__g p{margin:0; font-size:15px; line-height:1.5; color:var(--g700)}
.ld-sport__g ul{margin:0; padding:0; list-style:none; display:grid; gap:8px}
.ld-sport__g li{position:relative; padding-left:18px; font-size:15px; line-height:1.5;
  color:var(--g900); font-weight:700}
.ld-sport__g li::before{content:''; position:absolute; left:2px; top:.6em; width:7px; height:7px;
  border-radius:50%; background:var(--acc)}
.ld-sport__g > div:nth-child(2){padding:14px 16px; background:var(--tint); border-radius:var(--r-sm)}
@media (max-width:640px){ .ld-sport__g{grid-template-columns:1fr; grid-template-areas:"prob" "scheme" "out"} }

/* ── Две плашки ────────────────────────────────────────────────────────── */
.ld-two{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(14px,1.6vw,20px);
  margin:clamp(22px,2.4vw,32px) 0}
.ld-box{padding:clamp(20px,2.2vw,28px); background:#FFFFFF; border-radius:var(--r);
  box-shadow:inset 0 0 0 1px var(--line)}
.ld-box--ok{background:var(--tint)}
.ld-box--warn{background:var(--tint-2)}
.ld-box .lbl{display:block; margin-bottom:10px}
.ld-box p{margin:0; font-size:15.5px; line-height:1.55; color:var(--g700)}
@media (max-width:760px){ .ld-two{grid-template-columns:1fr} }

/* ── Правовая приписка ─────────────────────────────────────────────────── */
.ld-legal{margin:clamp(28px,3vw,40px) 0 0; padding-top:18px; border-top:1px solid var(--line);
  font-size:13px; line-height:1.5; color:var(--g500)}