/* AC-PRO: общий слой бренда сайта. Стандарт 8, комплект complete-style-v4-release-2026-10-13 (логотип V1, иконки V3, значки messengers-v1).
   Подключается после общих стилей сайта и встроенных <style> на всех страницах; на страницах «Ритм» следом идёт ritm.css.
   Цвета: только палитра стандарта и нейтральные производные от #E9E0D5 и #1B1B1B (карточки, границы). */

/* Шрифты (STANDARD.md, таблица шрифтов). DIN Condensed Bold системный и сайтом не распространяется: только local().
   Без DIN заголовки идут обычным системным sans-serif; это НЕ фирменное решение, одинаковый бренд на всех системах
   остаётся незавершённым до веб-поставки DIN. Roboto Condensed подключён только для «: Ритм» рядом с графикой AC-PRO.
   Остальные роли: готовые WOFF2/WOFF из утверждённого комплекта web-support-v1 (лицензии рядом с файлами). */
@font-face{font-family:AcproHead;font-weight:700;font-style:normal;font-display:swap;src:local("DIN Condensed Bold"),local("DINCondensed-Bold")}
@font-face{font-family:AcproText;font-weight:400;font-style:normal;font-display:swap;
  src:url(/_brand/fonts/web-support-v1/roboto-regular.woff2) format("woff2"),url(/_brand/fonts/web-support-v1/roboto-regular.woff) format("woff")}
@font-face{font-family:AcproText;font-weight:500 700;font-style:normal;font-display:swap;
  src:url(/_brand/fonts/web-support-v1/roboto-medium.woff2) format("woff2"),url(/_brand/fonts/web-support-v1/roboto-medium.woff) format("woff")}
/* Знак ₸ отсутствует в Roboto; отдельное семейство стоит в списке после основных (STANDARD.md, строка «Знак ₸») */
@font-face{font-family:AcproRub;font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+20B8;
  src:url(/_brand/fonts/web-support-v1/noto-sans-regular.woff2) format("woff2"),url(/_brand/fonts/web-support-v1/noto-sans-regular.woff) format("woff")}

:root,:root[data-theme=light]{
  color-scheme:light;
  --acp-red:#D1332C;--acp-ink:#1B1B1B;--acp-steel:#3A4A56;--acp-mist:#92A6B1;--acp-sand:#E9E0D5;
  
  --ground:#E9E0D5;--card:#F2ECE6;--card-2:#DDD4CA;--card-3:#D2C9BE;
  --border:#C6C9C7;--border-strong:#92A6B1;
  --ink:#1B1B1B;--ink-2:#3A4A56;--muted:#3A4A56;--faint:#3A4A56;--steel:#3A4A56;
  --night:#1B1B1B;--on-night:#E9E0D5;
  --accent:#D1332C;--accent-bright:#D1332C;--accent-deep:#D1332C;
  --accent-glow:rgba(27,27,27,.12);--accent-soft:rgba(27,27,27,.06);
  --ok:#3A4A56;--ok-soft:rgba(27,27,27,.12);--warn:#3A4A56;--danger:#1B1B1B;
  --shadow-sm:none;--shadow:none;--shadow-lg:none;
  --display:AcproHead,AcproRub,sans-serif;
  --serif:AcproHead,AcproRub,sans-serif;
  --mono:AcproText,AcproRub,sans-serif;
  --sans:AcproText,AcproRub,sans-serif;
  --display-ws:0;
  --focus:#1B1B1B;
}
:root[data-theme=light]{color-scheme:light}
:root[data-theme=dark]{
  color-scheme:dark;
  --ground:#1B1B1B;--card:#252525;--card-2:#302F2E;--card-3:#3A3938;
  --border:#3A4A56;--border-strong:#92A6B1;
  --ink:#E9E0D5;--ink-2:#92A6B1;--muted:#92A6B1;--faint:#92A6B1;--steel:#92A6B1;
  --night:#1B1B1B;--on-night:#E9E0D5;--danger:#E9E0D5;--focus:#E9E0D5;
  --accent:#D1332C;--accent-bright:#D1332C;--accent-deep:#D1332C;--accent-glow:rgba(233,224,213,.12);--accent-soft:rgba(233,224,213,.06);
  --ok:#92A6B1;--ok-soft:rgba(233,224,213,.12);--warn:#92A6B1;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme=light]){
    color-scheme:dark;
    --ground:#1B1B1B;--card:#252525;--card-2:#302F2E;--card-3:#3A3938;
    --border:#3A4A56;--border-strong:#92A6B1;
    --ink:#E9E0D5;--ink-2:#92A6B1;--muted:#92A6B1;--faint:#92A6B1;--steel:#92A6B1;
    --night:#1B1B1B;--on-night:#E9E0D5;--danger:#E9E0D5;--focus:#E9E0D5;
    --accent:#D1332C;--accent-bright:#D1332C;--accent-deep:#D1332C;--accent-glow:rgba(233,224,213,.12);--accent-soft:rgba(233,224,213,.06);
    --ok:#92A6B1;--ok-soft:rgba(233,224,213,.12);--warn:#92A6B1;
  }
}

/* Заголовки: DIN 700 (или временный запасной), вес не имитируется */
h1,h2,h3,h4{font-weight:700;font-synthesis:none;letter-spacing:.01em}
/* Заголовки не вылезают из блока при любом шрифте (длинные слова русского и казахского переносятся) */
h1,h2,h3,.lead-title{overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}
/* Нет системного DIN (класс ставит site.js): обычный sans-serif шире, поэтому заголовки меньше. Это запасной вид, не фирменный. */
.acp-nodin .ritm-h2{font-size:clamp(24px,3.6vw,44px)}
.acp-nodin .ritm-h1tail{font-size:clamp(22px,4vw,40px)}
.acp-nodin .lead-title{font-size:clamp(26px,5cqi,44px)}
.acp-nodin .lead-phone{font-size:clamp(22px,4cqi,32px)}
/* Без системного DIN подписи шапки шире; ширина контейнера шапки ограничена, поэтому уплотнение нужно на всех ширинах от 1001 px, а не только до 1300 px
   (имитация отсутствия DIN показала переполнение шапки на 1301–1920 px). Телефон в этом режиме остаётся в меню и подвале. */
/* R12 (FIX07): граница записана как точное дополнение «до 1000 px», иначе на дробной ширине 1000,5 px не действует ни это правило, ни правило страницы */
@media not all and (max-width:1000px){.acp-nodin .hd-link{font-size:11.5px;letter-spacing:.01em;padding:8px 6px}.acp-nodin .hd-link:after{left:6px;right:6px}.acp-nodin .hd-phone{display:none}}
body{font-family:var(--sans);font-synthesis:none}

/* Фокус из основного цвета текста (контраст не ниже 3:1 в обеих темах); на тёмных поверхностях светлой темы — светлый */
:focus-visible{outline:2px solid var(--focus)!important;outline-offset:3px}
/* R7 (FIX07): на тёмных полосах .band-dark в светлой теме рамка #1B1B1B сливалась с фоном #1B1B1B (1:1) — рамка светлая, как в подвале */
.ft :focus-visible,.band-dark :focus-visible{outline-color:#E9E0D5!important}   /* .ritm-final — через .ritm-inv в ritm.css (40) */
[hidden]{display:none!important}

/* Кнопки: красная заливка с белым текстом в обеих темах (4,98:1) */
body .btn-primary,body .btn-primary:visited{background:var(--acp-red)!important;color:#fff!important;border-color:var(--acp-red)!important}
/* Наведение — как в утверждённом образце сайта (.button:hover → #1B1B1B); на тёмных поверхностях — светлый #E9E0D5 */
body .btn-primary:hover{background:#1B1B1B!important;border-color:#1B1B1B!important;color:#fff!important}
body .ritm-final .btn-primary:hover,:root[data-theme=dark] body .btn-primary:hover{background:#E9E0D5!important;border-color:#E9E0D5!important;color:#1B1B1B!important}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body .btn-primary:hover{background:#E9E0D5!important;border-color:#E9E0D5!important;color:#1B1B1B!important}}
body b.req[aria-hidden]{color:var(--ink)!important}
body .lead-field input,body .lead-field textarea,body .lead-field select{border-color:var(--ink)!important}
body .hd-lang:hover{color:var(--ink)!important}
body .hd-link.active{color:var(--ink)!important}
body .hd-drawer-link.active{color:var(--ink)!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
body .ft .ft-bottom-right a{display:inline-block;padding:3px 0}
@media (max-width:360px){body .mcta-main{min-width:0;padding-left:8px;padding-right:8px;font-size:12px;line-height:1.15;white-space:normal}}
body .btn-ghost{color:var(--ink);border-color:var(--ink)}
body .btn-ghost:hover{background:var(--ink);color:var(--ground)}
body .btn-soft{background:var(--card-2);color:var(--ink);border-color:var(--border-strong)}
body .btn-soft:hover{border-color:var(--ink);color:var(--ink)}

/* Шапка и подвал: логотип V1 на светлом поле в тёмной теме и в подвале */
.hd-logo img.acp-logo{display:block;height:auto;width:168px;max-width:100%}
.hd-logo{display:inline-flex;align-items:center}
/* OWNER-NOTE-20261013-29: отступы сверху и снизу логотипа больше, нижняя линия шапки ниже — высота шапки 66 → 78 px (переменная --header-h действует
   на всех страницах: липкая шапка, отступ крошек «Ритма», высота выдвижного меню); пункты меню чуть ниже, чтобы центр надписей совпал с центром логотипа */
:root{--header-h:78px}
.hd-nav{transform:translateY(3px)}   /* замер стенда R2 (тёмная тема, 1320 px): центр прописных надписей меню на 3 px выше центра логотипа */
:root[data-theme=dark] .hd-logo{background:#E9E0D5;padding:6px 10px;border-radius:4px}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hd-logo{background:#E9E0D5;padding:6px 10px;border-radius:4px}}
.ft-brand img.acp-logo-ft{display:block;width:168px;height:auto;border-radius:4px}

/* Мелкий текст подвала: без полупрозрачности, цвета палитры */
body .ft .ft-tagline,body .ft .ft-col a,body .ft .ft-addr,body .ft .ft-hours,body .ft .ft-bottom,body .ft .ft-bottom-right a,body .ft .ft-made{color:var(--acp-x-e9,#E9E0D5)!important;opacity:1!important}
body .ft .ft-h{color:var(--acp-x-92,#92A6B1)!important}
body .ft .ft-col a:hover,body .ft .ft-bottom-right a:hover{text-decoration:underline}
body .ft .ft-soc{border-color:var(--acp-x-92,#92A6B1)!important;color:var(--acp-x-e9,#E9E0D5)!important}
/* Значки мессенджеров в подвале (messengers-v1; OWNER-NOTE-20261013-13, HOME-NOTE-20261013-08). OWNER-NOTE-20261014-38: вариант 1 «Красные» без плашки вместо варианта 4:
   знак контактного размера 32 px по центру прежней кликабельной области 48 × 48 px, промежуток между областями 12 px — шаг знаков 60 px (= 32 + 28) по стандарту 8.
   С SITE-WHOLE-13 (OWNER-NOTE-20261015-45) на всех страницах: подвал главной — шаблон для всех */
.ft .ft-msgrs{display:flex;gap:12px;align-items:center}
.ft .ft-msgr{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px}
.ft .ft-msgr img{display:block;width:32px;height:32px}
/* OWNER-NOTE-20261015-45 (SITE-WHOLE-13), STANDARD.md строка 90: строка авторства значков Font Awesome — отдельная строка в нижней части подвала, цвет палитры (mist) */
.ft .ft-bottom .ft-attr{flex:1 1 100%;font-size:11.5px;line-height:1.4;color:var(--acp-x-92,#92A6B1)!important}

/* №53 (SITE-WHOLE-16): меню языка в шапке и мобильном меню (details/summary): на кнопке код и стрелка, в списке код и название,
   текущий — красная черта слева, недоступный — без ссылки с пояснением. В шапке список поверх страницы под кнопкой, в мобильном меню — в потоке.
   До 400 px меню в шапке скрыто, остаётся в мобильном меню */
.acp-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.acp-langs{display:inline-flex;align-items:center;flex:0 0 auto}
.acp-lmenu{position:relative}
.acp-lmenu>summary{list-style:none}
.acp-lmenu>summary::-webkit-details-marker{display:none}
.acp-lmenu-btn{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:9px 10px 9px 11px;box-sizing:border-box;font-size:12.5px;font-weight:700;line-height:1;letter-spacing:.03em;color:var(--ink);border:1px solid var(--border-strong);border-radius:4px;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.acp-lmenu-btn:hover,.acp-lmenu[open]>.acp-lmenu-btn{border-color:var(--accent)}
.acp-lmenu-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.acp-lmenu-arr{width:6px;height:6px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.acp-lmenu[open] .acp-lmenu-arr{margin-top:3px;transform:rotate(-135deg)}
.acp-lmenu-list{list-style:none;margin:0;padding:4px;min-width:200px;box-sizing:border-box;background:var(--card);border:1px solid var(--border-strong);border-radius:4px}
.hd-langs .acp-lmenu-list{position:absolute;top:calc(100% + 12px);right:0;z-index:70}
.dr-langs{margin:14px 0 0}
.dr-langs .acp-lmenu-list{margin-top:8px;max-width:320px}
.acp-lmenu-list li{margin:0;padding:0}
.acp-lmenu-it{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-height:44px;padding:13px 12px 12px 14px;box-sizing:border-box;font-size:15px;font-weight:400;line-height:1.2;letter-spacing:0;color:var(--ink);text-decoration:none;border-radius:3px}
.acp-lmenu-code{min-width:22px;font-size:12.5px;font-weight:700;letter-spacing:.03em}
a.acp-lmenu-it[href]:hover{background:var(--card-2);color:var(--ink)}
a.acp-lmenu-it[href]:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.acp-lmenu-it.is-current{font-weight:500;box-shadow:inset 3px 0 0 var(--accent)}
.acp-lmenu-it.is-off{color:var(--muted);cursor:not-allowed}
.acp-lmenu-it.is-off .acp-lmenu-name{text-decoration:line-through}
.acp-lmenu-note{flex-basis:100%;padding-left:32px;font-size:12.5px;line-height:1.35}
@media (max-width:400px){.hd-langs{display:none}}

/* Переключатель темы */
.acp-theme{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 0;padding:0;border:0}
.acp-theme legend,.acp-theme .acp-theme-l{font-size:13px;font-weight:500;color:inherit;margin-right:4px;padding:0}
.acp-theme button{font:500 13px/1 var(--sans);padding:9px 12px;min-height:36px;border:1.5px solid currentColor;background:transparent;color:inherit;border-radius:4px;cursor:pointer}
.acp-theme button[aria-pressed=true]{background:var(--acp-x-e9,#E9E0D5);color:var(--acp-x-1b,#1B1B1B);border-color:var(--acp-x-e9,#E9E0D5)}
.hd-drawer .acp-theme{padding:0 16px 16px}
.ft .acp-theme{color:var(--acp-x-e9,#E9E0D5)}

/* Ссылки в тексте страницы подчёркнуты */
.ritm a:not(.btn):not(.ritm-nolink){text-decoration:underline;text-underline-offset:3px}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* ---------- Схема шагов для главной: копия компонента страницы Ритма под нейтральным именем (классы Ритма не меняются) ---------- */
/* Цепочка «От карточки сотрудника до табеля»: четыре равных шага с иконками V2 на светлой плашке, тонкие стрелки, два способа передачи у шага 2 */
.acp-chain{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:ch}
.acp-ch{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);column-gap:18px;align-items:center;min-width:0;padding:0 0 40px;counter-increment:ch}
.acp-ch:last-child{padding-bottom:0}
.acp-ch-ic{position:relative;display:grid;place-items:center;width:68px;height:68px;background:#fff;border:1.5px solid var(--border-strong);border-radius:8px}
:root[data-theme=dark] .acp-ch-ic{background:#E9E0D5}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .acp-ch-ic{background:#E9E0D5}}
.acp-ch-ic img{display:block;width:42px;height:42px}
.acp-ch-ic::after{content:counter(ch);position:absolute;left:-9px;top:-9px;width:26px;height:26px;border-radius:50%;background:var(--acp-red);color:#fff;font:700 14px/26px var(--sans);text-align:center}
.acp-ch-t{font:500 19px/1.25 var(--sans)}
.acp-ways{grid-column:2;margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.acp-ways li{padding:7px 12px;background:var(--card);border:1px solid var(--border-strong);border-left:4px solid var(--acp-red);border-radius:4px;font:500 15px/1.3 var(--sans)}
/* стрелка вниз между плашками: линия и наконечник из границ */
.acp-ch:not(:last-child)::after{content:"";position:absolute;left:33px;top:76px;bottom:12px;width:2px;background:var(--ink)}
.acp-ch:not(:last-child)::before{content:"";position:absolute;left:27px;bottom:4px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--ink)}
@media not all and (max-width:1000px){   /* R12 */
  .acp-chain{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:44px;align-items:start}
  .acp-ch{display:block;padding:0}
  .acp-ch-ic{width:76px;height:76px}
  .acp-ch-ic img{width:48px;height:48px}
  .acp-ch-t{display:block;max-width:250px;margin-top:16px}
  .acp-ways{max-width:250px;margin-top:12px}
  /* стрелка вправо от плашки к следующей плашке */
  .acp-ch:not(:last-child)::after{left:92px;right:-28px;top:37px;bottom:auto;width:auto;height:2px}
  .acp-ch:not(:last-child)::before{left:auto;right:-30px;top:31px;bottom:auto;border-left:9px solid var(--ink);border-right:0;border-top:7px solid transparent;border-bottom:7px solid transparent}
}


/* Вертикальный вариант схемы для половины ширины (блок «AC-PRO: Ритм» на главной): шаги друг под другом при любой ширине экрана */
@media not all and (max-width:1000px){   /* R12 */
  .acp-chain.acp-chain--col{grid-template-columns:none;column-gap:0;align-items:stretch}
  .acp-chain--col .acp-ch{display:grid;padding:0 0 40px}
  .acp-chain--col .acp-ch:last-child{padding-bottom:0}
  .acp-chain--col .acp-ch-ic{width:68px;height:68px}
  .acp-chain--col .acp-ch-ic img{width:42px;height:42px}
  .acp-chain--col .acp-ch-t{display:block;max-width:none;margin-top:0}
  .acp-chain--col .acp-ch:not(:last-child)::after{left:33px;right:auto;top:76px;bottom:12px;width:2px;height:auto}
  .acp-chain--col .acp-ch:not(:last-child)::before{left:27px;right:auto;top:auto;bottom:4px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--ink);border-bottom:0}
}

/* OWNER-NOTE-20261013-32 и OWNER-NOTE-20261014-32-A1: карточка «AC-PRO: Ритм» на главной на всю ширину ряда (карточки 33 и 34 удалены) — четыре шага
   в ряд 1 → 2 → 3 → 4 со стрелками вправо от 701 px; до 700 px шаги друг под другом со стрелками вниз (базовые правила выше), без горизонтального переполнения */
@media not all and (max-width:700px){   /* R12 */
  .acp-chain.acp-chain--row{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px;align-items:start}
  .acp-chain--row .acp-ch{display:block;padding:0}
  .acp-chain--row .acp-ch-ic{width:68px;height:68px}
  .acp-chain--row .acp-ch-ic img{width:42px;height:42px}
  .acp-chain--row .acp-ch-t{display:block;max-width:none;margin-top:14px;font-size:17px}
  .acp-chain--row .acp-ch:not(:last-child)::after{left:84px;right:-26px;top:33px;bottom:auto;width:auto;height:2px}
  .acp-chain--row .acp-ch:not(:last-child)::before{left:auto;right:-28px;top:27px;bottom:auto;border-left:9px solid var(--ink);border-right:0;border-top:7px solid transparent;border-bottom:7px solid transparent}
}

/* OWNER-NOTE-20261014-41: правая часть карточки «Ритм» на главной (.acp-chain--row.acp-inv) инвертирована: тёмная в светлой теме, светлая в тёмной;
   текст и стрелки из --ink, плашки значков светлые, номера красные; отступы держат стрелки в границах блока */
.acp-chain.acp-inv{--ink:#E9E0D5;--ink-2:#92A6B1;--border-strong:#92A6B1;--focus:#E9E0D5;background:#1B1B1B;color:#E9E0D5;padding:26px 28px 24px;border-radius:4px}
:root[data-theme=dark] .acp-chain.acp-inv{--ink:#1B1B1B;--ink-2:#3A4A56;--focus:#1B1B1B;background:#E9E0D5;color:#1B1B1B}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .acp-chain.acp-inv{--ink:#1B1B1B;--ink-2:#3A4A56;--focus:#1B1B1B;background:#E9E0D5;color:#1B1B1B}}
.acp-inv .acp-ch-ic,:root[data-theme=dark] .acp-inv .acp-ch-ic{background:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .acp-inv .acp-ch-ic{background:#fff}}
.acp-inv :focus-visible{outline-color:var(--focus)!important}
@media (max-width:700px){.acp-chain.acp-inv{padding:22px 20px 20px}}

/* ---------- Панель подготовленного обращения (общая форма заявки, form[data-acp-form]) ---------- */
.acp-lead-panel[hidden]{display:none}
.acp-lead-msg{min-width:0;margin:12px 0;padding:12px 14px;white-space:pre-wrap;overflow-wrap:anywhere;font:400 15px/1.45 var(--sans);background:var(--ground);color:var(--ink);border:1.5px solid var(--ink);border-radius:4px;max-height:260px;overflow:auto}
.acp-lead-panel .lead-sent-btns{display:flex;flex-wrap:wrap;gap:10px}
.acp-lead-panel .lead-sent-p,.acp-lead-panel .lead-sent-t{overflow-wrap:anywhere}
.acp-lead-trunc{font-weight:700}
.acp-lead-copied{min-height:1.4em;margin:8px 0 0;font:500 14px/1.4 var(--sans)}

/* ---------- Значки V3 (стандарт 8): точные файлы бренда; на тёмном стоят на поле sand без перекраски ---------- */
img.acp-ic{display:block;flex:0 0 auto;max-width:none}
.band-dark img.acp-ic,.on-dark img.acp-ic,:root[data-theme=dark] img.acp-ic{box-sizing:content-box;padding:5px;background:#E9E0D5;border-radius:4px}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) img.acp-ic{box-sizing:content-box;padding:5px;background:#E9E0D5;border-radius:4px}}

/* ---------- Поправки раскладки после удаления страниц ---------- */
/* навигация по категориям: после удаления седьмой категории плитка-призыв занимает две колонки и закрывает последнюю строку */
@media not all and (max-width:640px){.cat-nav-grid .cn-cta{grid-column:span 2}}   /* R12 */

/* SITE-WHOLE-14, №47: без DIN (acp-nodin) на 1001–1199 px переключатель RU KZ EN выводил шапку за край: сжаты интервалы пунктов, шапки, кнопки и переключателя; тексты и кегли прежние */
@media not all and (max-width:1000px){@media (max-width:1199px){.acp-nodin .hd-inner.container{gap:8px}.acp-nodin .hd-nav .hd-link{padding-inline:4px}.acp-nodin .hd .hd-right{gap:6px}.acp-nodin .hd-right .hd-cta{padding-inline:8px}}}

/* SITE-WHOLE-14, №52: поле-ловушка реле (pages.HP_FIELD, класс ritm-hp) теперь стоит и в общих формах сборки с адресом реле; прежде его прятал только ritm.css */
.ritm-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
/* ---------- №54 (SITE-WHOLE-16): начало блока, генератор reports/build16/gen_inv_css.py ---------- */
/* №54: тёмная тема по светлой. Поверхность, тёмная в светлой теме (.band-dark, подвал .ft, макет .dm), в тёмной — светлая:
   пары #1B1B1B↔#E9E0D5, #3A4A56↔#92A6B1, #302F2E→#DDD4CA, полупрозрачные линии — тёмные (токены и --acp-x-*, tools/site_layer.py inv_vars).
   Красный, белый на красном, фото, логотипы и значки не меняются, фильтров нет. Мотив .pattern и поле логотипа «Ритма» — на своём светлом поле */
:root[data-theme=dark] :is(.band-dark,.ft,.dm){--night:#E9E0D5;--on-night:#1B1B1B;--acp-ink:#E9E0D5;--acp-sand:#1B1B1B;--acp-steel:#92A6B1;--acp-mist:#3A4A56;--acp-x-1b:#E9E0D5;--acp-x-e9:#1B1B1B;--acp-x-92:#3A4A56;--acp-x-3a:#92A6B1;--acp-x-30:#DDD4CA;--acp-x-e9c:27,27,27;--acp-x-1bc:233,224,213}
:root[data-theme=dark] :is(.band-dark,.ft,.dm) :focus-visible{outline-color:#1B1B1B!important}
:root[data-theme=dark] .band-dark.tile:hover{background-color:#DDD4CA}
:root[data-theme=dark] .ft .ft-bottom{border-top-color:rgba(27,27,27,.12)}
:root[data-theme=dark] .ritm-col-month .ritm-colbar{background:#92A6B1}
:root[data-theme=dark] .ritm-col-month .ritm-colbar b{color:#1B1B1B}
:root[data-theme=dark] :is(.band-dark,.ft,.dm) [fill="#1B1B1B"]{fill:#E9E0D5}
:root[data-theme=dark] :is(.band-dark,.ft,.dm) [fill="#E9E0D5"]{fill:#1B1B1B}
:root[data-theme=dark] :is(.band-dark,.ft,.dm) [fill="#92A6B1"]{fill:#3A4A56}
:root[data-theme=dark] :is(.band-dark,.ft,.dm) [fill="#3A4A56"]{fill:#92A6B1}
:root[data-theme=dark] :is(.band-dark,.ft,.dm) [stroke="#1B1B1B"]{stroke:#E9E0D5}
:root[data-theme=dark] :is(.band-dark,.ft,.dm) [stroke="#E9E0D5"]{stroke:#1B1B1B}
:root[data-theme=dark] :is(.band-dark,.ft,.dm) [stroke="#92A6B1"]{stroke:#3A4A56}
:root[data-theme=dark] :is(.band-dark,.ft,.dm) [stroke="#3A4A56"]{stroke:#92A6B1}
@media (prefers-color-scheme:dark){
:root:not([data-theme=light]) :is(.band-dark,.ft,.dm){--night:#E9E0D5;--on-night:#1B1B1B;--acp-ink:#E9E0D5;--acp-sand:#1B1B1B;--acp-steel:#92A6B1;--acp-mist:#3A4A56;--acp-x-1b:#E9E0D5;--acp-x-e9:#1B1B1B;--acp-x-92:#3A4A56;--acp-x-3a:#92A6B1;--acp-x-30:#DDD4CA;--acp-x-e9c:27,27,27;--acp-x-1bc:233,224,213}
:root:not([data-theme=light]) :is(.band-dark,.ft,.dm) :focus-visible{outline-color:#1B1B1B!important}
:root:not([data-theme=light]) .band-dark.tile:hover{background-color:#DDD4CA}
:root:not([data-theme=light]) .ft .ft-bottom{border-top-color:rgba(27,27,27,.12)}
:root:not([data-theme=light]) .ritm-col-month .ritm-colbar{background:#92A6B1}
:root:not([data-theme=light]) .ritm-col-month .ritm-colbar b{color:#1B1B1B}
:root:not([data-theme=light]) :is(.band-dark,.ft,.dm) [fill="#1B1B1B"]{fill:#E9E0D5}
:root:not([data-theme=light]) :is(.band-dark,.ft,.dm) [fill="#E9E0D5"]{fill:#1B1B1B}
:root:not([data-theme=light]) :is(.band-dark,.ft,.dm) [fill="#92A6B1"]{fill:#3A4A56}
:root:not([data-theme=light]) :is(.band-dark,.ft,.dm) [fill="#3A4A56"]{fill:#92A6B1}
:root:not([data-theme=light]) :is(.band-dark,.ft,.dm) [stroke="#1B1B1B"]{stroke:#E9E0D5}
:root:not([data-theme=light]) :is(.band-dark,.ft,.dm) [stroke="#E9E0D5"]{stroke:#1B1B1B}
:root:not([data-theme=light]) :is(.band-dark,.ft,.dm) [stroke="#92A6B1"]{stroke:#3A4A56}
:root:not([data-theme=light]) :is(.band-dark,.ft,.dm) [stroke="#3A4A56"]{stroke:#92A6B1}
}
/* ---------- №54: конец блока ---------- */
/* SITE-WHOLE-17 p.3: reports/build17/mobile */
@supports (--acp-p3:1){
html{scroll-padding-top:calc(var(--header-h) + 12px)}*{scroll-margin-top:0!important}
.lead-form>.lead-error{order:-1}html:has(.lead-error:not([hidden])){scroll-padding-top:min(calc(var(--header-h) + 16rem),calc(100vh - 60px))}
.crumbs a,.ritm-crumbs a,.art-rel-all,.ritm-contact-row .lead-phone{padding-block:5px;margin-block:-5px}.art-toc-sum{position:relative;min-height:16px}.art-toc-sum::before{content:"";position:absolute;inset:-4px 0}
.dm-months{overflow:hidden}main{container:acp-text/inline-size}
@container acp-text (max-width:19em){
main :where(h1,h2,h3,h4,p,li,dd,dt,span,a,b,strong,label,summary,figcaption){overflow-wrap:anywhere}main :where(table) :where(*){overflow-wrap:normal}
.nf-tile .nf-t,.b-item .b-t,.cn-tile .cn-t,.ritm-table th,.ritm-table td{overflow-wrap:anywhere;hyphens:auto}
.k-phone .k-phone-n,.lead-direct .lead-phone,.ritm-contact-row .lead-phone,.f-m .f-v,.st .st-v,.scard-head .scard-ours,.acard-meta .acard-read,.ph-fig .ph-num{white-space:normal}
.scard .scard-head,.scard .scard-foot,.acard .acard-foot{flex-wrap:wrap}
}}
/* p.3 end */
/* SITE-WHOLE-25: значки не сжимаются; при крупном тексте поле формы выше, подписи кнопок, цена карточки и «Все статьи» переносятся */
.btn{hyphens:auto}svg{flex-shrink:0}#mobile-cta{container:acp-bar/inline-size}@container acp-bar (max-width:16em){.mcta .mcta-main{gap:6px;letter-spacing:.01em}}@container acp-text (max-width:16em){#zayavka textarea{min-height:calc(8lh + 29px)}#zayavka .btn{padding-left:14px;padding-right:14px}main .art-rel-h{flex-wrap:wrap}main .art-rel-h>.art-rel-all{flex-shrink:1!important}main .scard-foot{flex-wrap:wrap}main .scard-foot>.scard-p{white-space:normal;overflow-wrap:normal}}
/* SAFARI26-02: перенос подсказки при масштабе WebKit */
textarea::placeholder{max-width:100%}
/* SITE-WHOLE-28, №64: блок аудита по образцу «Направлений» на других страницах (правила страницы «Направления» без привязки к её атрибутам Astro) */
.acp-audit.cat-cta{overflow:hidden;padding:clamp(28px,4vw,48px);min-height:300px;display:flex;align-items:center}
.acp-audit .cat-cta-in{position:relative;z-index:1;max-width:760px}
.acp-audit .cat-cta-t{font-family:var(--display);font-weight:700;font-size:clamp(38px,4.6vw,64px);line-height:.98;text-transform:uppercase;color:var(--on-night)}
.acp-audit .cat-cta-s{margin-top:14px;font-size:16px;line-height:1.5;color:var(--acp-mist);max-width:52ch}
.acp-audit .cat-cta-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.acp-audit .cat-cta-tri{position:absolute;left:0;top:0;width:110px;height:70px;background:var(--accent);clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none}
.acp-audit .cat-cta-stripes{position:absolute;right:-30px;bottom:-30px;width:230px;height:100%;pointer-events:none}
.acp-audit .cat-cta-stripes i{position:absolute;bottom:0;width:40px;transform:skew(-24deg)}
.acp-audit .cat-cta-stripes i:nth-child(1){right:150px;height:64%;background:var(--acp-x-1b,#1B1B1B)}
.acp-audit .cat-cta-stripes i:nth-child(2){right:90px;height:84%;background:var(--acp-steel)}
.acp-audit .cat-cta-stripes i:nth-child(3){right:16px;width:54px;height:110%;background:var(--accent)}
@media (max-width:640px){.acp-audit .cat-cta-tri{width:60px;height:40px}.acp-audit .cat-cta-stripes{display:none}.acp-audit .cat-cta-btns .btn{flex:1 1 100%}}
/* №64 на /services/vnedrenie-1c/: узкая ячейка рядом с формой */
.acp-audit--side .cat-cta-t{font-size:clamp(30px,3.2vw,46px)}
.acp-audit--side .cat-cta-in{padding-right:min(120px,16%)}
/* SITE-WHOLE-28, №73: «Вход для сотрудников» */
.emp-tile{display:flex;flex-direction:column;gap:12px;padding:clamp(24px,3vw,40px);min-height:240px}
.emp-t{font-family:var(--display);font-weight:700;font-size:clamp(26px,2.6vw,38px);line-height:1;text-transform:uppercase;color:var(--ink)}
.emp-d{font-size:16px;line-height:1.5;color:var(--muted);max-width:46ch}
.emp-tile .tile-go{margin-top:auto}
.emp-note{display:flex;align-items:flex-end;padding:clamp(18px,2.4vw,28px) clamp(24px,3vw,40px);font-size:15px;line-height:1.5;color:var(--muted)}
/* SITE-WHOLE-28, №58: первый экран /services/vnedrenie-1c/ по высоте содержимого, без пустоты под кнопками */
.sp-poster.acp-poster-tight{min-height:0}
/* SITE-WHOLE-28, №75: после удаления числа «32» и координат легенда зрелости внизу левой плашки «Направлений», как в R6; на узком экране плашка по содержимому */
.cat-count>.cat-legend{margin-top:auto}
/* SITE-WHOLE-28-R2 (R28-01, №76): значок категории в блоке большого номера шапки категории «Направлений»: на широком экране рядом с номером, до 1000 px под ним */
.cat-head-n{display:flex;align-items:center;gap:16px}
.cat-head-n>img.cat-head-ic{width:48px;height:48px}
@media (max-width:1000px){.cat-head-n{flex-direction:column;align-items:flex-start;gap:12px}}
/* SITE-WHOLE-28, №77: блок заявки главной по компоновке «Ритма» — пояснение об аудите под формой */
.lead-main .lead-audit{margin:24px 0 0;padding-top:18px;border-top:1px solid var(--border-strong);font-size:15px;line-height:1.5;color:var(--ink)}
.lead-main .lead-audit p{margin:0 0 8px}
.lead-main .lead-audit .lead-audit-h{font-weight:500}