/* ==========================================================================
   ШАБЛОН chessclock — банковский скелет сети (нейтральная палитра, плейсхолдеры)
   --------------------------------------------------------------------------
   ПАРАДИГМА
   Шахматные часы и турнирная ведомость. Страница читается как бланк партии,
   заполненный под двумя циферблатами:
     · ЛЕНТА       — .chktime, узкая полоса контроля времени по самому верху:
                     насечки repeating-linear-gradient, подписи режимов
                     .chktime__mark и одна отметка .chktime__now. Высота 30-36px,
                     это не навигация и ссылок в ней нет;
     · ШАПКА       — .chkbar, марка .chkbar__logo слева и .chknav справа;
     · ЧАСЫ        — .chkclock, первый экран. Внутри .chkpair, ДВА табло .chkface
                     (циферблат .chkdial с насечками repeating-conic-gradient,
                     стрелка .chkhand, флажок .chkflag и падающая стрелка
                     .chkarrow над отметкой 12) и корпус .chkbody с двумя
                     клавишами .chkplunger. Рядом .chkclock__txt: H1, лид,
                     .chkcta (2 кнопки) и .chkkpi (4 окна показаний);
     · ВЕДОМОСТЬ   — main.chksheet, ДВЕ колонки темпа. Каждая секция — ход
                     .chkmove с номером .chkmove__no и меткой темпа
                     .chkmove__tempo. Линейка бланка сделана НЕ бордерами ячеек,
                     а решёткой: .chksheet заливается цветом линии, gap:1px,
                     каждый ход перекрывает её своим фоном. Поэтому ход
                     .chkmove--full на всю ширину не ломает разлиновку;
     · СТУПЕНИ     — .chkstairs, шесть строк с растущей полосой .chkstep__bar,
                     ширина берётся из инлайнового --w на самой полосе;
     · ПРОТОКОЛ    — .chknote, заметка автора: панель со сплошной левой кромкой.
   Циферблаты, насечки, флажки и стрелки нарисованы градиентами и clip-path.
   Растровых картинок в шаблоне нет, анимаций нет.

   NAMESPACE
   Все классы начинаются на .chk — .chktime, .chkbar, .chknav, .chkclock,
   .chkpair, .chkface, .chkdial, .chkhand, .chkflag, .chkarrow, .chkwin,
   .chkbody, .chkplunger, .chkcta, .chkbtn, .chkkpi, .chksheet, .chkmove,
   .chkgrid, .chkcard, .chkscroll, .chktab, .chkstairs, .chkstep, .chkchips,
   .chkchip, .chkrev, .chkfaq, .chknote, .chkfoot, .chkkick, .chklead,
   .chkmut, .chkem, .chkem2, .chknum, .chkage. Вне .chk объявлены только
   base-правила html/body/p/img — пересечений с другими шаблонами банка нет.

   ПОРЯДОК БЛОКОВ (см. chessclock.sample.html)
   .chktime -> header.chkbar -> section.chkclock[ .chkpair + .chkclock__txt ]
   -> main.chksheet[ .chkmove x N ] -> .chknote -> footer.chkfoot.
   Ходы идут ПОДРЯД внутри .chksheet: разлиновка держится на gap решётки,
   посторонний элемент между ходами оставляет в бланке пустую клетку.
   Половинные ходы ставятся парами, широкий блок помечается .chkmove--full.

   ЧТО КУДА ЛОЖИТСЯ ВНУТРИ ХОДА
   .chkgrid--2 (--3, --4) + .chkcard  — короткие блоки-факты;
   .chkchips + .chkchip               — перечисления в одну строку;
   .chkscroll > table.chktab          — любая широкая таблица;
   .chkstairs > .chkstep              — ступени лояльности;
   .chkgrid--2 > figure.chkrev        — отзывы;
   .chkfaq > details                  — вопросы и ответы.

   АДАПТИВ
   <=1080px — .chkclock в одну колонку, часы уходят под текст; <=860px —
   .chksheet в одну колонку, метка темпа переезжает под номер; <=620px —
   кнопки на всю ширину, циферблаты уменьшаются, .chktime прячет часть подписей.
   Горизонтального скролла у страницы нет: широкие таблицы лежат в .chkscroll,
   у всех грид-треков minmax(0,1fr), у ячеек min-width:0 — иначе min-width
   таблицы протекает в трек и на 390px появляется горизонтальный скролл.

   ЛОВУШКИ ПЕРЕКРАСКИ
   1. Весь цвет собран из --chk-h и --chk-h2 в блоке @palette. Смена двух чисел
      перекрашивает шаблон целиком, но СВЕТЛОТЫ подобраны под тёмный корпус:
      на светлой теме руками правьте --chk-ink, --chk-mut и inset-тени
      .chkdial (они рассчитаны на тёмное поле и на светлом дают грязь).
   2. Первый акцент --chk-a1 используется как ЗАЛИВКА ГЛАВНОЙ КНОПКИ, и текст на
      нём ТЁМНЫЙ (--chk-a1ink). Светлый текст на --chk-a1 в жёлто-зелёном секторе
      (60-160 градусов) даёт контраст около 1.9 при пороге 4.5. Если ваш hue
      уводит акцент в синий или фиолетовый сектор, где заливка темнеет, —
      меняйте местами пару: светлый текст, но проверяйте контраст замером.
   3. Второй акцент --chk-a2 наоборот идёт ПОД СВЕТЛЫЙ текст, а для текста и
      ссылок на тёмном фоне взят осветлённый --chk-a2l. Не подставляйте --chk-a2
      в цвет текста: на панели он даёт около 2.8.
   4. Цвет кнопок держится на селекторах с классом-контейнером (.chk .chkbtn,
      специфичность 0-2-0). Базовое правило .chk a — 0-1-1 и кнопку не красит.
      Добавляя новое правило для ссылок, не поднимайте его выше 0-1-1, иначе
      надпись CTA перекрасится в цвет ссылки и сольётся с заливкой.
   5. Тач-цели: min-height 44px прописан и в базовом .chk a, .chk button, и
      повторён в медиазапросе 620px. Правило про display:inline-flex снимать
      нельзя — на инлайновой ссылке min-height не работает вовсе, и высота
      падает до высоты строки.
   6. Насечки циферблата (repeating-conic-gradient) и лента .chktime заданы
      шагом в градусах и пикселях, а не цветом. При смене размера циферблата
      шаг НЕ пересчитывается: держите .chkdial в диапазоне 150-230px.
   7. У КАЖДОГО font-family обязателен фолбэк-стек. Голое имя вебшрифта роняет
      страницу в Times New Roman и ломает вертикальную ритмику.

   ПЛЕЙСХОЛДЕРЫ
   Wix Madefor Text — заголовочная гарнитура, Montserrat — текстовая.
   Обе обязаны содержать кириллицу (см. templates/README.md).
   Палитра ниже намеренно нейтральная (сталь плюс янтарь) и вынесена в блок
   @palette:start/end: подставьте свой hue в --chk-h и схему второго акцента
   в --chk-h2, остальные переменные пересчитаются сами.
   ========================================================================== */

/* @palette:start — перекраска сайта = правка двух чисел ниже (нейтральный банк) */
:root{
  --chk-h:121;   /* база сайта: hue 121 */
  --chk-h2:241;   /* второй акцент: триада +120 = 241 */
}
/* @palette:end */

:root{
  --chk-bg:hsl(var(--chk-h) 20% 7%);
  --chk-bg2:hsl(var(--chk-h) 18% 10%);
  --chk-panel:hsl(var(--chk-h) 16% 13%);
  --chk-panel2:hsl(var(--chk-h) 16% 17%);
  --chk-line:hsl(var(--chk-h) 14% 25%);
  --chk-line2:hsl(var(--chk-h) 14% 34%);
  --chk-ink:hsl(var(--chk-h) 14% 95%);
  --chk-mut:hsl(var(--chk-h) 11% 72%);

  --chk-a1:hsl(var(--chk-h) 64% 58%);
  --chk-a1s:hsl(var(--chk-h) 64% 58% / .16);
  --chk-a1d:hsl(var(--chk-h) 52% 24%);
  --chk-a1ink:hsl(var(--chk-h) 62% 9%);

  --chk-a2:hsl(var(--chk-h2) 70% 60%);
  --chk-a2l:hsl(var(--chk-h2) 78% 76%);
  --chk-a2s:hsl(var(--chk-h2) 70% 60% / .16);
  --chk-a2d:hsl(var(--chk-h2) 54% 22%);

  --chk-fd:"Wix Madefor Text",system-ui,"Segoe UI",Arial,sans-serif;
  --chk-fb:"Montserrat",system-ui,"Segoe UI",Arial,sans-serif;

  --chk-rad:6px;
  --chk-gut:clamp(14px,3vw,30px);
  --chk-max:1180px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--chk-bg);
  color:var(--chk-ink);
  font-family:var(--chk-fb);
  font-size:17px;
  line-height:1.7;
  overflow-x:hidden;
}
img,svg{max-width:100%;height:auto}
p{margin:0 0 14px}

/* ссылки: 0-1-1, кнопки перебивают это правило классом-контейнером (ловушка 4) */
.chk a{
  color:var(--chk-a2l);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
}
.chk a:hover{text-decoration:underline}
.chk button{min-height:44px}

.chkem{color:var(--chk-a1)}
.chkem2{color:var(--chk-a2l)}
.chknum{font-family:var(--chk-fd);font-weight:700;color:var(--chk-ink)}
.chkmut{color:var(--chk-mut)}
.chkkick{
  display:block;
  font:600 12px/1.4 var(--chk-fb);
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--chk-mut);
  margin:0 0 6px;
}

/* ---------- лента контроля времени ---------- */
.chktime{
  position:relative;
  height:34px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:0 var(--chk-gut);
  overflow:hidden;
  background:
    repeating-linear-gradient(90deg,
      var(--chk-line) 0 1px,transparent 1px 14px),
    linear-gradient(180deg,var(--chk-panel2),var(--chk-bg2));
  border-bottom:1px solid var(--chk-line);
}
.chktime__mark{
  font:600 11px/1 var(--chk-fb);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--chk-mut);
  white-space:nowrap;
}
.chktime__now{
  font:700 11px/1 var(--chk-fd);
  letter-spacing:.14em;
  color:var(--chk-a1ink);
  background:var(--chk-a1);
  padding:5px 10px;
  border-radius:2px;
  white-space:nowrap;
}

/* ---------- шапка ---------- */
.chkbar{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  max-width:var(--chk-max);
  margin:0 auto;
  padding:10px var(--chk-gut);
}
.chk .chkbar__logo{
  font:700 22px/1 var(--chk-fd);
  letter-spacing:.02em;
  color:var(--chk-ink);
  min-height:44px;
}
.chkbar__logo span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;height:30px;
  margin-right:10px;
  border-radius:3px;
  background:var(--chk-a1);
  color:var(--chk-a1ink);
  font-size:15px;
}
.chknav{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
.chk .chknav a{
  font-size:14px;
  color:var(--chk-mut);
  padding:0 2px;
}
.chk .chknav a:hover{color:var(--chk-ink)}

/* ---------- часы: первый экран ---------- */
.chkclock{
  max-width:var(--chk-max);
  margin:0 auto;
  padding:18px var(--chk-gut) 34px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.86fr);
  gap:clamp(22px,4vw,46px);
  align-items:center;
}
.chkclock__txt{min-width:0}
.chkclock h1{
  font:700 clamp(28px,4.4vw,47px)/1.13 var(--chk-fd);
  margin:0 0 14px;
  letter-spacing:-.01em;
}
.chklead{
  font-size:clamp(16px,1.5vw,18.5px);
  color:var(--chk-mut);
  margin:0 0 22px;
  max-width:62ch;
}

.chkcta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px}
.chk .chkbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 26px;
  border-radius:var(--chk-rad);
  font:700 16px/1 var(--chk-fd);
  letter-spacing:.01em;
  border:1px solid transparent;
  text-decoration:none;
  cursor:pointer;
}
.chk .chkbtn:hover{text-decoration:none}
.chk .chkbtn--go{
  background:var(--chk-a1);
  color:var(--chk-a1ink);
  border-color:var(--chk-a1);
  box-shadow:0 8px 22px hsl(var(--chk-h) 60% 8% / .55);
}
.chk .chkbtn--alt{
  background:transparent;
  color:var(--chk-ink);
  border-color:var(--chk-line2);
}
.chk .chkbtn--alt:hover{border-color:var(--chk-a2)}

.chkkpi{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:var(--chk-line);
  border:1px solid var(--chk-line);
  border-radius:var(--chk-rad);
  overflow:hidden;
}
.chkkpi div{
  min-width:0;
  background:var(--chk-panel);
  padding:14px 13px;
}
.chkkpi b,.chkkpi strong{font-weight:inherit}
.chkkpi i{
  display:block;
  font-style:normal;
  font:700 clamp(19px,2.3vw,26px)/1.15 var(--chk-fd);
  color:var(--chk-a1);
}
.chkkpi span{
  display:block;
  font-size:12.5px;
  line-height:1.4;
  color:var(--chk-mut);
  margin-top:4px;
}

/* ---------- два табло ---------- */
.chkpair{
  position:relative;
  background:linear-gradient(180deg,var(--chk-panel2),var(--chk-panel));
  border:1px solid var(--chk-line2);
  border-radius:14px;
  padding:26px 22px 18px;
  min-width:0;
  box-shadow:inset 0 1px 0 hsl(var(--chk-h) 20% 60% / .12),
             0 18px 40px hsl(var(--chk-h) 40% 4% / .5);
}
.chkpair__row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.chkface{min-width:0;text-align:center}
.chkdial{
  position:relative;
  width:100%;
  max-width:196px;
  aspect-ratio:1;
  margin:0 auto 12px;
  border-radius:50%;
  background:
    repeating-conic-gradient(from 0deg,
      var(--chk-line2) 0deg 1.1deg,transparent 1.1deg 30deg),
    radial-gradient(circle at 50% 38%,
      hsl(var(--chk-h) 12% 30%) 0%,hsl(var(--chk-h) 16% 16%) 72%);
  border:3px solid var(--chk-line2);
  box-shadow:inset 0 6px 18px hsl(var(--chk-h) 40% 4% / .7);
}
.chkdial--b{
  background:
    repeating-conic-gradient(from 0deg,
      var(--chk-line2) 0deg 1.1deg,transparent 1.1deg 30deg),
    radial-gradient(circle at 50% 38%,
      hsl(var(--chk-h) 14% 22%) 0%,hsl(var(--chk-h) 20% 10%) 72%);
}
.chkhand{
  position:absolute;
  left:50%;top:14%;
  width:3px;height:38%;
  transform-origin:50% 100%;
  transform:translateX(-50%) rotate(38deg);
  background:var(--chk-ink);
  border-radius:2px;
}
.chkhand--m{
  height:30%;
  top:22%;
  width:4px;
  transform:translateX(-50%) rotate(-64deg);
  background:var(--chk-a1);
}
.chkdial::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:11px;height:11px;
  margin:-5.5px 0 0 -5.5px;
  border-radius:50%;
  background:var(--chk-a2);
}
.chkflag{
  position:absolute;
  left:50%;top:5%;
  width:26px;height:16px;
  margin-left:-2px;
  background:var(--chk-a2);
  clip-path:polygon(0 0,100% 22%,0 55%,0 100%);
  transform-origin:0 100%;
  transform:rotate(6deg);
}
.chkarrow{
  position:absolute;
  left:50%;top:-11px;
  width:0;height:0;
  margin-left:-8px;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-top:13px solid var(--chk-a2);
}
.chkwin{
  display:block;
  font:700 clamp(17px,2.4vw,23px)/1 var(--chk-fd);
  letter-spacing:.04em;
  color:var(--chk-ink);
}
.chkface small{
  display:block;
  margin-top:5px;
  font-size:11.5px;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--chk-mut);
}
.chkbody{
  display:flex;
  justify-content:center;
  gap:26px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--chk-line);
}
.chkplunger{
  width:54px;height:15px;
  border-radius:4px 4px 2px 2px;
  background:linear-gradient(180deg,var(--chk-line2),var(--chk-line));
  box-shadow:0 3px 0 hsl(var(--chk-h) 24% 8%);
}
.chkplunger--up{background:linear-gradient(180deg,var(--chk-a1),var(--chk-a1d))}

/* ---------- ведомость: ходы в двух колонках темпа ---------- */
.chksheet{
  max-width:var(--chk-max);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--chk-line);
  border-top:1px solid var(--chk-line);
  border-bottom:1px solid var(--chk-line);
}
.chkmove{
  min-width:0;
  background:var(--chk-bg2);
  padding:clamp(22px,3vw,34px) clamp(16px,2.4vw,30px);
}
.chkmove--b{background:var(--chk-panel)}
.chkmove--full{grid-column:1 / -1}
.chkmove__head{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin:0 0 16px;
}
.chkmove__no{
  flex:0 0 auto;
  font:700 clamp(24px,3.2vw,34px)/1 var(--chk-fd);
  color:var(--chk-a1);
  min-width:56px;
  padding-top:2px;
}
.chkmove__ttl{min-width:0;flex:1 1 auto}
.chkmove h2{
  font:700 clamp(20px,2.5vw,29px)/1.2 var(--chk-fd);
  margin:0;
  letter-spacing:-.005em;
}
.chkmove h3{
  font:700 17px/1.32 var(--chk-fd);
  margin:0 0 8px;
}
.chkmove__tempo{
  flex:0 0 auto;
  align-self:flex-start;
  font:700 11.5px/1 var(--chk-fd);
  letter-spacing:.12em;
  color:var(--chk-a2l);
  background:var(--chk-a2s);
  border:1px solid var(--chk-a2d);
  border-radius:3px;
  padding:7px 9px;
  white-space:nowrap;
}

/* ---------- наполнение хода ---------- */
.chkgrid{display:grid;gap:12px;margin:16px 0}
.chkgrid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.chkgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.chkgrid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.chkcard{
  min-width:0;
  background:var(--chk-panel2);
  border:1px solid var(--chk-line);
  border-left:3px solid var(--chk-a1);
  border-radius:var(--chk-rad);
  padding:15px 16px;
}
.chkcard--x{border-left-color:var(--chk-a2)}
.chkcard p:last-child{margin-bottom:0}
.chkcard em{
  display:block;
  font-style:normal;
  font:700 13px/1 var(--chk-fd);
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--chk-mut);
  margin-bottom:7px;
}

.chkchips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;padding:0;list-style:none}
.chkchip{
  font-size:13.5px;
  color:var(--chk-mut);
  background:var(--chk-panel2);
  border:1px solid var(--chk-line);
  border-radius:999px;
  padding:6px 13px;
}

.chkscroll{overflow-x:auto;margin:16px 0;min-width:0;border:1px solid var(--chk-line);border-radius:var(--chk-rad)}
.chktab{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px}
.chktab th,.chktab td{
  text-align:left;
  padding:11px 13px;
  border-bottom:1px solid var(--chk-line);
  vertical-align:top;
}
.chktab thead th{
  background:var(--chk-panel2);
  font:700 12.5px/1.3 var(--chk-fd);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--chk-a2l);
  white-space:nowrap;
}
.chktab tbody tr:last-child td{border-bottom:0}

/* ---------- ступени ---------- */
.chkstairs{display:grid;gap:9px;margin:16px 0}
.chkstep{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1.4fr);
  gap:12px;
  align-items:center;
  background:var(--chk-panel2);
  border:1px solid var(--chk-line);
  border-radius:var(--chk-rad);
  padding:12px 14px;
}
.chkstep__t{min-width:0}
.chkstep__t i{
  display:block;
  font-style:normal;
  font:700 16px/1.25 var(--chk-fd);
}
.chkstep__t span{display:block;font-size:13px;color:var(--chk-mut)}
.chkstep__bar{
  position:relative;
  height:12px;
  min-width:0;
  border-radius:999px;
  background:hsl(var(--chk-h) 14% 20%);
  overflow:hidden;
}
.chkstep__bar::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:var(--w,20%);
  background:linear-gradient(90deg,var(--chk-a1d),var(--chk-a1));
}
.chkstep__v{
  font:700 14px/1.2 var(--chk-fd);
  color:var(--chk-a1);
  white-space:nowrap;
}

/* ---------- отзывы ---------- */
.chkrev{
  margin:0;
  min-width:0;
  background:var(--chk-panel2);
  border:1px solid var(--chk-line);
  border-radius:var(--chk-rad);
  padding:16px 17px;
}
.chkrev blockquote{margin:0 0 10px;font-size:15.5px}
.chkrev figcaption{
  font:700 12.5px/1.4 var(--chk-fd);
  letter-spacing:.06em;
  color:var(--chk-a2l);
}

/* ---------- вопросы ---------- */
.chkfaq{margin:16px 0}
.chkfaq details{
  border:1px solid var(--chk-line);
  border-radius:var(--chk-rad);
  background:var(--chk-panel2);
  margin-bottom:9px;
  padding:0 15px;
}
.chkfaq summary{
  cursor:pointer;
  list-style:none;
  padding:14px 26px 14px 0;
  position:relative;
  font:700 15.5px/1.4 var(--chk-fd);
  min-height:44px;
  display:flex;
  align-items:center;
}
.chkfaq summary::-webkit-details-marker{display:none}
.chkfaq summary::after{
  content:"";
  position:absolute;
  right:2px;top:50%;
  width:9px;height:9px;
  margin-top:-6px;
  border-right:2px solid var(--chk-a1);
  border-bottom:2px solid var(--chk-a1);
  transform:rotate(45deg);
}
.chkfaq details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.chkfaq p{margin:0 0 14px;color:var(--chk-mut);font-size:15.5px}

/* ---------- протокол: заметка автора ---------- */
.chknote{
  max-width:var(--chk-max);
  margin:0 auto;
  padding:clamp(22px,3vw,34px) clamp(16px,2.4vw,30px);
  background:var(--chk-panel);
  border-left:5px solid var(--chk-a1);
}
.chknote h3{
  font:700 clamp(19px,2.2vw,25px)/1.25 var(--chk-fd);
  margin:0 0 12px;
}
.chknote__sign{
  display:block;
  margin-top:12px;
  font:700 14px/1.5 var(--chk-fd);
  color:var(--chk-a2l);
}

/* ---------- подвал ---------- */
.chkfoot{
  border-top:1px solid var(--chk-line);
  background:var(--chk-bg);
}
.chkfoot__in{
  max-width:var(--chk-max);
  margin:0 auto;
  padding:26px var(--chk-gut) 34px;
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  gap:20px;
  font-size:14px;
  color:var(--chk-mut);
}
.chkfoot__links{display:flex;flex-wrap:wrap;gap:4px 18px}
.chk .chkfoot__links a{font-size:14px;min-height:44px}
.chkage{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  margin-right:10px;
  border:2px solid var(--chk-a2);
  border-radius:50%;
  font:700 14px/1 var(--chk-fd);
  color:var(--chk-a2l);
}

/* ---------- адаптив ---------- */
@media (max-width:1080px){
  .chkclock{grid-template-columns:minmax(0,1fr)}
  .chkpair{order:2}
  .chkclock__txt{order:1}
  .chkdial{max-width:170px}
}
@media (max-width:860px){
  .chksheet{grid-template-columns:minmax(0,1fr)}
  .chkmove--full{grid-column:auto}
  .chkgrid--3,.chkgrid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chkfoot__in{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  body{font-size:16.5px}
  .chkclock{padding-top:12px}
  .chkclock__txt{display:flex;flex-direction:column}
  .chkclock h1{order:1}
  .chkcta{order:2;margin-bottom:18px}
  .chklead{order:3}
  .chkkpi{order:4;grid-template-columns:repeat(2,minmax(0,1fr))}
  .chk .chkbtn{width:100%;padding:0 14px}
  .chkgrid--2,.chkgrid--3,.chkgrid--4{grid-template-columns:minmax(0,1fr)}
  .chkstep{grid-template-columns:minmax(0,1fr)}
  .chkmove__head{flex-wrap:wrap;gap:10px}
  .chkmove__no{min-width:44px;font-size:24px}
  .chkmove__ttl{flex:1 1 100%;order:3}
  .chkdial{max-width:132px}
  .chktime{gap:12px}
  .chktime__mark:nth-of-type(n+3){display:none}
  /* тач-цели повторно: медиазапрос обязан удержать 44px (ловушка 5) */
  .chk a,.chk button,.chk .chkbtn,.chk .chkfoot__links a,.chk .chknav a{min-height:44px}
  .chkfaq summary{min-height:44px}
}