/* РКМенеджер · вариант А «Барабан»: спокойная редакционная подача, ближе всех к focustrack.
   Первый экран — барабан во всю ширину; дальше — чтение: двенадцать колонок, липкое оглавление, полоса хода.
   Движение сдержанное: подъём блоков при прокрутке, наклон карточек, счётчики, подсказки к терминам. */

/* ══ Первый экран ══ */
.rk-hero-a { padding-top: clamp(20px, 3vw, 40px); }
.rk-hero-a__top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 24px; margin-bottom: 8px; }
.rk-hero-a__top .rk-drum-title { font-size: clamp(22px, 1.4vw + 14px, 30px); }
.rk-hero-a__top .rk-muted { font-size: 15px; }
.v-a .rk-drum__stage { max-width: 1440px; margin-inline: auto; }

/* ══ Вводный блок: H1 и цифры ══ */
.rk-intro { padding-top: clamp(36px, 5vw, 72px); }
.rk-intro__in { display: grid; gap: 32px; align-items: end; }
@media (min-width: 1000px) { .rk-intro__in { grid-template-columns: 1.25fr 1fr; } }
.rk-intro__text .rk-lead { margin-top: 18px; }
@media (max-width: 520px) { .rk-stats { grid-template-columns: 1fr; } .rk-stat { grid-template-columns: auto 1fr; align-items: baseline; column-gap: 12px; } .rk-stat small { grid-column: 1 / -1; } }

/* ══ Урок: оглавление слева, текст по центру ══ */
.rk-readbar { position: fixed; left: 0; right: 0; top: var(--rk-header-h); z-index: 49; }
.rk-readbar .gl-progress { height: 3px; border-radius: 0; background: transparent; }
.rk-lesson-a { --gk-gap: 48px; padding-top: 8px; }
.rk-lesson-a__side { padding-top: 34px; max-height: calc(100vh - var(--rk-header-h) - 48px); overflow: auto; }
@media (max-width: 1099px) {
  .rk-lesson-a { display: block; }
  .rk-lesson-a__side { display: none; }
}
@media (min-width: 1100px) { .rk-toc-m { display: none; } }
.v-a .rk-article .rk-figure .rk-screen { transform-style: flat; }
.v-a .rk-sec h2 { padding-top: 8px; }

/* соседние уроки: лента со сцеплением на телефоне и планшете, на столе — обычная сетка без стрелок */
@media (min-width: 1100px) {
  .v-a .rk-related .sr-rail { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); overflow: visible; scroll-snap-type: none; padding: 0; }
  .v-a .rk-related .sr-controls { display: none; }
}