/* ════════════════════════════════════════════════════════════════
   Блок «Обучение на обучающего личного терапевта» (/olt/)
   Тёмная компактная полоса между двумя СВЕТЛЫМИ секциями:
   аккредитации (#about, bg-cream) → сюда → «Работа над качеством».
   Токены — из /olt/design-system/colors_and_type.css.

   Отличия от пакета handoff-olt-education (осознанные):
   1. Фон --bg-dark вместо --bg-dark-deep и БЕЗ волосяного border-bottom:
      в пакете ступень тона нужна была для соседства с тёмным промо книги,
      здесь соседи светлые и разделитель не нужен (README, п.2).
   2. Без !important в padding: глобальное правило main section на /olt/
      есть, но его специфичность (0,0,2) ниже, чем у .olt-edu (0,1,0),
      поэтому компактные отступы выигрывают и без него.
   ════════════════════════════════════════════════════════════════ */

/* Контейнер .wrap определён инлайн в olt/index.html — .olt-edu__wrap не нужен. */

.olt-edu{padding:clamp(34px,3.4vw,44px) 0;background:var(--bg-dark);color:var(--text-light);border-bottom:0;position:relative;overflow:hidden}
.olt-edu::before{content:"";position:absolute;inset:0;background:radial-gradient(52% 120% at 88% 30%,var(--accent-glow),transparent 72%);pointer-events:none}
.olt-edu__in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:clamp(26px,2.6vw,38px);align-items:center}

.olt-edu .eyebrow{margin-bottom:0;color:var(--accent)}

.olt-edu h2{margin:10px 0;color:var(--text-light);font-family:var(--font-serif);font-weight:500;font-size:clamp(24px,2.6vw,34px);line-height:1.12;letter-spacing:-.3px;text-wrap:pretty}
.olt-edu h2 em{color:var(--accent);font-style:italic;font-weight:500}
.olt-edu__tx p{color:var(--text-muted-dark);font:400 clamp(16.5px,1.25vw,18.5px)/1.55 var(--font-body);text-wrap:pretty}
/* Выделение в абзаце — только вес 500 (правило проекта: не 600/700) */
.olt-edu__tx p b{font-weight:500;color:var(--text-light)}

/* Строка фактов: 252 часа · 63 модуля · даты */
.olt-edu__tx p.olt-edu__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:14px;font:500 15px/1.4 var(--font-body);color:var(--text-light)}
.olt-edu__meta span{display:flex;align-items:center;gap:20px}
.olt-edu__meta span+span::before{content:"";width:1px;height:14px;background:rgba(245,241,236,.22)}
.olt-edu__meta i{font:900 16px/1 var(--font-number);font-style:normal;color:var(--accent)}

/* Сертификаты: два «листа» 16:10, открываются в общем лайтбоксе */
.olt-edu__docs{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.olt-edu__doc{margin:0;padding:10px;background:var(--surface);border:1px solid rgba(245,241,236,.16);border-radius:var(--radius-sm);cursor:zoom-in;transition:border-color .2s var(--ease-out),transform .2s var(--ease-out)}
.olt-edu__doc:hover{border-color:var(--accent);transform:translateY(-2px)}
.olt-edu__doc:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.olt-edu__doc img{width:100%;aspect-ratio:16/10;object-fit:contain;background:var(--surface);border-radius:2px}
.olt-edu__doc figcaption{margin-top:8px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-muted);font:500 12.5px/1.35 var(--font-body)}

/* Мелкая строка: название программы и лицензия */
.olt-edu__fine{position:relative;margin-top:clamp(18px,2vw,24px);padding-top:clamp(14px,1.6vw,18px);border-top:1px solid rgba(245,241,236,.12);color:var(--text-muted-dark);font:400 13.5px/1.55 var(--font-body);text-wrap:pretty}

@media(max-width:1000px){.olt-edu__in{grid-template-columns:1fr;gap:28px}.olt-edu__docs{max-width:700px}}
@media(max-width:600px){.olt-edu{padding:34px 0}.olt-edu__docs{gap:12px}}
@media(prefers-reduced-motion:reduce){.olt-edu__doc{transition:none}}