/* ============================================================ шрифты
   Латинские подмножества лежат СТРОКАМИ СНАПШОТА (`/x/tuc/f/…`), а не на
   fonts.gstatic.com: чужой домен в критическом пути — это лишний коннект
   перед первой отрисовкой и лог наших читателей у третьей стороны.
   ⚠️ `font-display:swap` обязателен: без него текст не виден, пока файл
   не приехал, и LCP считается по пустому экрану.
   ⚠️ Имена файлов постоянные (`.v1.`): у сайта автопостинг, робот вмораживает
   ссылки шаблона, и переименование ассета оставит статьи без стилей. */
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;
  font-display:swap;src:url(/x/tuc/f/serif-400.v1.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:700;
  font-display:swap;src:url(/x/tuc/f/serif-700.v1.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;
  font-display:swap;src:url(/x/tuc/f/sans-400.v1.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;
  font-display:swap;src:url(/x/tuc/f/sans-600.v1.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;
  font-display:swap;src:url(/x/tuc/f/mono-400.v1.woff2) format("woff2")}

/* ============================================================ токены */
:root{
  /* ⚠️ Светлые серые и жёлтые тона тут НЕ декоративные: приёмка считает
     контраст computed-цвета против ФАКТИЧЕСКОГО фона предка, а фон полотна
     #ebe8e1 темнее белого. Прежние --ink-3:#6e7884 (3,66 на полотне) и
     --amber:#a06d10 (4,10 на своей плашке --amber-bg) валили 616 узлов R3.
     Новые значения держат 4,5 на САМОМ ТЁМНОМ из своих фонов. */
  --ink:#1b232d; --ink-2:#4a5560; --ink-3:#5a636f;
  --chrome:#1b242e; --chrome-2:#27333f; --chrome-3:#394856;
  --page:#ebe8e1; --sheet-bg:#fbfaf7; --line:#ddd7ca; --line-2:#ece7dc;
  --cta:#15654a; --cta-2:#0f4e38; --cta-ink:#ffffff;
  --amber:#8a5d0c; --amber-bg:#fdf4e2;
  --teal:#176b78; --teal-bg:#eaf3f4;
  --flag:#8c2b31;
  --w-wide:888px; --w-text:760px; --w-chrome:1120px;
  --pad:20px; --sheet:36px; --gap:28px;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
  --r:3px;
}

/* ============================================================ сброс */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);font:400 17px/1.68 var(--sans);
  overflow-x:hidden}
img,svg,video,iframe{max-width:100%;height:auto;border:0}
img{display:block}
table{border-collapse:collapse}
a{color:var(--teal);text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:2px}
a:hover{color:var(--cta-2)}
h1,h2,h3,h4,h5{font-family:var(--serif);font-weight:700;color:var(--ink);
  line-height:1.22;margin:0}
b,strong{font-weight:600}
input,button,label,select{font:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;
  margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ============================================================ шапка */
.tuc-hd{background:var(--chrome);color:#fff;position:sticky;top:0;z-index:60;
  box-shadow:0 1px 0 rgba(0,0,0,.25)}
.tuc-hd a{color:#fff;text-decoration:none}
.tuc-hd-in{max-width:var(--w-chrome);margin:0 auto;padding:0 var(--pad);
  display:flex;align-items:center;gap:18px;min-height:58px}
.tuc-logo{display:flex;align-items:center;gap:10px;padding:8px 0;flex:0 0 auto}
.tuc-logo img,.tuc-logo svg{width:168px;height:34px;display:block}
.tuc-hd-states{display:flex;gap:6px;margin-left:auto;align-items:center;flex-wrap:wrap}
.tuc-hd-states b{font:600 11px/1 var(--sans);letter-spacing:.09em;text-transform:uppercase;
  color:#9fb0bf;margin-right:2px}
.tuc-chip{display:inline-block;padding:5px 9px;border:1px solid var(--chrome-3);
  border-radius:var(--r);font:600 12px/1 var(--mono);letter-spacing:.06em;
  background:#202b36}
.tuc-chip:hover{border-color:#7f939f;background:#28353f}
.tuc-nav-row{background:var(--chrome-2);border-top:1px solid #33414e}
/* ряд рубрик — ОДИН список на оба размера экрана (см. header() в tuc_p3_skin):
   на десктопе полоса, ниже 900px — выпадающая панель под бургером */
.tuc-nav-list{max-width:var(--w-chrome);margin:0 auto;padding:0 var(--pad);
  list-style:none;display:flex;align-items:stretch;gap:2px}
.tuc-nav-list>li{display:flex}
.tuc-nav-list a{display:flex;align-items:center;padding:0 14px;min-height:44px;
  font:600 12.5px/1.2 var(--sans);letter-spacing:.09em;text-transform:uppercase;
  color:#dfe6eb;border-bottom:3px solid transparent}
.tuc-nav-list a:hover{background:#2f3d4a;color:#fff}
.tuc-nav-list a[aria-current]{border-bottom-color:#e8b64c;color:#fff;background:#2f3d4a}
/* бургер существует только ниже 900px */
.tuc-burger,.tuc-bg-in{display:none}

/* ============================================================ каркас */
.tuc-main{max-width:calc(var(--w-wide) + var(--sheet)*2);margin:0 auto;
  padding:0 var(--pad)}
.tuc-top{padding:22px 0 0}
.tuc-crumbs{font:400 13px/1.5 var(--sans);color:var(--ink-3);margin:0 0 10px}
.tuc-crumbs a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line)}
.tuc-crumbs a:hover{color:var(--cta)}
.tuc-crumbs i{font-style:normal;padding:0 6px;color:var(--line)}
.tuc-h1{font-size:clamp(27px,3.6vw,39px);letter-spacing:-.01em;margin:0 0 12px;
  max-width:var(--w-text)}
.tuc-kicker{display:inline-block;font:600 11px/1 var(--sans);letter-spacing:.12em;
  text-transform:uppercase;color:var(--flag);background:#fff;border:1px solid var(--line);
  border-radius:var(--r);padding:6px 9px;margin:0 0 12px}
.tuc-meta{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;
  font:400 13.5px/1.4 var(--sans);color:var(--ink-2);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:9px 0;margin:0 0 var(--gap)}
.tuc-meta b{font-weight:600;color:var(--ink)}
.tuc-meta time{font-family:var(--mono);font-size:12.5px}
.tuc-meta .tuc-dot{color:var(--line)}

.tuc-sheet{background:var(--sheet-bg);border:1px solid var(--line);border-radius:var(--r);
  padding:var(--sheet);margin:0 0 var(--gap);
  box-shadow:0 1px 2px rgba(27,35,45,.05)}
.tuc-sheet>*{max-width:var(--w-text);margin-left:auto;margin-right:auto}
.tuc-sheet>table,.tuc-sheet>figure,.tuc-sheet>.tucv-wrap,.tuc-sheet>.tuc-cards-box,
.tuc-sheet>.tucs-rail,.tuc-sheet>.tuc-panel,
.tuc-sheet>.space-pros-cons,.tuc-sheet>.tuc-tabwrap,.tuc-sheet>.tuc-sig,
.tuc-sheet>.space-casino-details,.tuc-sheet>.space-shortcode-wrap,
.tuc-sheet>.space-casino-style-2-calltoaction-rating{max-width:var(--w-wide)}
.tuc-sheet>*+*{margin-top:1.05em}
.tuc-sheet>h2{margin-top:1.9em}
.tuc-sheet>h3{margin-top:1.5em}
.tuc-sheet>:first-child{margin-top:0}
/* Уцелевшая донорская обёртка (таблица, врезка, блок «детали») держит внутри
   свою прозу: до неё `>*+*` не достаёт и абзацы слипаются. Отступ тем же
   числом — смежные поля схлопываются, у прямых детей ничего не удваивается. */
.tuc-sheet p+p,.tuc-sheet p+ul,.tuc-sheet p+ol,.tuc-sheet ul+p,.tuc-sheet ol+p,
.tuc-sheet p+table,.tuc-sheet table+p{margin-top:1.05em}
.tuc-sheet h2+*,.tuc-sheet h3+*,.tuc-sheet h4+*{margin-top:.55em}
.tuc-sheet :not(.tuc-sheet)>h2{margin-top:1.9em}
.tuc-sheet :not(.tuc-sheet)>h3,.tuc-sheet :not(.tuc-sheet)>h4{margin-top:1.5em}

/* ============================================================ типографика */
/* ⚠️ `margin:0 auto`, а не `margin:0`: колонку текста центрирует правило
   `.tuc-sheet>*{max-width:var(--w-text);margin-left:auto;margin-right:auto}`,
   и голый `margin:0` гасит его у прямых детей. Абзацы и списки тогда прижаты
   к левому краю листа, а заголовки, оглавление и врезки стоят по центру —
   колонка съезжает на 45 px в каждом переходе «абзац → заголовок». */
.tuc-sheet p{margin:0 auto;font-size:17px;line-height:1.68}
.tuc-sheet>p:first-of-type{font-size:18.5px;line-height:1.6;color:#242e39}
/* scroll-margin — под липкую шапку: без него переход по своему оглавлению
   уводит заголовок ПОД шапку и читается как «ссылка промахнулась». */
.tuc-sheet h2,.tuc-sheet h3{scroll-margin-top:118px}
.tuc-sheet h2{font-size:clamp(22px,2.4vw,27px);padding-top:17px;
  border-top:1px solid var(--line-2)}
.tuc-sheet h2::before{content:"";display:block;width:38px;height:3px;
  background:var(--amber);margin:-18px 0 15px}
.tuc-sheet h3{font-size:20px}
.tuc-sheet h4{font-size:17px;font-family:var(--sans);font-weight:600;
  letter-spacing:.01em}
.tuc-sheet ul,.tuc-sheet ol{margin:0 auto;padding-left:1.15em}
.tuc-sheet li+li{margin-top:.42em}
.tuc-sheet li::marker{color:var(--amber)}
.tuc-sheet blockquote{margin:0 auto;padding:2px 0 2px 18px;border-left:3px solid var(--teal);
  color:var(--ink-2);font-family:var(--serif);font-size:18px}
.tuc-sheet figcaption{font:400 13px/1.5 var(--sans);color:var(--ink-3);padding-top:7px}
.tuc-sheet hr{border:0;border-top:1px solid var(--line);margin:1.6em 0}
.tuc-sheet img{border-radius:var(--r)}
.tuc-sheet a strong{font-weight:600}

/* таблицы: на узком экране прокрутка внутри обёртки, а не разрыв страницы */
.tuc-tabwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tuc-sheet table{width:100%;font-size:15.5px;background:#fff;
  border:1px solid var(--line)}
.tuc-sheet th,.tuc-sheet td{padding:10px 12px;border-bottom:1px solid var(--line-2);
  text-align:left;vertical-align:top}
.tuc-sheet thead th{background:var(--chrome-2);color:#fff;font:600 12.5px/1.3 var(--sans);
  letter-spacing:.07em;text-transform:uppercase;border-bottom:0}
.tuc-sheet tbody tr:nth-child(even){background:#faf8f4}
.tuc-sheet tbody tr:last-child td{border-bottom:0}
.tuc-sheet td strong{font-family:var(--mono);font-weight:600;font-size:14.5px;
  color:var(--amber)}

/* ============================================================ донорские классы */
.box-100{width:100%}
.box-66{width:66.66%}.box-60{width:60%}.box-50{width:50%}
.box-40{width:40%}.box-33{width:33.33%}.box-25{width:25%}
.left{float:left}.right{float:right}
.text-center{text-align:center}.text-right{text-align:right}
.relative{position:relative}
.space-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px;
  margin:1.5em auto!important}
.space-pros-cons .box-50{width:auto}
.space-pros,.space-cons{background:#fff;border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden}
.space-pros{border-top:3px solid var(--cta)}
.space-cons{border-top:3px solid var(--flag)}
.space-pros-ins,.space-cons-ins{padding:14px 16px 16px}
.space-pros-title,.space-cons-title{font:600 12px/1 var(--sans);letter-spacing:.11em;
  text-transform:uppercase;margin-bottom:10px}
.space-pros-title{color:var(--cta)}
.space-cons-title{color:var(--flag)}
.space-pros-description ul,.space-cons-description ul{list-style:none;padding:0;margin:0}
.space-pros-description li,.space-cons-description li{position:relative;
  padding-left:22px;font-size:15.5px;line-height:1.5}
.space-pros-description li+li,.space-cons-description li+li{margin-top:8px}
.space-pros-description li::before{content:"+";position:absolute;left:4px;top:0;
  color:var(--cta);font-weight:700}
.space-cons-description li::before{content:"\2212";position:absolute;left:4px;top:0;
  color:var(--flag);font-weight:700}

.space-casino-details{border:1px solid var(--line);border-radius:var(--r);
  background:#fff;overflow:hidden}
.space-casino-details-item{display:grid;grid-template-columns:230px 1fr;
  border-bottom:1px solid var(--line-2)}
.space-casino-details-item:last-child{border-bottom:0}
.space-casino-details-item .box-33,.space-casino-details-item .box-66{width:auto}
.space-casino-details-item-title{padding:11px 14px;background:#f6f3ed;
  font:600 13px/1.4 var(--sans);letter-spacing:.04em;text-transform:uppercase;
  color:var(--ink-2);display:flex;gap:8px;align-items:baseline}
.space-casino-details-item-title span i{display:none}
.space-casino-details-item-links{padding:11px 14px;font-size:15.5px}

.space-casino-style-2-ratings-all{display:flex}
.space-casino-style-2-ratings-all-item{width:auto;background:#fff;padding:14px 12px;
  text-align:center}
.space-casino-style-2-ratings-all-item-value{font:600 26px/1 var(--mono);
  color:var(--amber);margin-bottom:6px}
.space-casino-style-2-ratings-all-item-value i{display:none}
.space-casino-style-2-ratings-all-item-ins{font:400 12.5px/1.35 var(--sans);
  color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em}

.star-rating{display:inline-flex;gap:2px;vertical-align:middle}
.star{width:13px;height:13px;background:var(--line);border-radius:1px}
.star-full{background:var(--amber)}
.star-half{background:linear-gradient(90deg,var(--amber) 50%,var(--line) 50%)}

/* ==================== лестница операторов донора (шорткод space-shortcode-11)
   48 страниц + одна в редакции «7-». Правило 15b: CSS донора снят, разметка
   осталась — описываем её СВОИМИ правилами под донорские имена как есть.
   Две редакции различаются цифрой и глубиной обёрток, поэтому селекторы идут
   парами. Ссылки, rel и тексты не меняются (правило сети 4). */
.space-shortcode-wrap{margin:1.7em auto!important}
.space-casinos-7-archive-items{border:1px solid var(--line);border-radius:var(--r);
  background:#fff;overflow:hidden}
.space-casinos-7-archive-item+.space-casinos-7-archive-item,
.space-casinos-8-archive-item+.space-casinos-8-archive-item{border-top:1px solid var(--line-2)}
.space-casinos-7-archive-item-bg,.space-casinos-8-archive-item-bg{display:grid;
  grid-template-columns:minmax(0,296px) minmax(0,1fr) 168px;
  align-items:center;gap:0 18px;padding:15px 16px}
/* ⚠️ Внутри строки лежат донорские box-25/33/50/60/100 с процентной шириной:
   в сетке они рвут колонки (логотип 40 % от ячейки вместо своих 104px). */
.space-casinos-7-archive-item-bg [class*="box-"],
.space-casinos-8-archive-item-bg [class*="box-"]{width:auto}
.space-casinos-7-archive-item-left,.space-casinos-7-archive-item-logo,
.space-casinos-8-archive-item-brand{display:flex;align-items:center;gap:13px;min-width:0}
/* ⚠️ Оба правила ниже держат в селекторе -bg НАМЕРЕННО: сброс процентных
   box-* выше — это два класса, и без предка плитка знака (один класс)
   проигрывает ему ширину и растягивается до натуральных 270px картинки. */
.space-casinos-7-archive-item-bg .space-casinos-7-archive-item-logo-img,
.space-casinos-8-archive-item-bg .space-casinos-8-archive-item-brand-logo{
  flex:0 0 104px;width:104px;height:88px;border:1px solid var(--line);
  border-radius:var(--r);background:#fff;padding:3px;overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.space-casinos-7-archive-item-logo-img img,.space-casinos-8-archive-item-brand-logo img{
  width:100%;height:100%;object-fit:contain;border-radius:0}
.space-casinos-7-archive-item-bg .space-casinos-7-archive-item-logo-title,
.space-casinos-8-archive-item-bg .space-casinos-8-archive-item-brand-name{
  flex:1 1 auto;min-width:0;text-align:left!important}
.space-casinos-7-archive-item-logo-title-wrap a,
.space-casinos-8-archive-item-brand-name-link a{display:block;font-family:var(--serif);
  font-size:17.5px;font-weight:700;line-height:1.25;color:var(--ink);text-decoration:none}
.space-casinos-7-archive-item-logo-title-wrap a:hover,
.space-casinos-8-archive-item-brand-name-link a:hover{color:var(--cta)}
/* ⚠️ Оценка редакции «8-» лежит ТОЛЬКО в скрытом от глаз span («4.3 rating»):
   без правила её в строке не видно вообще. Раскрываем текстом как есть —
   своих цифр не добавляем (правило сети 5). */
.space-casinos-8-archive-item-stars-rating{margin-top:5px}
.space-casinos-8-archive-item-stars-rating .screen-reader-text{position:static!important;
  width:auto;height:auto;margin:0;overflow:visible;clip:auto;
  font:600 12.5px/1 var(--mono);color:var(--amber)}
.space-casinos-7-archive-item-terms,.space-casinos-8-archive-item-terms{
  font-family:var(--serif);font-size:16.5px;line-height:1.35;color:var(--ink)}
.space-casinos-7-archive-item-terms strong,.space-casinos-8-archive-item-terms strong{
  font-weight:700}
/* кнопка — первой, «Review» и дисклеймер под ней: в разметке донора порядок
   обратный, поэтому CTA поднимается order'ом, а не переносом разметки */
.space-casinos-7-archive-item-buttons,.space-casinos-8-archive-item-buttons{
  display:flex;flex-direction:column;gap:7px;text-align:center}
.space-casinos-7-archive-item-buttons-right,.space-casinos-8-archive-item-buttons-right{
  order:-1}
.space-casinos-7-archive-item-button-two a,.space-casinos-8-archive-item-button-two a{
  display:block;background:var(--cta);color:var(--cta-ink);text-decoration:none;
  font:700 13px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;
  padding:14px 10px;border-radius:var(--r);box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.space-casinos-7-archive-item-button-two a:hover,
.space-casinos-8-archive-item-button-two a:hover{background:var(--cta-2);color:#fff}
.space-casinos-7-archive-item-button-one a,.space-casinos-8-archive-item-button-one a{
  font:400 12.5px/1.3 var(--sans);color:var(--teal);text-decoration:none;
  border-bottom:1px solid var(--line)}
.space-casinos-7-archive-item-button-one a:hover,
.space-casinos-8-archive-item-button-one a:hover{color:var(--cta);border-bottom-color:var(--cta)}
.space-casinos-7-archive-item-button-notice,.space-casinos-8-archive-item-button-notice{
  font:400 11px/1.35 var(--sans);color:var(--ink-3)}
.space-casinos-7-archive-item-rating{font:400 12.5px/1 var(--sans);color:var(--ink-2)}
.space-casinos-7-archive-item-rating strong{font-family:var(--mono);font-size:14px;
  color:var(--amber)}
/* иконочный шрифт донора не приезжает: звезду рисуем своим знаком (правило 15b) */
.space-rating-star-wrap{display:inline-block;margin-right:3px}
.space-rating-star-icon i{display:none}
.space-rating-star-icon::before{content:"\2605";color:var(--amber);font-size:12px}

/* ==================== денежный CTA обзора (26 страниц) + блок оценок */
.space-casino-style-2-calltoaction-rating{margin:1.7em auto!important}
.space-casino-style-2-calltoaction-block{display:grid;
  grid-template-columns:minmax(0,1fr) 196px;align-items:center;gap:10px 20px;
  background:#f6f3ed;border:1px solid var(--line);border-left:3px solid var(--cta);
  border-radius:var(--r);padding:16px 18px}
.space-casino-style-2-calltoaction-block [class*="box-"]{width:auto}
.space-casino-style-2-calltoaction-text-ins{font-family:var(--serif);font-size:19px;
  line-height:1.3;color:var(--ink)}
.space-casino-style-2-calltoaction-text-ins strong{font-weight:700;color:var(--cta)}
.space-casino-style-2-calltoaction-button{text-align:center!important}
a.space-calltoaction-button{display:block;background:var(--cta);color:var(--cta-ink);
  text-decoration:none;font:700 13px/1 var(--sans);letter-spacing:.06em;
  text-transform:uppercase;padding:15px 12px;border-radius:var(--r);
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
a.space-calltoaction-button:hover{background:var(--cta-2);color:#fff}
a.space-calltoaction-button i{display:none}
.space-casino-style-2-calltoaction-button-notice{margin-top:7px;
  font:400 11px/1.35 var(--sans);color:var(--ink-3)}
/* ⚠️ Плитки критериев лежат в -ratings-all-INS, а не прямо в -ratings-all:
   сетка на внешнем контейнере даёт ОДНУ колонку из четырёх и четыре
   плитки столбиком. Сетку держит -ins, внешние делят строку с итогом. */
.space-casino-style-2-ratings-block{display:grid;
  grid-template-columns:minmax(0,1fr) 172px;gap:14px;align-items:stretch;margin-top:14px}
.space-casino-style-2-ratings-block>div{width:auto}
.space-casino-style-2-ratings-all-ins{flex:1 1 auto;display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;height:100%}
.space-casino-style-2-rating-overall{display:flex}
.space-casino-style-2-rating-overall-ins{flex:1 1 auto;display:flex;
  flex-direction:column;align-items:center;justify-content:center;gap:4px;
  background:var(--chrome);color:#fff;border-radius:var(--r);padding:14px 12px;
  font:600 34px/1 var(--mono)}
.space-casino-style-2-rating-overall-ins span{font:600 11.5px/1.3 var(--sans);
  letter-spacing:.09em;text-transform:uppercase;color:#c3cdd6}

/* заголовок донорского блока «детали», лид обзора и строка метаданных */
.space-casino-details-title{padding:13px 14px;background:var(--chrome-2)}
.space-casino-details-title h3{margin:0;font:600 13px/1.3 var(--sans);
  letter-spacing:.07em;text-transform:uppercase;color:#fff}
.space-casino-content-excerpt{border-left:3px solid var(--teal);
  padding:2px 0 2px 16px;margin:1.3em auto!important}
.space-casino-content-excerpt p{font-family:var(--serif);font-size:18.5px;
  line-height:1.5;color:var(--ink-2)}
/* свой лид: та же подача, что у донорского лида обзора, чтобы страницы,
   у которых текст начинается сразу с подзаголовка, открывались одинаково */
.tuc-stand{border-left:3px solid var(--teal);padding:2px 0 2px 16px;
  margin:0 0 1.35em!important;font-family:var(--serif);font-size:18.5px;
  line-height:1.5;color:var(--ink-2)}
/* схема автора в моноширинном блоке: переводы строк значащие, поэтому
   на узком экране блок прокручивается сам, а не рвёт страницу по ширине */
.tuc-ascii{margin:0 0 1.35em;padding:14px 16px;background:#f3f0e8;
  border:1px solid var(--line);border-radius:var(--r);overflow-x:auto;
  font:400 13px/1.55 var(--mono);color:var(--ink-2);white-space:pre}
/* ==================== приёмник автопостинга на ленте блога (ЭТАП 12, 12.16)
   Разметку анонса приносит робот moz.biz: <div style='margin-bottom: 20px;'>
   <h4><a>…</a></h4><p>…</p></div> сразу за маркером. Стилями правим ОТ
   КОНТЕЙНЕРА — инлайновый margin у анонса перебивается !important, иначе
   к нашим отступам прибавляется его собственный. Пустая обёртка (в ней один
   комментарий) прячется сама: `:empty` комментарий не отменяет. */
.tuc-wire{display:grid;gap:12px;margin:0 auto 1.6em;max-width:var(--w-text)}
.tuc-wire:empty{display:none}
.tuc-wire>div{margin:0!important;padding:14px 16px;background:var(--sheet-bg);
  border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:var(--r)}
.tuc-wire h4{margin:0 0 5px;font:700 18px/1.3 var(--serif);color:var(--ink)}
.tuc-wire h4 a{color:inherit;text-decoration:none;background-image:none}
.tuc-wire h4 a:hover{color:var(--teal)}
.tuc-wire p{margin:0!important;font:400 15px/1.55 var(--sans);color:var(--ink-2)}
.space-page-content-meta-data-ins{display:flex;flex-wrap:wrap;gap:4px 16px;
  font:400 12.5px/1.4 var(--sans);color:var(--ink-3)}
.space-page-content-meta-data-ins i{display:none}
/* картинки донора по центру абзаца */
.aligncenter{margin-left:auto;margin-right:auto}

/* ==================== своё оглавление: свёрнутое <details> (правило 11) */
.tuc-toc{background:#f6f3ed;border:1px solid var(--line);border-left:3px solid var(--amber);
  border-radius:var(--r);margin:1.5em auto!important}
.tuc-toc>summary{display:flex;align-items:baseline;gap:10px;cursor:pointer;
  padding:13px 16px;font:600 12px/1.2 var(--sans);letter-spacing:.11em;
  text-transform:uppercase;color:var(--ink-2);list-style:none}
.tuc-toc>summary::-webkit-details-marker{display:none}
/* стрелка своя: маркер <details> в разных движках рисуется по-разному */
.tuc-toc>summary::after{content:"";margin-left:auto;width:8px;height:8px;
  border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);
  transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.tuc-toc[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
.tuc-toc-n{font:400 11.5px/1.2 var(--sans);letter-spacing:.04em;
  text-transform:none;color:var(--ink-3)}
/* ⚠️ Отступ слева пишется с предком: `.tuc-sheet ol{padding-left:1.15em}`
   бьёт одиночный класс, и номера списка вылезали за рамку врезки. */
.tuc-toc .tuc-toc-list{margin:0;padding:0 16px 14px 42px;font-size:15.5px}
.tuc-toc-list li{padding:3px 0}
.tuc-toc-list li::marker{font-family:var(--mono);font-size:12.5px;color:var(--amber)}
.tuc-toc-list a{color:var(--ink);text-decoration:none;
  border-bottom:1px solid var(--line-2)}
.tuc-toc-list a:hover{color:var(--cta);border-bottom-color:var(--cta)}

/* ⚠️ Правил под донорское оглавление (.lwptoc*) здесь БОЛЬШЕ НЕТ: блок
   снимается на сборке (P4.drop_donor_toc), своё <details> стоит на его месте.
   Разметки не осталось ни на одной странице — правило без разметки С09.31. */

/* донорские остатки, которым место в невидимости. ⚠️ Классы, которые
   снимает tuc_p1_repair (space-widget, space-share, space-to-top,
   space-companies-sidebar, space-header-search-block,
   space-casino-float-bar-bg), отсюда убраны: разметки под них не остаётся
   ни на одной странице, а правило без разметки — это C09.31. */
.geotloc_overlay_box,.wp-block-spacer{display:none}

/* ============================================================ витрина tucv */
.tucv-wrap{border:1px solid var(--line);border-radius:var(--r);background:#fff;
  margin:1.8em auto!important;overflow:hidden}
.tucv-hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;
  padding:14px 18px;background:#f6f3ed;border-bottom:1px solid var(--line)}
/* заголовок витрины — это заголовок, а не подпись: цвет свой, иначе его
   забирает правило .tucv-hd p и 20px идут серым --ink-3 */
.tucv-hd h2,.tucv-hd .tucv-t{font-family:var(--serif);font-size:20px;font-weight:700;
  color:var(--ink);margin:0;padding:0;border:0}
.tucv-hd h2::before{display:none}
.tucv-hd p{font:400 13px/1.45 var(--sans);color:var(--ink-3);margin:0}
.tucv-in{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.tucv-bar{display:flex;flex-wrap:wrap;gap:7px;padding:11px 18px;
  border-bottom:1px solid var(--line-2);background:#fff}
.tucv-bar b{font:600 11px/22px var(--sans);letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);margin-right:2px}
.tucv-bar label{display:inline-block;padding:5px 11px;border:1px solid var(--line);
  border-radius:99px;font:600 12.5px/1.25 var(--sans);color:var(--ink-2);cursor:pointer;
  background:#fff;white-space:nowrap}
.tucv-bar label:hover{border-color:var(--teal);color:var(--teal)}
.tucv-list{list-style:none;margin:0;padding:0;counter-reset:tucv}
/* колонки: номер — узкий, имя со знаком — сколько нужно знаку, оффер —
   всё остальное (он длиннее всех), кнопка — ровно под кнопку */
.tucv-list>li{display:grid;grid-template-columns:40px minmax(0,272px) minmax(230px,1fr) 190px;
  align-items:center;gap:0 16px;padding:18px 18px;min-height:166px;
  border-top:1px solid var(--line-2);position:relative}
.tucv-list>li:first-child{border-top:0}
.tucv-list>li:nth-child(even){background:#fcfbf8}
/* номер места читается, а не намекает: var(--line) давал 1,39 к фону строки */
.tucv-rank{font:600 27px/1 var(--mono);color:#6b6456;text-align:center;
  letter-spacing:-.03em}
.tucv-list>li:nth-child(-n+3) .tucv-rank{color:var(--amber)}
.tucv-id{display:flex;align-items:center;gap:14px;min-width:0}
/* ⚠️ Плитка знака: приёмка мерит ДЛИННУЮ СТОРОНУ отрисованного логотипа
   (object-fit:contain), и у вытянутых в высоту знаков её задаёт высота
   плитки минус padding. При height:100px выходило 92-94px против порога
   100px — 84 плитки в браке R15. Высоту не опускать ниже 112px. */
.tucv-mark{flex:0 0 auto;width:clamp(116px,12vw,136px);height:116px;padding:3px;
  border:1px solid var(--line);border-radius:var(--r);background:#fff;
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.tucv-mark img{width:100%;height:100%;object-fit:contain;border-radius:0}
.tucv-name{min-width:0}
.tucv-name a{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--ink);
  text-decoration:none;display:block;line-height:1.2}
.tucv-name a:hover{color:var(--cta)}
.tucv-score{display:flex;align-items:baseline;gap:7px;margin-top:6px}
.tucv-score b{font:600 16px/1 var(--mono);color:var(--amber)}
.tucv-score span{font:400 12px/1 var(--sans);color:var(--ink-3)}
.tucv-offer{min-width:0;border-left:1px solid var(--line-2);padding-left:16px}
.tucv-offer strong{display:block;font-family:var(--serif);font-size:17.5px;
  font-weight:700;color:var(--ink);line-height:1.3}
/* плашки фактов — по две в ряд: при кегле 12 и паддинге 6 в колонку оффера
   (210px) влезала одна, и четыре факта давали четыре ряда рванья */
.tucv-facts{list-style:none;margin:7px 0 0;padding:0;display:flex;flex-wrap:wrap;
  gap:4px 6px}
.tucv-facts li{font:400 11.5px/1.25 var(--sans);color:var(--ink-2);
  background:var(--amber-bg);border:1px solid #f0e2c4;border-radius:2px;padding:3px 5px}
.tucv-facts li b{font-family:var(--mono);font-weight:600;color:var(--amber)}
.tucv-act{text-align:center}
.tucv-cta,.tuc-panel-cta{display:block;background:var(--cta);color:var(--cta-ink);
  text-decoration:none;
  font:700 13.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;
  padding:15px 12px;border-radius:var(--r);box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.tucv-cta:hover,.tuc-panel-cta:hover{background:var(--cta-2);color:#fff}
.tucv-rev{display:inline-block;margin-top:8px;font:400 12.5px/1.3 var(--sans);
  color:var(--teal)}
.tucv-terms,.tuc-panel-terms{display:block;margin-top:7px;font:400 11px/1.3 var(--sans);
  color:var(--ink-3)}
.tucv-list>li.tucv-hid{display:none}
.tucv-morebox{border-top:1px solid var(--line-2);text-align:center;background:#f6f3ed}
.tucv-more{display:block;padding:13px;font:600 12.5px/1 var(--sans);letter-spacing:.08em;
  text-transform:uppercase;color:var(--teal);cursor:pointer}
.tucv-more:hover{color:var(--cta);background:#f1ede4}
.tucv-foot{padding:11px 18px;border-top:1px solid var(--line-2);background:#fff;
  font:400 12px/1.5 var(--sans);color:var(--ink-3)}
/* фильтры и «показать ещё» — чистый CSS, без скриптов */
#tucv-more:checked~.tucv-list>li.tucv-hid{display:grid}
#tucv-more:checked~.tucv-morebox .tucv-more-s{display:none}
.tucv-more-h{display:none}
#tucv-more:checked~.tucv-morebox .tucv-more-h{display:inline}
#tucv-all:checked~.tucv-bar label[for=tucv-all],
#tucv-nd:checked~.tucv-bar label[for=tucv-nd],
#tucv-fs:checked~.tucv-bar label[for=tucv-fs],
#tucv-lo:checked~.tucv-bar label[for=tucv-lo]{background:var(--chrome-2);
  border-color:var(--chrome-2);color:#fff}
#tucv-nd:checked~.tucv-list>li:not([data-nd]),
#tucv-fs:checked~.tucv-list>li:not([data-fs]),
#tucv-lo:checked~.tucv-list>li:not([data-lo]){display:none}
#tucv-nd:checked~.tucv-list>li[data-nd].tucv-hid,
#tucv-fs:checked~.tucv-list>li[data-fs].tucv-hid,
#tucv-lo:checked~.tucv-list>li[data-lo].tucv-hid{display:grid}

/* ============================================================ рельс tucs */
.tucs-rail{border:1px solid var(--line);border-left:3px solid var(--amber);
  border-radius:var(--r);background:#f9f7f2;padding:16px 18px;
  margin:1.8em auto!important}
.tucs-h{font:600 11.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-2);margin:0 0 12px}
.tucs-list{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(3,1fr);gap:12px}
.tucs-list li{background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:12px;display:flex;flex-direction:column;gap:9px;margin:0}
.tucs-mark{width:100%;height:64px;display:flex;align-items:center;
  justify-content:center;border-bottom:1px solid var(--line-2);padding-bottom:9px}
.tucs-mark img{max-height:56px;width:auto;object-fit:contain}
.tucs-name{font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.2}
.tucs-name a{color:var(--ink);text-decoration:none}
.tucs-offer{font:400 13px/1.4 var(--sans);color:var(--ink-2);flex:1 1 auto}
.tucs-offer b{font-family:var(--mono);font-weight:600;color:var(--amber)}
.tucs-cta{display:block;text-align:center;background:var(--cta);color:#fff;
  text-decoration:none;font:700 12.5px/1 var(--sans);letter-spacing:.06em;
  text-transform:uppercase;padding:12px 8px;border-radius:var(--r)}
.tucs-cta:hover{background:var(--cta-2)}

/* ============================================================ карточки хаба */
.tuc-cards-box{margin:1.9em auto!important}
.tuc-cards-h{font-family:var(--serif);font-size:20px;font-weight:700;margin:0 0 12px;
  padding-bottom:9px;border-bottom:1px solid var(--line)}
.tuc-cards{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(246px,1fr));gap:12px}
.tuc-cards li{margin:0}
.tuc-card{display:flex;flex-direction:column;gap:8px;height:100%;background:#fff;
  border:1px solid var(--line);border-radius:var(--r);padding:14px 15px;
  text-decoration:none;color:var(--ink)}
.tuc-card:hover{border-color:var(--teal);box-shadow:0 2px 6px rgba(27,35,45,.08)}
.tuc-card-t{font-family:var(--serif);font-size:16.5px;font-weight:700;line-height:1.28}
.tuc-card-d{font:400 13.5px/1.5 var(--sans);color:var(--ink-2)}
.tuc-card-m{font:600 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);margin-top:auto}
.tuc-card-m b{color:var(--amber);font-family:var(--mono);letter-spacing:0}
.tuc-card--brand{align-items:center;text-align:center}
.tuc-card--brand .tuc-tile{width:184px;height:184px;max-width:100%;background:#fff;
  border:1px solid var(--line-2);border-radius:var(--r);display:flex;
  align-items:center;justify-content:center;padding:12px}
.tuc-card--brand .tuc-tile img{width:100%;height:100%;object-fit:contain}

/* ============================================================ обзор бренда */
.tuc-panel{display:grid;grid-template-columns:184px 1fr 210px;gap:18px;
  align-items:center;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);padding:18px;margin:0 auto 1.4em!important}
.tuc-panel-mark{width:184px;height:126px;border:1px solid var(--line-2);
  border-radius:var(--r);display:flex;align-items:center;justify-content:center;
  padding:8px}
.tuc-panel-mark img{width:100%;height:100%;object-fit:contain}
.tuc-panel-b{min-width:0}
.tuc-panel-score{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
.tuc-panel-score b{font:600 30px/1 var(--mono);color:var(--amber)}
.tuc-panel-score span{font:400 13px/1 var(--sans);color:var(--ink-3)}
.tuc-panel-offer{font-family:var(--serif);font-size:18px;font-weight:700;line-height:1.3}
.tuc-panel-facts{list-style:none;margin:9px 0 0;padding:0;display:flex;flex-wrap:wrap;
  gap:5px 8px}
.tuc-panel-facts li{font:400 12px/1.25 var(--sans);color:var(--ink-2);
  background:var(--amber-bg);border:1px solid #f0e2c4;border-radius:2px;padding:3px 6px}
.tuc-panel-facts li b{font-family:var(--mono);font-weight:600;color:var(--amber)}
.tuc-panel-act{text-align:center}
.tuc-panel-act .tuc-panel-cta{padding:16px 12px;font-size:14px}

/* ============================================================ подпись редакции */
.tuc-sig{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:flex-start;
  border-top:1px solid var(--line);margin-top:2em!important;padding-top:16px;
  font:400 13.5px/1.55 var(--sans);color:var(--ink-2)}
.tuc-sig-b{flex:1 1 320px;min-width:0}
.tuc-sig b{color:var(--ink);font-weight:600}
.tuc-sig-badge{flex:0 0 auto;font:600 11px/1 var(--sans);letter-spacing:.1em;
  text-transform:uppercase;color:var(--teal);background:var(--teal-bg);
  border:1px solid #cfe3e6;border-radius:var(--r);padding:7px 9px}
.tuc-sig time{font-family:var(--mono);font-size:12.5px}


/* ============================================================ подвал */
.tuc-ft{background:var(--chrome);color:#c3ccd4;margin-top:42px;
  font:400 14px/1.6 var(--sans)}
.tuc-ft a{color:#dfe6eb;text-decoration:none;border-bottom:1px solid #3c4b58}
.tuc-ft a:hover{color:#fff;border-bottom-color:#7f939f}
.tuc-ft-in{max-width:var(--w-chrome);margin:0 auto;padding:34px var(--pad) 26px;
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:26px}
.tuc-ft h3{color:#fff;font:600 11.5px/1 var(--sans);letter-spacing:.12em;
  text-transform:uppercase;margin:0 0 12px;font-family:var(--sans)}
.tuc-ft ul{list-style:none;margin:0;padding:0}
.tuc-ft li+li{margin-top:7px}
.tuc-ft-about p{margin:0 0 12px;font-size:13.5px;color:#a9b4bd}
.tuc-ft-rg{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.tuc-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #44525f;
  border-radius:var(--r);padding:6px 9px;font:600 12px/1 var(--mono);letter-spacing:.04em;
  color:#e3e9ee;background:#212c37}
.tuc-badge--age{border-color:#7b3b3f;color:#f2c9cb;background:#2b1e20}
.tuc-ft-copy{border-top:1px solid #313f4b}
.tuc-ft-copy-in{max-width:var(--w-chrome);margin:0 auto;padding:16px var(--pad) 30px;
  display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;
  font-size:12.5px;color:#93a0aa}
.tuc-ft-copy-in a{border-bottom:0;color:#b8c2cb}
/* дисклеймер — самый мелкий текст на сайте, и он же обязателен к прочтению:
   цвет поднят с #7e8b95 (4,49 на --chrome-2) до 5,9 */
.tuc-ft-copy-in .tuc-ft-legal{flex:1 1 100%;color:#93a0ab;line-height:1.55}

/* ==================================================== лента автопостинга
   ЭТАП 12, п.12.16. Робот moz.biz вставляет анонс СРАЗУ ЗА маркером ленты
   своим html: `<div style="margin-bottom:20px"><h4><a>…</a></h4><p>…</p></div>`.
   Оформление идёт от контейнера, инлайновый отступ перебиваем. Пустая обёртка
   (до первой публикации) прячется сама: комментарий внутри не отменяет :empty
   у разметки без текстовых узлов — маркер стоит единственной строкой. */
.tuc-wire:empty{display:none}
.tuc-wire>div{margin:0 0 14px!important;padding:14px 16px;background:var(--sheet-bg);
  border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:var(--r)}
.tuc-wire>div>h4{margin:0;font:700 19px/1.32 var(--serif)}
.tuc-wire>div>h4 a{border-bottom:0}
.tuc-wire>div>p{margin:6px 0 0;font-size:15.5px;color:var(--ink-2)}
/* Тело статьи робота. Типографика листа висит на `.tuc-sheet>*`, через обёртку
   она не достаёт — те же правила повторены от `.tuc-body>*`, иначе статья
   приходит без ширины колонки и без отступов при зелёных T5/T6. Сам робот
   кладёт ГОЛЫЙ html: `table` без обёртки прокрутки, `img` без max-width,
   `pre`, длинные ссылки — на 390px это перелив, которого на своих страницах
   не бывает (свои таблицы завёрнуты все до одной). */
.tuc-sheet>.tuc-body{max-width:none;margin:0}
.tuc-body>*{max-width:var(--w-text);margin-left:auto;margin-right:auto}
.tuc-body>*+*{margin-top:1.05em}
.tuc-body>h2{margin-top:1.9em}
.tuc-body>h3,.tuc-body>h4{margin-top:1.5em}
.tuc-body>:first-child{margin-top:0}
.tuc-body>table,.tuc-body>figure,.tuc-body>img{max-width:var(--w-wide)}
.tuc-body>table{display:block;width:100%;overflow-x:auto;
  -webkit-overflow-scrolling:touch}
.tuc-body img{max-width:100%;height:auto}
.tuc-body pre{max-width:var(--w-text);overflow-x:auto;background:#fff;
  border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;
  font:400 14px/1.6 var(--mono)}
.tuc-body a{overflow-wrap:anywhere}

/* ============================================================ адаптив */
@media (max-width:1100px){
  .tuc-panel{grid-template-columns:150px 1fr 190px}
  .tuc-panel-mark{width:150px;height:110px}
  .tucv-list>li{grid-template-columns:34px minmax(0,300px) 1fr 190px}
}
@media (max-width:900px){
  :root{--sheet:22px;--gap:22px}
  .tuc-hd-in{min-height:52px;gap:10px}
  .tuc-nav-row{display:none}
  /* ⚠️ 44×44 — не округление до красивого числа: цель меньше 44 px гейт сети
     считает замечанием (N1), и это тот же порог, что у ссылок меню */
  .tuc-burger{display:flex;align-items:center;justify-content:center;width:44px;
    height:44px;margin-left:auto;border:1px solid var(--chrome-3);border-radius:var(--r);
    cursor:pointer;flex:0 0 auto;background:#202b36}
  .tuc-burger span{display:block;width:18px;height:2px;background:#fff;
    box-shadow:0 -5px 0 #fff,0 5px 0 #fff}
  .tuc-hd-states{order:3;flex:1 1 100%;margin:0 0 9px;overflow-x:auto;
    -webkit-overflow-scrolling:touch}
  .tuc-hd-in{flex-wrap:wrap}
  .tuc-bg-in:checked~.tuc-nav-row{display:block}
  .tuc-nav-list{display:block;padding:0}
  .tuc-nav-list>li{display:block}
  .tuc-nav-list a{display:block;padding:13px var(--pad);min-height:44px;
    border-bottom:1px solid #33414e;font:600 13px/1.3 var(--sans);letter-spacing:.07em;
    text-transform:uppercase}
  .tuc-nav-list a[aria-current]{border-bottom-color:#33414e;border-left:3px solid #e8b64c;
    padding-left:calc(var(--pad) - 3px)}
  .tuc-ft-in{grid-template-columns:1fr 1fr;gap:22px}
  .space-casino-details-item{grid-template-columns:1fr}
  .space-casino-details-item-title{border-bottom:1px solid var(--line-2)}
  .space-casino-style-2-ratings-block{grid-template-columns:1fr;gap:10px}
  .space-casino-style-2-rating-overall-ins{flex-direction:row;gap:10px;font-size:26px}
  .space-casino-style-2-calltoaction-block{grid-template-columns:1fr;gap:12px;
    padding:14px}
  .space-casinos-7-archive-item-bg,.space-casinos-8-archive-item-bg{
    grid-template-columns:1fr;gap:11px;padding:12px}
  .space-casinos-7-archive-item-buttons,.space-casinos-8-archive-item-buttons{
    display:grid;grid-template-columns:152px minmax(0,1fr);gap:3px 12px;
    align-items:center;text-align:left}
  .space-casinos-7-archive-item-buttons-right,.space-casinos-8-archive-item-buttons-right{
    grid-column:1;grid-row:1/3}
  .space-casinos-7-archive-item-buttons-left,.space-casinos-8-archive-item-buttons-left{
    grid-column:2;grid-row:1/3;text-align:left!important}
  .space-casinos-7-archive-item-central,.space-casinos-8-archive-item-central{
    border-top:1px solid var(--line-2);padding-top:9px}
  .tucs-list{grid-template-columns:1fr}
  .tuc-panel{grid-template-columns:132px 1fr;gap:14px}
  .tuc-panel-mark{width:138px;height:104px}
  .tuc-panel-act{grid-column:1/-1}
  /* ⚠️ Витрина на мобиле: знак и имя ОСТАЮТСЯ В РЯД, кнопка, ссылка на обзор
     и дисклеймер — одной строкой. Раскладка колонкой (имя уходило под знак)
     растила строку до 409px против принятых 290 — R9: на экран влезала
     полутора позиция вместо трёх, и витрина перестаёт быть сравнением. */
  /* ⚠️ Строка витрины на мобиле. Полезная ширина строки на 390px — 295px, а
     не 366: считать надо по факту (замер .tucv-name), иначе раскладка
     «кнопка рядом с именем» кажется возможной, а имя получает 27px и уезжает
     под кнопку. Вертикаль резалась так: номер — бейджем на углу плитки (была
     колонка 26px), факты — строкой вместо плашек (плашка «Plus $20 No Deposit
     Play» занимала ряд целиком), кнопка — в два столбца с обзором и
     дисклеймером. 409px → 265px при потолке 290. */
  .tucv-list>li{grid-template-columns:1fr;gap:7px;padding:11px;min-height:0}
  .tucv-rank{position:absolute;top:11px;left:11px;z-index:1;text-align:center;
    font:700 11.5px/1 var(--mono);letter-spacing:.05em;color:#fff;
    background:var(--chrome-2);padding:5px 7px;
    border-radius:var(--r) 0 var(--r) 0}
  .tucv-rank::before{content:'#'}
  .tucv-list>li:nth-child(-n+3) .tucv-rank{color:#fff;background:var(--amber)}
  /* ⚠️ min-height держит место под абсолютную кнопку: её высота (кнопка +
     «Read review» + дисклеймер ≈ 82px) из потока не видна, и без запаса
     кнопка наехала бы на оффер. */
  .tucv-id{flex-direction:row;align-items:center;gap:12px;min-height:0}
  .tucv-mark{width:clamp(100px,26vw,120px);height:100px}
  .tucv-name a{font-size:17px}
  .tucv-score{margin-top:3px;gap:5px;flex-wrap:nowrap}
  .tucv-score b{font-size:15px}
  .tucv-offer{border-left:0;padding-left:0;
    border-top:1px solid var(--line-2);padding-top:8px}
  .tucv-offer strong{font-size:16.5px}
  /* Факты на мобиле — СТРОКА, а не плашки: на 366px плашка «Plus $20 No
     Deposit Play» занимает ряд целиком, четыре факта давали четыре ряда.
     Текст тот же, разделитель точкой. */
  .tucv-facts{display:block;margin-top:6px;font:400 12.5px/1.5 var(--sans);
    color:var(--ink-2)}
  .tucv-facts li{display:inline;background:none;border:0;padding:0;
    white-space:nowrap}
  .tucv-facts li+li::before{content:' · ';color:var(--ink-3);white-space:normal}
  /* кнопка слева, «обзор» и дисклеймер справа в два яруса: в одну колонку
     этот блок занимал 56-87px, в два — 38px */
  .tucv-act{display:grid;grid-template-columns:152px minmax(0,1fr);
    gap:3px 12px;align-items:center;text-align:left}
  .tucv-cta{grid-column:1;grid-row:1/3;min-width:0;padding:13px 10px;
    align-self:stretch;display:flex;align-items:center;justify-content:center}
  .tucv-rev{grid-column:2;grid-row:1;margin-top:0}
  .tucv-terms{grid-column:2;grid-row:2;margin-top:0}
}
@media (max-width:640px){
  :root{--pad:14px;--sheet:16px;--gap:18px}
  body{font-size:16.5px}
  .tuc-sheet p,.tuc-sheet>p:first-of-type{font-size:16.5px}
  .tuc-sheet h2{font-size:21px}
  .space-pros-cons{grid-template-columns:1fr}
  .tuc-cards{grid-template-columns:1fr}
  .tuc-ft-in{grid-template-columns:1fr}
  .tuc-meta{gap:4px 12px;font-size:13px}
  .tucv-hd,.tucv-bar,.tucv-foot{padding-left:14px;padding-right:14px}
  /* ⚠️ Панель обзора на телефоне — В ОДНУ КОЛОНКУ. Пара «знак 132px + текст»
     оставляла тексту 180px из 362: оценка ломалась на три строки («out of 5 —
     / editorial / score»), заголовок оффера на четыре, а плашки фактов вставали
     по одной в ряд. Знак строкой сверху отдаёт офферу всю ширину листа —
     высота панели та же, читается как заголовок, а не как узкая колонка. */
  .tuc-panel{grid-template-columns:1fr;gap:12px;padding:14px}
  .tuc-panel-mark{width:126px;height:92px}
  .tuc-panel-score{margin-bottom:6px}
  .tuc-panel-score b{font-size:26px}
  .tuc-panel-offer{font-size:19px}
}
@media print{
  .tuc-hd,.tuc-ft,.tucv-act,.tuc-panel-act{display:none}
  body{background:#fff}
}