/* ==========================================================================
   Правки под размещение на russiantattooremoval.ru: только светлая тема
   и починка вёрстки, которая ломалась на широких таблицах.
   ========================================================================== */

/* Тёмная тема вырезана из стилей, здесь страховка на случай, если
   где-то остался неубранный блок или сохранённый в браузере выбор. */
:root, :root[data-theme]{
  --ground:#FFFFFF; --surface:#F3F6FD; --surface-2:#E9EEFB; --line:#E1E7F6;
  --ink:#0B1020; --ink-2:#4A5474; --ink-3:#7B87A8;
  --blue:#2B54FF; --blue-ink:#1B3AD1; --blue-soft:#E7ECFF; --on-accent:#FFFFFF;
  --green:#12B76A; --green-soft:#DDF7EA;
  --ruby:#F0405A; --ruby-soft:#FFE4E8;
  --violet:#8B5CF6; --violet-soft:#EFE7FF;
  --amber:#F59E0B; --amber-soft:#FFF2D6;
  --shadow-s:0 2px 8px rgba(11,16,32,.05);
  --shadow-m:0 10px 30px -12px rgba(27,58,209,.22);
  --shadow-l:0 28px 60px -30px rgba(27,58,209,.40);
  color-scheme:light;
}
html, body{background:#FFFFFF}
.cl-logo img, .logo img{filter:none !important}

/* ---------- ТАБЛИЦЫ ----------
   Ячейка с числом стояла в nowrap, а внутрь неё попадала длинная пометка
   «уточнить» — строка растягивалась на пол-экрана и таблицу срезало
   по правому краю. Пометка теперь переносится отдельной строкой. */
td.num .todo, th .todo, td .todo{
  display:block; white-space:normal; margin-top:6px;
  font-family:var(--f-body); font-size:13px; line-height:1.4;
}
td.num{white-space:nowrap}
table{min-width:0}
.table-scroll{-webkit-overflow-scrolling:touch}
.table-scroll table{width:100%}

/* Заголовок остаётся виден, пока таблицу листают по горизонтали */
.table-scroll thead th{position:sticky; top:0; z-index:2; background:var(--surface)}

/* Чётные строки подсвечены — глазу проще держать строку в широкой таблице */
tbody tr:nth-child(even) td{background:color-mix(in srgb, var(--surface) 45%, transparent)}
tbody tr:hover td{background:color-mix(in srgb, var(--blue-soft) 45%, transparent)}

th{font-size:12px; letter-spacing:.06em}
th, td{padding:14px 16px}
td b{margin-bottom:2px}

@media (max-width:760px){
  th, td{padding:12px 12px; font-size:14px}
  td.num{white-space:normal}
}

/* ---------- ДЫХАНИЕ ---------- */
.flow > p{max-width:none}
.table-block{margin:6px 0 4px}
.wrap{padding-left:20px; padding-right:20px}

/* ---------- КАРТОЧКА КЛИНИКИ ----------
   Колонки по 150px рвали адрес на три строки, а «сеанс от» уезжал во второй ряд
   при пустом месте справа. */
.cl-grid{grid-template-columns:repeat(auto-fit,minmax(196px,1fr)); gap:18px 34px}
.cl-grid > div:first-child{grid-column:span 2}
@media (max-width:720px){.cl-grid > div:first-child{grid-column:auto}}
.cl-hero{padding:26px 30px}
.cl-grid .v{line-height:1.45}