/* ==========================================================================
   Casino Examiners — каркас cxm (Examination Record)
   ========================================================================== */
:root{
  --cxm-canvas:#e7dfd0;        /* ПОЛОТНО страницы — на нём лежит лист контента */
  --cxm-paper:#fffdf9;         /* ЛИСТ: контентная колонка, шапка */
  --cxm-paper-2:#f7f2ea;       /* врезка внутри листа (витрина, оглавление, карточки) */
  --cxm-ink:#101a2b;           /* чернила */
  --cxm-ink-2:#3d4a5d;         /* вторичный текст */
  --cxm-rule:#ddd3c3;          /* линейка */
  --cxm-rule-2:#c9bda6;
  --cxm-accent:#8c1d3f;        /* бордо — заголовки разделов, ссылки */
  --cxm-accent-2:#a8264c;
  --cxm-check:#146b54;         /* зелёный проверки — только статусы */
  --cxm-w:888px;               /* контент */
  --cxm-w-wide:1120px;         /* шапка и подвал */
  --pad:20px;                  /* полноширинные ленты: шапка, подвал */
  --gap:26px;                  /* поле ВОКРУГ листа контента */
  --sheet:36px;                /* рабочее поле ВНУТРИ листа */
}
@media (max-width:1000px){:root{--gap:16px;--sheet:24px}}
@media (max-width:780px){:root{--pad:14px;--gap:10px;--sheet:16px}}

html{background:var(--cxm-canvas)}
body{background:var(--cxm-canvas);color:var(--cxm-ink);
     font-family:'Source Sans Pro','PT Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
     font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased}

/* ---------- ШАПКА: надполоса + основной ярус ---------- */
.cxm-hd{background:var(--cxm-paper);border-bottom:3px solid var(--cxm-ink);position:relative;z-index:30;
     box-shadow:0 10px 24px -22px rgba(16,26,43,.6)}
.cxm-hd::after{content:none!important}
.cxm-hd__strip{background:var(--cxm-ink);color:#e8e2d6;font-size:12.5px;letter-spacing:.04em}
.cxm-hd__strip .cxm-hd__in{display:flex;align-items:center;justify-content:space-between;
     min-height:34px;gap:16px}
.cxm-hd__claim{text-transform:uppercase;font-weight:700;opacity:.86}
.cxm-hd__in{max-width:var(--cxm-w-wide);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);
     box-sizing:border-box}
.cxm-hd__main{display:flex;align-items:center;justify-content:space-between;gap:22px;
     padding-top:14px;padding-bottom:12px}

/* логотип: печать-лупа + двухстрочное имя */
.cxm-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--cxm-ink);flex:0 0 auto}
.cxm-logo svg{display:block;width:42px;height:42px}
.cxm-logo__t{display:block;font-family:'PT Sans','Source Sans Pro',sans-serif;
     font-size:23px;font-weight:700;line-height:1.05;letter-spacing:-.015em}
.cxm-logo__s{display:block;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
     color:var(--cxm-ink-2);margin-top:3px}

/* меню */
.cxm-nav{margin-left:auto}
.cxm-nav>ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.cxm-nav>ul>li{position:relative}
.cxm-nav>ul>li>a{display:block;padding:9px 12px;text-decoration:none;color:var(--cxm-ink);
     font-family:'PT Sans','Source Sans Pro',sans-serif;font-size:15px;font-weight:700;
     border-bottom:2px solid transparent}
.cxm-nav>ul>li:hover>a,.cxm-nav>ul>li:focus-within>a{color:var(--cxm-accent);border-bottom-color:var(--cxm-accent)}
.cxm-nav ul ul{position:absolute;top:100%;left:0;min-width:248px;background:var(--cxm-paper-2);
     border:1px solid var(--cxm-rule);border-top:3px solid var(--cxm-accent);
     box-shadow:0 18px 38px rgba(16,26,43,.16);list-style:none;margin:0;padding:6px 0;
     visibility:hidden;opacity:0;transform:translateY(6px);transition:.16s ease;z-index:40}
.cxm-nav>ul>li:hover>ul,.cxm-nav>ul>li:focus-within>ul{visibility:visible;opacity:1;transform:none}
.cxm-nav ul ul li a{display:block;padding:8px 16px;color:var(--cxm-ink);text-decoration:none;font-size:15px}
.cxm-nav ul ul li a:hover{background:#f1ece2;color:var(--cxm-accent)}
.cxm-nav>ul>li:nth-last-child(-n+2) ul{left:auto;right:0}

/* переключатель языка — выпадашка, не ряд кнопок */
.cxm-lang{position:relative}
.cxm-lang__btn{display:flex;align-items:center;gap:7px;background:none;border:0;cursor:pointer;
     color:#e8e2d6;font:inherit;padding:6px 2px}
.cxm-lang__btn svg{width:18px;height:13px;display:block;border-radius:1px}
.cxm-lang__list{position:absolute;top:100%;right:0;background:var(--cxm-paper-2);
     border:1px solid var(--cxm-rule);min-width:172px;list-style:none;margin:0;padding:5px 0;
     visibility:hidden;opacity:0;transition:.15s;z-index:60;box-shadow:0 16px 30px rgba(16,26,43,.2)}
.cxm-lang:hover .cxm-lang__list,.cxm-lang:focus-within .cxm-lang__list{visibility:visible;opacity:1}
.cxm-lang__list a{display:flex;align-items:center;gap:8px;padding:8px 14px;color:var(--cxm-ink);
     text-decoration:none;font-size:14px}
.cxm-lang__list a:hover{background:#f1ece2}
.cxm-lang__list svg{width:18px;height:13px;flex:0 0 auto}
.cxm-lang__cur{font-weight:700}
.cxm-lang__cur::after{content:'✓';margin-left:auto;color:var(--cxm-check)}

/* мобильный тоггл — чекбокс + label, без <details> (Chrome 131+ схлопывает ::details-content) */
.cxm-burger{display:none}
.cxm-burger__lbl{display:none;cursor:pointer;padding:8px 10px;border:1px solid var(--cxm-rule-2);
     background:var(--cxm-paper-2);line-height:0}
.cxm-burger__lbl span,.cxm-burger__lbl span::before,.cxm-burger__lbl span::after{
     display:block;width:22px;height:2px;background:var(--cxm-ink);content:'';position:relative}
.cxm-burger__lbl span::before{top:-7px}
.cxm-burger__lbl span::after{top:5px}

@media (max-width:980px){
  .cxm-hd__main{flex-wrap:wrap}
  .cxm-burger__lbl{display:inline-block;margin-left:auto}
  .cxm-nav{order:3;flex:1 1 100%;display:none;margin-left:0}
  .cxm-burger:checked ~ .cxm-nav{display:block}
  .cxm-nav>ul{flex-direction:column;gap:0;border-top:1px solid var(--cxm-rule);margin-top:10px}
  .cxm-nav>ul>li>a{padding:11px 0;border-bottom:1px solid var(--cxm-rule)}
  .cxm-nav ul ul{position:static;visibility:visible;opacity:1;transform:none;border:0;box-shadow:none;
     padding:2px 0 8px 14px;background:transparent;border-left:2px solid var(--cxm-rule)}
  .cxm-nav ul ul li a{padding:6px 0}
}

/* ---------- КОНТЕНТ: ширина, отступы, типографика ---------- */
.cxm-main{max-width:var(--cxm-w);margin:0 auto;padding:0}
.cxm-main>*{padding-left:var(--pad);padding-right:var(--pad);box-sizing:border-box}
body .content-wrapper,body .main-section,body .homepage-top-section{background:transparent}
/* контентная колонка = 888: R11 обязан показывать 888 у контента и 1120 у шапки/подвала
   (у сайта один бумажный фон, цветных full-bleed лент в контенте нет) */
/* ⭐ КОНТЕНТ — ОТДЕЛЬНЫЙ ЛИСТ на полотне (владелец 06.09.2026: «фон весь одного цвета,
   поле основного контента никак не отделено, выглядит по-дилетантски»).
   Поле вокруг листа держит `--gap`, рабочее поле внутри листа — `--sheet`;
   текстовая колонка при этом остаётся ровно 888 px. */
body .content-wrapper{max-width:calc(var(--cxm-w) + var(--sheet) * 2);width:auto!important;
     margin:var(--gap) auto calc(var(--gap) + 18px)!important;background:var(--cxm-paper);
     border:1px solid var(--cxm-rule);border-radius:2px;
     box-shadow:0 1px 0 rgba(16,26,43,.05),0 24px 48px -34px rgba(16,26,43,.55);
     box-sizing:border-box;float:none!important;overflow:hidden}
body .content-wrapper .container,body .main-section .container,body .container{
     max-width:100%!important;width:auto!important;margin-left:auto!important;margin-right:auto!important;
     padding-left:var(--sheet)!important;padding-right:var(--sheet)!important;
     box-sizing:border-box;float:none!important}
/* первый и последний блок листа не липнут к его краям */
body .content-wrapper > *:first-child{padding-top:6px}
body .content-wrapper > *:last-child{padding-bottom:22px}
/* скрытый текст донора: у «читать далее» бывает не только display, но и высота с overflow */
body .hide,body .always-visible{height:auto!important;max-height:none!important;overflow:visible!important;
     visibility:visible!important;opacity:1!important;clip:auto!important}
body .cxm-hd .cxm-hd__in,body .cxm-ft .cxm-ft__in{max-width:var(--cxm-w-wide)!important}

/* типографика контента: правило по ГОЛОМУ тегу, каркас возвращаем специфичнее */
body p,body li,body td,body dd{font-size:17px;line-height:1.72}
body h1{font-family:'PT Sans','Source Sans Pro',sans-serif;font-size:34px;line-height:1.18;
     letter-spacing:-.02em;margin:.55em 0 .35em;font-weight:700}
body h2{font-family:'PT Sans','Source Sans Pro',sans-serif;font-size:25px;line-height:1.26;
     margin:1.5em 0 .5em;font-weight:700;padding-top:.45em;border-top:1px solid var(--cxm-rule)}
body h3{font-family:'PT Sans','Source Sans Pro',sans-serif;font-size:20px;margin:1.3em 0 .4em;font-weight:700}
body h4{font-size:17.5px;margin:1.1em 0 .35em;font-weight:700}
body .cxm-hd h1,body .cxm-hd h2,body .cxm-ft h2,body .cxm-ft h3{border-top:0;padding-top:0}
body a{color:var(--cxm-accent);text-underline-offset:2px}
body a:hover{color:var(--cxm-accent-2)}
body .cxm-hd a,body .cxm-ft a{text-decoration:none}
body ul,body ol{padding-left:1.15em}
body li{margin:.28em 0}
body img{max-width:100%;height:auto}
body table{width:100%;border-collapse:collapse;margin:1.1em 0;font-size:16px;background:var(--cxm-paper-2)}
body table td,body table th{border:1px solid var(--cxm-rule);padding:9px 12px;text-align:left}
body table tr:first-child td,body table th{background:#efe8dc;font-weight:700}
body .cxm-doc{background:transparent;border:0;padding:8px 0 18px;margin:0;box-sizing:border-box}
@media (max-width:780px){body h1{font-size:27px}body h2{font-size:22px}}

/* ---------- блоки ДОНОРА, оставшиеся без своего фона ----------
   ⛔ фон и текст правятся ТОЛЬКО ПАРОЙ: тёмный герой донора снят, а текст в нём
   был белым — на бумаге он исчезал (DESIGN-ELEMENTS §16). */
body .homepage-top-section,body .description,body .always-visible,body .hide{background:transparent}
body .homepage-top-section,body .homepage-top-section h1,body .homepage-top-section h2,
body .homepage-top-section p,body .description,body .description p,body .always-visible p,
body .hide p{color:var(--cxm-ink)!important}
body .description,body .always-visible p,body .hide p{color:var(--cxm-ink-2)!important}
body .hide{display:block!important}
body .always-visible+.hide{margin-top:.4em}
body .homepage-top-section{border-left:4px solid var(--cxm-accent);padding-left:18px;margin:26px 0 8px}
body .homepage-top-section h1{margin-top:0}

/* заголовок над списком казино — «номер раздела» газетной манеры */
body .homepage-headline{margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--cxm-ink)}
/* ⚠️ текст бывает и прямо в div, без <p> — красим сам блок, иначе заголовок остаётся белым */
body .homepage-headline,body .homepage-headline p{margin:0;font-family:'PT Sans','Source Sans Pro',sans-serif;
     font-size:22px;font-weight:700;color:var(--cxm-ink)!important;letter-spacing:-.01em}
body .homepage-headline{margin:34px 0 14px;padding-bottom:8px}

/* ссылки внутри КОНТЕНТА донора — наш бордо (шапку и подвал не задеваем) */
body .content-wrapper a:not([class*=cxm]):not(.yellow-button a),
body .entry-content a,body .casino-main-content a{color:var(--cxm-accent)}
body .content-wrapper a:not([class*=cxm]):hover{color:var(--cxm-accent-2)}

/* кнопки донора: до замены витрины на 08 — в нашей манере, а не жёлтая плашка */
body .yellow-button a,body .button.yellow-button a{display:inline-block;background:var(--cxm-accent);
     color:#fff!important;font-family:'PT Sans','Source Sans Pro',sans-serif;font-weight:700;
     font-size:15px;letter-spacing:.02em;padding:11px 22px;text-decoration:none;border-radius:2px;
     box-shadow:0 1px 0 rgba(16,26,43,.25)}
body .yellow-button a:hover{background:var(--cxm-accent-2)}
body .yellow-button,body .button.yellow-button{background:transparent!important;border:0!important;
     padding:0!important;box-shadow:none!important}

/* карточки донора на бумаге */
body .one-casino,body .casino-of-the-month,body .one-box{
     background:var(--cxm-paper-2);border:1px solid var(--cxm-rule);box-shadow:none}
body .single-casino{background:transparent!important}
body .one-casino-item-wrapper,body .top-casino-content{padding:16px}
body .third-row.highlights,body .highlights{background:transparent}
body .number-tag .value{background:var(--cxm-ink);color:#fff}

/* дата последней проверки и свой индекс промо */
body .cxm-upd{font-size:12.5px;letter-spacing:.02em;text-transform:uppercase;color:#6b7480;
     margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid var(--cxm-rule)}
body .cxm-idx{margin:26px 0 30px;background:var(--cxm-paper-2);border:0;
     border-top:3px solid var(--cxm-ink);border-bottom:1px solid var(--cxm-rule);
     padding:18px 20px 14px;box-sizing:border-box}
body .cxm-idx h2{margin:0 0 6px;border-top:0;padding-top:0;font-size:20px}
body .cxm-idx>p{margin:0 0 12px;font-size:14.5px;color:var(--cxm-ink-2)}
body .cxm-idx-list{list-style:none;margin:0;padding:0;columns:2;column-gap:26px}
body .cxm-idx-list li{margin:0 0 7px;break-inside:avoid;font-size:14.5px;line-height:1.4}
body .cxm-idx-d{color:#8b94a1;font-size:12.5px;white-space:nowrap}
@media (max-width:780px){body .cxm-idx-list{columns:1}}

/* ---------- ПОДВАЛ: одна плита ---------- */
.cxm-ft{background:var(--cxm-ink);color:#d8d2c6;margin-top:52px;font-size:15px}
.cxm-ft::after,.cxm-ft::before{content:none!important}
.cxm-ft a{color:#e9e3d7}
.cxm-ft a:hover{color:#fff;text-decoration:underline}
.cxm-ft__in{max-width:var(--cxm-w-wide);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);
     box-sizing:border-box}
.cxm-ft__trust{border-bottom:1px solid rgba(255,255,255,.14)}
.cxm-ft__trust .cxm-ft__in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;
     padding-top:16px;padding-bottom:16px}
.cxm-ft__chip{display:inline-flex;align-items:center;gap:8px;background:#fbf7f0;color:#101a2b;
     padding:7px 13px;font-size:13.5px;font-weight:700;letter-spacing:.02em}
.cxm-ft__chip b{color:var(--cxm-accent)}
.cxm-ft__cols{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:26px;
     padding-top:30px;padding-bottom:26px}
.cxm-ft__cols h3{font-family:'PT Sans','Source Sans Pro',sans-serif;font-size:13px;
     letter-spacing:.16em;text-transform:uppercase;color:#9aa3af;margin:0 0 12px;font-weight:700}
.cxm-ft__cols ul{list-style:none;margin:0;padding:0}
.cxm-ft__cols li{margin:.36em 0}
.cxm-ft__about p{margin:0 0 12px;color:#b9b3a7;font-size:14.5px;line-height:1.62}
.cxm-ft__svc{border-top:1px solid rgba(255,255,255,.14)}
.cxm-ft__svc .cxm-ft__in{display:flex;flex-wrap:wrap;gap:8px 22px;padding-top:14px;padding-bottom:14px;
     font-size:14px}
.cxm-ft__law{border-top:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.16)}
.cxm-ft__law .cxm-ft__in{padding-top:16px;padding-bottom:20px;color:#9d968a;font-size:13.5px;line-height:1.62}
@media (max-width:900px){.cxm-ft__cols{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cxm-ft__cols{grid-template-columns:1fr;gap:20px}}


/* ---------- ОБЗОР БРЕНДА: тёмная плашка донора → «протокол проверки» на бумаге ---------- */
body section.single-casino{background:var(--cxm-paper)!important;color:var(--cxm-ink)!important;
     padding:0 0 8px}
body .single-casino *,body .single-casino .label,body .single-casino .field,
body .single-casino .title,body .single-casino li{color:var(--cxm-ink)!important}
body .breadcrumbs-wrapper{padding:10px 0 6px;font-size:13.5px;color:var(--cxm-ink-2)!important}
body .breadcrumbs a{color:var(--cxm-accent)!important}
body .breadcrumbs,body .breadcrumbs span,body .breadcrumbs li{color:var(--cxm-ink-2)!important}
/* ⚠️ тёмная плита обзора рисуется НЕ `.single-casino`, а `section.top-casino-content`
   (rgb(23,30,44) + фоновый bg_line.svg плагина) — правило донора специфичнее нашего */
body section.top-casino-content,body .top-casino-content{
     background-color:var(--cxm-paper-2)!important;background-image:none!important;
     border:1px solid var(--cxm-rule);border-top:4px solid var(--cxm-ink);padding:20px!important}
/* ⛔ групповое правило цвета обязано исключать CTA и витрину: иначе «Play Now»
   красится в чернила на бордовом фоне — контраст 1 (gate_render R6) */
body section.top-casino-content *:not(.yellow-button):not(.yellow-button a):not([class*="cxmv-"]):not(.cxmv-btn){
     color:var(--cxm-ink)!important}
body section.top-casino-content .yellow-button a,body section.top-casino-content .cxmv-btn{
     color:#fff!important}
body section.top-casino-content .cxm-upd{color:#6b7480!important}
body .top-casino-content .logo img{background:transparent}
body .single-casino .fields{border-top:1px solid var(--cxm-rule);padding-top:6px}
body .single-casino .fields .label{font-size:14px;color:var(--cxm-ink-2)!important;letter-spacing:.01em}
body .single-casino .fields .field{font-weight:700}
body .single-casino .second-row .column{background:var(--cxm-paper-2);border:1px solid var(--cxm-rule);
     padding:16px 18px;box-sizing:border-box}
body .single-casino .second-row .column>.title,body .single-casino .highlights .title,
body .single-casino .payment-methods .title{font-family:'PT Sans','Source Sans Pro',sans-serif;
     font-size:12.5px!important;letter-spacing:.16em;text-transform:uppercase;
     color:var(--cxm-ink-2)!important;border-bottom:2px solid var(--cxm-ink);padding-bottom:6px;
     margin-bottom:10px;display:block}
body .single-casino .pros li::marker,body .single-casino .cons li::marker{content:''}
body .single-casino .pros li{border-left:3px solid var(--cxm-check);padding-left:10px;margin:.45em 0;list-style:none}
body .single-casino .cons li{border-left:3px solid var(--cxm-accent);padding-left:10px;margin:.45em 0;list-style:none}
body .single-casino .pros,body .single-casino .cons{padding-left:0}
body .payment-methods li{display:inline-flex;align-items:center;gap:6px;margin:0 10px 8px 0;
     font-size:14px;list-style:none}
body .payment-methods ul{padding-left:0}

/* колонки карточки обзора: на 390 у донора текст упирался в правый край плашки */
/* ⚠️ у донора правила вида `.second-row .third-column.column` специфичнее наших — без
   !important отступ не доезжает, и gate_padding честно показывает «зазор справа 1».
   Отступ вешаем на блоки, КОТОРЫЕ РИСУЮТ ФОН: карточка обзора, карточка витрины, ряды колонок. */
body .single-casino .column,body .single-casino .first-column,body .single-casino .second-column,
body .single-casino .third-column,body .single-casino .first-row,body .single-casino .second-row,
body .casino-of-the-month,body .casino-of-the-month .column,body .one-casino,
body .one-casino-item-wrapper,body .one-casino .second-row,body .one-casino .third-row{
     padding-left:16px!important;padding-right:16px!important;box-sizing:border-box}
@media (max-width:780px){
  body .single-casino .column,body .single-casino .first-column,body .single-casino .second-column,
  body .single-casino .third-column,body .single-casino .first-row,body .single-casino .second-row,
  body .casino-of-the-month,body .casino-of-the-month .column,body .one-casino,
  body .one-casino-item-wrapper,body .one-casino .second-row,body .one-casino .third-row{
     padding-left:14px!important;padding-right:14px!important}
}
/* внутренности колонки не должны вылезать за её padding-box (ul/таблицы донора) */
body .single-casino .column>*,body .single-casino .column ul,body .single-casino .column li{
     max-width:100%;box-sizing:border-box;margin-right:0}

/* мёртвые видео-врезки донора: рамка вместо чёрного прямоугольника */
body iframe{max-width:100%;aspect-ratio:16/9;border:1px solid var(--cxm-rule);background:var(--cxm-paper-2)}

/* ---------- гашение каркаса донора ---------- */
body>header#header,body>footer#footer,#header.cxm-dead,#footer.cxm-dead{display:none!important}
body nav:not([class*=cxm]){background:transparent}
header:not([class*=cxm]),footer:not([class*=cxm]){position:static!important}
.cxm-float-host{display:none!important}   /* липкая панель донора — заменяется на 08 */
body{padding-top:0!important}
body::after,body::before{content:none!important}