/* Шрифт Onest (SIL OFL 1.1). Файлы — fonts/onest-400|600|700|800.woff2, кириллица и латиница. */
@font-face { font-family: "Onest"; src: url("../fonts/onest-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Onest"; src: url("../fonts/onest-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Onest"; src: url("../fonts/onest-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Onest"; src: url("../fonts/onest-800.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }

:root {
  /* Цвета */
  --color-bg: #f3f5f6;
  --color-surface: #ffffff;
  --color-text: #0b0e11;
  --color-text-muted: #666d74; /* семейство ЦЕХ 01.11: значение светлой темы сервиса (4,6:1 на фоне) */
  --color-accent: #e63900; /* брендбук ЦЕХ, основной оранжевый */
  --color-accent-text: #ffffff;
  --color-dark: #111519;          /* чёрный — сторона молодёжи (решение 3.11) */
  --color-graphite: #2b3238;      /* тёмно-серый — общее для всех: МедиаЦЕХ, финал главной, подвал (4.11) */
  --color-dark-text: #ffffff;
  --color-line: #dde1e4;
  /* Брендовый градиент (брендбук ЦЕХ): только для карточки «Цифра» */
  --brand-grad-1: #f98037;
  --brand-grad-2: #f96733;
  --brand-grad-3: #a21e11;
  --color-sheet: #f1f3f4;
  --color-shade: rgba(11, 14, 17, 0.4);
  /* Номера (карточки входа, шаги) — одного цвета: квадрат с белой цифрой (семейство ЦЕХ, 01.11).
     Цвета аудиторий на номерах сняты. */
  --color-number: #0b0e11;
  --color-number-dark: #e63900;  /* на тёмном */
  /* Кнопки — как у сервиса (письмо чата дизайна 02, 01.11): белый на #e63900 даёт 4,2:1 — мало для 16 px */
  --color-button: #d93600;
  --color-button-hover: #c43100;
  --color-button-active: #a82a00;
  --color-button-line: #c3c9ce;  /* обводка второстепенной */
  --radius-button: 8px;
  --button-h: 3rem;              /* 48 px */
  --button-pad: 1.25rem;         /* 20 px */
  --button-line: 1.5px;

  /* Шрифты */
  --font-display: "Onest", Arial, system-ui, sans-serif;
  --font-text: "Onest", Arial, system-ui, sans-serif;
  --fw-text: 400;
  --fw-medium: 600;
  --fw-bold: 700;
  --fw-display: 800;

  /* Размеры шрифтов: телефон → компьютер */
  --fs-hero: clamp(2.4rem, 1.15rem + 5.6vw, 5.4rem);
  --fs-lead: clamp(1.1rem, 0.95rem + 0.8vw, 1.65rem);
  --fs-h2: clamp(2.1rem, 1.4rem + 3vw, 3.5rem);
  --fs-h3: clamp(1.15rem, 1rem + 0.45vw, 1.35rem);
  --fs-logo: clamp(1.7rem, 1.5rem + 0.9vw, 2.3rem);
  --fs-body: 1rem;
  --fs-nav: 0.9rem;
  --fs-menu: 1.15rem;
  --fs-small: 0.875rem;
  --fs-caption: 0.72rem;
  --fs-caption-text: 0.8125rem;
  --fs-dock-mark: 0.9rem;

  --lh-tight: 0.95;
  --lh-heading: 1.08;
  --lh-lead: 1.25;
  --lh-text: 1.4;
  --lh-list: 1.6;
  --tracking-display: -0.045em;
  --tracking-logo: -0.04em;
  --tracking-label: 0.12em;

  /* Отступы */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;

  /* Скругления, линии, тени */
  --radius-s: 0.5rem;
  --radius-m: 1rem;
  --radius-l: 1.5rem;
  --radius-round: 999px;
  --radius-sheet: 1.75rem;
  --border-thin: 1px;
  --shadow-card: 0 1rem 2.5rem rgba(17, 21, 25, 0.08);
  --shadow-header: 0 0.75rem 2rem rgba(17, 21, 25, 0.1);
  --shadow-dock: 0 0.6rem 1.6rem rgba(17, 21, 25, 0.28);
  --shadow-panel: 0 1.2rem 3rem rgba(17, 21, 25, 0.22);

  /* Ширины и размеры */
  --container-max: 84rem;
  --gutter: 1.25rem;
  --header-height: 4.25rem;
  --tap-min: 2.75rem;
  --tap-min-s: 2.25rem;         /* строка контакта: телефон, почта */
  --button-compact: 2.5rem;
  --icon-size: 1.4rem;
  /* Знак ЦЕХ по брендбуку (SVG чата дизайна сервиса, img/znak/): высота знака без рамки */
  --logo-h: 1.75rem;              /* 28 px на телефоне */
  --logo-h-footer: 2.5rem;
  --logo-ramka-h: 2.25rem;        /* знак в рамке (страницы сценариев), не меньше 32 px */
  --name-mark-k: 0.8;             /* знак направления в заголовке экрана: доля кегля заголовка */
  --icon-size-s: 1.1rem;
  --arrow-size: 2.25rem;
  --title-max: 9ch;
  --lead-max: 24rem;

  /* Первый экран. Картинка на телефоне ужимается по высоте экрана,
     чтобы верх карточек входов был виден без прокрутки. */
  --hero-pad-top: var(--space-4);
  --hero-visual-height: clamp(12rem, 100svh - 29rem, 17rem);
  --hero-identity-min: 0;
  --hero-overlap: 0rem;
  --entry-card-width: 86vw;
  --entry-card-min: 8.75rem;
  --entry-image-width: 32%;
  --entry-image-height: 56%;
  --entry-num: 1.5rem;           /* квадрат номера карточки входа */

  /* Экран материалов */
  --color-overlay: rgba(11, 14, 17, 0.82);
  --color-overlay-soft: rgba(11, 14, 17, 0);
  --color-overlay-top: rgba(11, 14, 17, 0.45);
  --color-overlay-quote: rgba(11, 14, 17, 0.38);
  --color-on-photo: #ffffff;
  --color-on-photo-muted: rgba(255, 255, 255, 0.72);
  --fs-card-large: clamp(1.35rem, 1rem + 0.6vw, 1.6rem);
  --fs-card-title: clamp(1.05rem, 0.98rem + 0.35vw, 1.25rem);
  --fs-card-compact: 1rem;
  --fs-fact: clamp(3.2rem, 2.2rem + 3.2vw, 5rem);
  --fs-quote: clamp(1.1rem, 1rem + 0.35vw, 1.3rem);
  --fs-quote-mark: 3rem;
  --fs-rubric: 0.68rem;
  --mat-card-w: 80vw;
  --mat-card-h: 25rem;
  --mat-short-w: 84vw;
  --mat-thumb: 5.5rem;
  --mat-row-min: 9.5rem;
  --fs-quote-desk: clamp(1rem, 0.6rem + 0.45vw, 1.2rem);
  --mat-screen-min: 45rem;  /* ~720 точек видимой высоты */
  --mat-screen-max: 68rem;
  --mat-row-short-min: 6.25rem;
  --mat-pad-y: var(--space-6);
  --mat-card-pad: var(--space-5);
  --fs-screen-title: var(--fs-h2);

  /* Экран «Как работает ЦЕХ» */
  --how-icon: 2.75rem;
  --how-visual-h: 18rem;

  /* Страница материала */
  --article-col: 740px;          /* колонка чтения, одна переменная (решение 02.10) */
  --related-card-h: 22rem;
  --related-card-h-desk: 20rem;
  --article-wide: 1100px;        /* фото «широкое» — шире колонки */
  --article-vertical: 480px;     /* фото «вертикальное» — уже колонки */
  --fs-article: 1.0625rem;       /* текст материала */
  --lh-article: 1.65;
  --fs-article-large: clamp(1.25rem, 1.1rem + 0.6vw, 1.55rem);
  --fs-article-h2: clamp(1.5rem, 1.2rem + 1.3vw, 2.1rem);
  --fs-article-quote: clamp(1.25rem, 1.05rem + 0.8vw, 1.6rem);
  --article-gap: var(--space-6); /* между блоками */
  --slide-w: 88%;                /* кадр слайдера — виден край следующего */
  --border-quote: 3px;           /* черта цитаты */
  --slider-btn: 3rem;            /* стрелки слайдера на компьютере */
  --fs-slider-arrow: 2rem;
  --slider-reserve: 12rem;       /* высота окна минус кадр: подпись и воздух */

  /* Экран ЦЕХ.ПОДБОР: цвета совпадения (смысловые, не брендовые — как в сервисе) */
  --color-match-high: #1f9d55;
  --color-match-high-bg: #e5f4eb;
  --color-match-mid: #e0a100;
  --color-match-low: #d64545;
  --color-match-glow: rgba(31, 157, 85, 0.4);
  --fs-podbor-slogan: clamp(1.15rem, 0.95rem + 0.9vw, 1.7rem);
  --fs-podbor-slogan-desk: clamp(1.15rem, min(1.6vw, 3.4svh), 1.7rem);
  --fs-podbor-text: 0.875rem;    /* текст запроса — мельче, но целиком */
  --fs-podbor-text-desk: clamp(0.8rem, 1.6svh, 0.9rem);
  --podbor-person: 3.5rem;       /* фото человека в карточке */
  --podbor-icon-btn: 2.25rem;    /* кнопка-фильтр в шапке карточки, значки этапов */
  --podbor-match-w: 11rem;       /* колонка шкалы между карточками */
  --podbor-link-h: 5.5rem;       /* телефон: связь между карточками */
  --podbor-line: 3px;            /* линия-касание */
  --podbor-touch: 4rem;        /* свечение на краю карточки */
  --podbor-glow: 12px;
  --podbor-dot: 1.5rem;
  --podbor-dot-ring: 4px;
  --podbor-bar-w: 0.6rem;
  --podbor-bar-h: clamp(9rem, 22svh, 13rem);
  --podbor-bar-dot: 2.25rem;     /* где на шкале «Высокое» */
  --stack-dx: 0.6rem;            /* стопка выдачи: сдвиг и поворот нижних карточек */
  --stack-dy: 0.5rem;
  --stack-rot: 1.5deg;
  --stack-top-rot: 0deg;         /* верхняя — ровно, стопку видно по нижним */
  --shadow-podbor: 0 0.75rem 2rem rgba(17, 21, 25, 0.1);
  --icon-size-xs: 0.95rem;
  --podbor-chip-h: 1.9rem;
  --podbor-btn-h: clamp(2.5rem, 5.4svh, 2.75rem);
  --proekt-sphere-h: clamp(2.125rem, 4.8svh, 2.5rem); /* кнопка сферы ЦЕХ.ПРОЕКТ на компьютере */
  /* Экран «Пульс ЦЕХ.<номер>» — лист-пауза: город штрихом, линия ритма, Пульс */
  --pulse-bg: var(--color-sheet);
  --pulse-grid: rgba(17, 21, 25, 0.045);
  --pulse-grid-step: 3.5rem;
  --pulse-scene-h: clamp(7.5rem, 26svh, 11rem);       /* высота рисунка, телефон */
  --pulse-scene-h-desk: clamp(8rem, 24svh, 16rem);    /* высота рисунка, компьютер */
  --pulse-sketch-opacity: 0.28;
  --pulse-geo-x: 44%;
  --pulse-city-ratio: 2.6;       /* панорама города на компьютере: ширина = высота × 2.6 */
  --pulse-city-y-desk: 25%;      /* от неба до набережной */
  --pulse-geo-shift: 0.2;        /* перекрестье левее центра — на соборе */
  --pulse-geo-y: 38%;
  --pulse-geo-plate: rgba(241, 243, 244, 0.88);
  --pulse-wave-h: 3.5rem;
  --pulse-wave: rgba(17, 21, 25, 0.16);
  --pulse-divider: var(--color-line);
  --pulse-cross: 1rem;
  --pulse-num: clamp(1.6rem, 1.2rem + 1.2vw, 2.25rem);
  --pulse-sign: 2.75rem;
  --pulse-sign-bg: rgba(230, 57, 0, 0.08);
  --pulse-beat-time: 0.9s;
  --pulse-run-time: 1.4s;       /* пробег импульса по линии-горизонту */
  /* Экран 7 «МедиаЦЕХ и авторы» */
  --authors-photo-h: clamp(20rem, 60svh, 34rem);   /* высота портрета автора */
  --authors-photo-w: calc(var(--authors-photo-h) * 0.8);
  --authors-muted-dark: rgba(255, 255, 255, 0.64);
  --authors-card-dark: rgba(255, 255, 255, 0.07);
  --authors-line-dark: rgba(255, 255, 255, 0.18);
  --authors-bg: var(--color-graphite); /* экран МедиаЦЕХа — тёмно-серый, светлее чёрного молодёжи (4.11) */
  --authors-cap-shade: linear-gradient(to top, rgba(10, 12, 14, 0.78), rgba(10, 12, 14, 0));
  --authors-cap-muted: rgba(255, 255, 255, 0.78);
  --org-col-w: 18.5rem;           /* колонка организации */
  --org-avatar: 2.75rem;
  --org-thumb: 3.25rem;
  --org-photo-shade: linear-gradient(to top, rgba(10, 12, 14, 0.9) 0%, rgba(10, 12, 14, 0.55) 45%, rgba(10, 12, 14, 0) 75%);
  --org-num: clamp(3.5rem, 2.5rem + 2.5vw, 5rem);
  --org-num-sm: clamp(2.5rem, 1.8rem + 1.6vw, 3.5rem);
  --org-card-min: 8rem;
  --org-card-photo: 14rem;
  /* Экран 8 «Присоединиться» */
  --join-lead-max: 40rem;
  --join-card-w: 26rem;
  --join-photo: 7.5rem;
  --join-go: 2.75rem;            /* круглая кнопка действия */
  --join-go-col: 17.5rem;          /* колонка действий: текст и круг; «Соглашение о сотрудничестве» — в две строки */
  --mat-pad-y-join: clamp(2.5rem, 8svh, 5rem);
  --shadow-pulse-btn: 0 0.4rem 1.2rem rgba(17, 21, 25, 0.12);
  --shadow-pulse-btn-hover: 0 0.6rem 1.6rem rgba(17, 21, 25, 0.18);
  --podbor-person-desk: clamp(2.75rem, 6svh, 3.5rem);
  --podbor-gap: clamp(1.5rem, 6svh, 5rem);      /* сцена → этапы (вдвое больше, решение 09.10) */
  --podbor-gap-top: clamp(1rem, 3.5svh, 2.75rem); /* шапка → карточки */
  --transition-base: 0.25s ease;
  --proekt-chart-h: clamp(8rem, 17svh, 11rem); /* высота графика ЦЕХ.ПРОЕКТ */
  --proekt-bar-w: 3.25rem;
  --proekt-bar-min: 0.375rem;    /* пустой месяц — тонкая полоска */
  --proekt-summary-w: 26rem;
  --step-num: 1.5rem;            /* номер шага в кружке */
  --icon-size-m: 1.35rem;
  --switch-w: 3.5rem;            /* переключатель сторон ЦЕХ.ПОДБОР */
  --switch-h: 2rem;
  --switch-pad: 0.25rem;
  --podbor-merge-w: 1.25rem;     /* зона слияния линии мэтча с краем карточки — узкая, на кромке */
  --podbor-link-top: clamp(7.5rem, 17svh, 10rem);  /* высота линии мэтча от верха карточек */

  /* Лента «Все материалы» */
  --filter-h: 2.25rem;           /* фильтры, сортировка, номера страниц */
  --feed-row-min: 10rem;         /* ряд пачки на компьютере: граница читаемости */
  --feed-row-max: 15rem;         /* … и потолок на высоких окнах */
  --feed-reserve: 29.5rem;        /* шапка сайта, шапка ленты, фильтры, короткий ряд, зазоры */
  /* ряд пачки — по высоте окна: первая пачка целиком в первом экране (решение 06.10) */
  --feed-row: clamp(var(--feed-row-min), (100svh - var(--feed-reserve)) / 2, var(--feed-row-max));
  --feed-short-h: 6.5rem;        /* короткие карточки */
  --feed-large-h: 26rem;         /* телефон: большая */
  --feed-photo-h: 20rem;         /* телефон: средняя с фото, цитата */
  --feed-menu-w: 13rem;          /* список «Для кого» */
  --feed-more-w: 18rem;          /* «Показать ещё» на компьютере */

  /* Подвал */
  --footer-bg: var(--color-graphite);         /* подвал — одним листом с финалом главной (4.11) */
  --footer-scene-h: clamp(14rem, 34svh, 19rem); /* полоса с фото региона */
  --footer-hand-w: clamp(10rem, 14vw, 13rem);   /* рукописная фраза */
  --footer-hand-opacity: 0.6;
  --footer-hand-x: 44%;
  --footer-hand-y: 20%;
  --footer-photo-shade: linear-gradient(to bottom, #2b3238 0%, rgba(43, 50, 56, 0) 32%), linear-gradient(90deg, #2b3238 0%, rgba(43, 50, 56, 0.82) 30%, rgba(43, 50, 56, 0.15) 70%), linear-gradient(to top, #2b3238 0%, rgba(43, 50, 56, 0) 45%);

  /* Плавающая навигация */
  --dock-size: 3.75rem;
  --dock-right: 1rem;
  --dock-bottom: 6rem;
  --dock-panel-width: 19rem;
  --color-dock-top: #3a424a;
  --color-dock-edge: rgba(255, 255, 255, 0.28);
  --dock-shadow-near: 0 0.15rem 0.2rem rgba(17, 21, 25, 0.35);
  --dock-shadow-far: 0 0.6rem 1.2rem rgba(17, 21, 25, 0.3);

  /* Страницы сценариев (/sotrudniki/ и др., 26.10): одна колонка, три шага */
  /* Страница сценария — крыльцо сервиса, целиком в его теме (семейство ЦЕХ, раздел 6, 01.11).
     Значения — из писем чата дизайна сервиса (dlya_platformy_02.md, раздел 4; elementy.css). */
  --font-svc-display: "Unbounded", Arial, system-ui, sans-serif;
  --font-svc-text: "Google Sans", Arial, system-ui, sans-serif;
  --svc-light-bg: #f3f5f6;
  --svc-light-text: #0b0e11;
  --svc-light-muted: #666d74;
  --svc-light-line: #dde1e4;
  --svc-light-card: #ffffff;
  --svc-light-accent-small: #cc3300;  /* мелкий оранжевый текст на светлом */
  --svc-dark-bg: #000000;
  --svc-dark-text: #ffffff;
  --svc-dark-muted: #a6a6a6;
  --svc-dark-line: #2e2e2e;
  --svc-dark-card: #0d0d0d;           /* выделенный блок на тёмном */
  --svc-dark-accent-small: #f98037;   /* мелкий оранжевый текст на тёмном */
  --svc-dark-radius: 4px;
  --svc-cut: 12px;                     /* срез угла главной кнопки тёмной темы */
  --svc-photo-cut: 28px;               /* срез угла кадра */
  --plashka-cut: 9px;
  --akcent-bar: 4px;                   /* оранжевая полоса слева выделенного блока */
  --fs-scenario-title: clamp(1.5rem, 1.1rem + 2vw, 2.25rem);
  --fs-scenario-lead: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
  --fs-scenario-step: 0.9375rem;
  --fs-scenario-label: 0.6875rem;      /* 11 px — метка и плашка, Unbounded */
  --scenario-pad-y: var(--space-5);
  --scenario-gap: var(--space-3);
  --scenario-step-pad-y: var(--space-3);
  --scenario-step-num: 1.75rem;        /* квадрат номера шага, 28 px */
  --scenario-step-pad: 0.15rem;        /* текст шага — на уровне номера */
  --scenario-col: 37.5rem;             /* колонка текста страницы сценария */
  --scenario-badge: 3rem;              /* фото на плитке /start/ */
  --scenario-footer-h: 4.25rem;        /* короткий подвал страницы сценария: телефон — две строки */

  /* «Авторы фотографий» (/avtory-foto/, 01.11) */
  --credits-col: 49rem;                /* колонка страницы */
  --credit-image: 12.5rem;             /* маленький кадр в списке */
  --credit-cut: 0.75rem;               /* срез угла кадра */
  --credit-dt: 8.5rem;                 /* колонка «Автор / Источник…» */
  --credit-dt-phone: 6.25rem;          /* она же на телефоне */

  /* Движение */
  --transition-fast: 0.2s ease;
  --transition-panel: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Невысокий телефон (360×640): кнопка — в первом экране страницы сценария */
/* Телефон средней высоты (390×780): всё в один экран */
@media (max-width: 599px) and (max-height: 820px) {
  :root {
    --fs-scenario-title: 1.5rem;
    --scenario-pad-y: var(--space-4);
    --scenario-gap: var(--space-2);
    --scenario-step-pad-y: var(--space-2);
  }
}

@media (max-width: 599px) and (max-height: 720px) {
  :root {
    --fs-scenario-title: 1.375rem;
    --fs-scenario-lead: 0.9375rem;
    --fs-scenario-step: 0.875rem;
    --scenario-pad-y: var(--space-3);
    --scenario-gap: var(--space-2);
    --scenario-step-pad-y: var(--space-2);
    --scenario-step-num: 1.5rem;
  }
}

@media (min-width: 768px) {
  :root {
    --gutter: 2rem;
    --header-height: 5rem;
    --logo-h: 2.25rem;
    --hero-visual-height: clamp(14rem, 100svh - 32rem, 26rem);
    --entry-card-width: 24rem;
    --entry-card-min: 8.75rem;
    --lead-max: 32rem;
    --radius-sheet: 2.5rem;
    --how-visual-h: 24rem;
    --mat-card-w: 21rem;
    --mat-short-w: 22rem;
    --dock-size: 4.25rem;
    --dock-right: 1.5rem;
    --dock-bottom: 1.5rem;
  }
}

/* Компьютер: первый экран укладывается в высоту окна —
   заголовок, отступы и карточки ужимаются на невысоких экранах. */
@media (min-width: 1200px) {
  :root {
    --gutter: 3rem;
    --header-height: 5.5rem;
    --logo-h: 2.625rem;            /* 42 px — вариант Б (решение Product Owner 01.11) */
    --fs-hero: clamp(3rem, min(5.2vw, 10svh), 4.75rem);
    --fs-lead: clamp(1.15rem, min(1.6vw, 3svh), 1.65rem);
    --title-max: none;
    --hero-pad-top: clamp(1rem, 4svh, 3rem);
    --hero-overlap: clamp(2.5rem, 7svh, 4.5rem);
    --entry-card-min: clamp(11.5rem, 27svh, 15.5rem);
    --entry-image-width: 62%;
    --entry-image-height: 54%;
    --entry-num: 1.75rem;
    --lead-max: 40rem;
    /* Экран материалов: всё сжимается по высоте окна (svh), до границы читаемости */
    --fs-screen-title: clamp(2rem, min(3.6vw, 5.6svh), 3.5rem);
    --mat-pad-y: clamp(1rem, 3svh, 2rem);
    --mat-card-pad: clamp(0.75rem, 2svh, 1.25rem);
    --fs-card-title: clamp(0.95rem, min(1.2vw, 2.1svh), 1.25rem);
    --fs-card-large: clamp(1.2rem, min(1.6vw, 3svh), 1.6rem);
    --fs-quote-desk: clamp(0.95rem, min(1.1vw, 2svh), 1.2rem);
    --fs-fact: clamp(2.6rem, min(4vw, 8svh), 5rem);
    --fs-card-compact: clamp(0.9rem, 1.8svh, 1rem);
    /* Экран «Как работает ЦЕХ»: воздух по высоте окна */
    --how-gap-s: clamp(0.6rem, 2.2svh, 1.5rem);
    --how-gap-l: clamp(1.5rem, 6svh, 4rem);
    --how-gap-cards: clamp(0.75rem, 1.8svh, 1.25rem);
    --how-card-pad: clamp(0.9rem, 2.4svh, 1.6rem);
    /* Страницы сценариев: экран в высоту окна, граница читаемости ~720 */
    --fs-scenario-title: clamp(1.875rem, min(2.6vw, 4.8svh), 2.75rem);
    --fs-scenario-lead: clamp(1rem, min(1.3vw, 2.4svh), 1.125rem);
    --scenario-pad-y: clamp(1rem, 3svh, 2.5rem);
    --scenario-gap: clamp(0.5rem, 1.5svh, 1rem);
    --scenario-step-pad-y: clamp(0.4rem, 1.2svh, 0.75rem);
    --scenario-footer-h: 3.5rem;         /* на компьютере — одна строка */
  }
}

/* Страница «Что такое ЦЕХ» (решения 3.11): колонка чтения, оглавление, шкала заголовков рассказа */
:root {
  --ab-col: 44rem;
  --ab-toc-w: 15rem;
  --ab-gap: clamp(2.5rem, 5vw, 4.5rem);
  --ab-hero-fs: clamp(1.9rem, 1.2rem + 2.8vw, 3.4rem);
  --ab-hero-w: 24ch;
  --ab-part-fs: clamp(2rem, 1.3rem + 3vw, 3.4rem);
  --ab-ch-fs: clamp(1.55rem, 1.2rem + 1.5vw, 2.25rem);
  --ab-key-fs: clamp(1.25rem, 1.05rem + 0.9vw, 1.6rem);
  --ab-stat-fs: clamp(2.6rem, 1.8rem + 3vw, 4rem);
  --ab-soft: #c9cfd4;                       /* светлые линии схем */
  --ab-cycle-line: rgba(255, 255, 255, 0.16); /* линии на тёмном листе цикла */
  --ab-dot-s: 0.5rem;
  --ab-dot: 0.75rem;
  --ab-dot-top: 0.55rem;
  --ab-line-top: 0.9rem;
  --ab-age-col: 3.5rem;
  --ab-num: 1.75rem;
  --ab-mock-h: 18rem;
  --ab-mock-h-desk: 24rem;
  --ab-mock-text-w: 32rem;
  --ab-ref-fs: 0.7em;
  --ab-chev: 1.25rem;
  --ab-bar-list-h: 70vh;
  --ab-bar-n-w: 1.75rem;
  --ab-count-w: 4.5em;
  --ab-scroll-mt: 4.5rem;
  --ab-progress-h: 3px;
  --ab-axis-label-w: 9rem;
}

/* Главная, «Три голоса рынка труда»: ширина подзаголовка — две ровные строки на компьютере */
:root { --au-lead-w: 46rem; }

/* Поделиться страницей */
:root {
  --share-icon: 1.125rem;
  --share-menu-w: 13rem;
  --share-shadow: 0 0.5rem 1.5rem rgba(11, 14, 17, 0.12);
}

/* Меню «Все разделы» (серый лист, решения 3.11) */
:root {
  --dock-link-h: 3.1rem;
  --dock-dot: 0.45rem;
  --dock-logo-h: 1.05rem;
}

/* Главная, 4.11: стороны «молодёжь — чёрный, работодатель — серый»; мелкий оранжевый на тёмном */
:root {
  --dark-muted: rgba(255, 255, 255, 0.68);
  --dark-line: rgba(255, 255, 255, 0.16);
  --dark-panel: rgba(255, 255, 255, 0.07);
  --dark-circle-line: rgba(255, 255, 255, 0.4);
  --dark-switch: #3a424a;
  --dark-stack-1: #d5dade;          /* листы стопки подбора на чёрном: тени не видно */
  --dark-stack-2: #9aa2a9;
  --dark-card-ring: 0 0 0 1px rgba(255, 255, 255, 0.14), 0 18px 40px rgba(0, 0, 0, 0.45);
  --accent-on-dark-small: var(--svc-dark-accent-small);
  --side-transition: background-color 0.3s ease, color 0.3s ease;
  --proekt-path-num: 2.75rem;
  --proekt-young-gap: var(--space-6);
}