/* ============================================================================
   BETONRED — brand skin поверх gmb-univ-multi-v2 (sfb-design.css).
   A) :root override — почти-чёрный warm-фон #12100f + багрово-красный акцент
      #e01e37 + белый ink + серебро — перекрашивает и внутренние страницы
      через токен-каскад.  B) cl-* — компоненты уникальной морды и внутренних
      (внутренний CSS-namespace, не бренд-видимый — сохранён от базы форка).
   Оригинальный дизайн: смелая красная рулетка «BoR», НЕ копия чужого сайта.
   Шрифты: Oswald (заголовки, bold-casino) + Inter (текст/UI).
   Контраст текста/ссылок ≥ WCAG AA 4.5:1 на #12100f (акцент на тёмном — красный
   осветлён до rose #ff6b7d для ссылок/мелкого текста, links базы --accent #e01e37
   переопределены на rose ниже).
   ============================================================================ */

/* ─── A · RE-TOKEN (:root) — near-black + crimson roulette ──────────────── */
:root{
  --accent:#e01e37; --accent-ink:#b3122a; --accent-tint:#2a0c10;
  --cta:#e01e37; --cta-ink:#ff6b7d;
  --success:#37b47e; --success-tint:#0b2a1e; --success-bd:#1b4c38;
  --warn:#ff3b30; --warn-tint:#2b0c10; --danger:#e05a3a;
  --ink:#f7f5f4; --body:#cdd0d8; --reading:#d6d9e0; --muted:#9aa0ac; --muted-2:#71767f;
  --surface:#1c1917; --surface-2:#161311; --border:#352c28; --border-soft:#241f1c;
  --dark:#100e0d; --dark-2:#0a0908; --dark-hover:#241f1c; --dark-muted:#a9adb6; --dark-faint:#71767f;
  --page-bg:#12100f; --cream:#1a1613; --cream-2:#1c1917; --cream-bd:#3a2f2a; --cream-bd-2:#2a221f;
  --star:#ff6b7d;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-head:'Oswald','Inter',system-ui,sans-serif;
  /* betonred specific (cl-* namespace сохранён от форка) */
  --cl-bg:#12100f; --cl-bg-2:#0a0908; --cl-panel:#1c1917; --cl-panel-2:#161311; --cl-raise:#241f1c;
  --cl-gold:#e01e37; --cl-gold-2:#ff6b7d; --cl-gold-deep:#b3122a;
  --cl-btc:#ff3b30; --cl-btc-soft:rgba(255,59,48,.14);
  --cl-line:#352c28; --cl-line-soft:#241f1c;
  --cl-ink:#f7f5f4; --cl-body:#cdd0d8; --cl-muted:#9aa0ac;
}
body{background:var(--page-bg);color:var(--cl-body)}
h1,h2,h3,h4{font-family:var(--font-head);color:var(--cl-ink);letter-spacing:.005em}
/* базовые ссылки: base sfb-design.css задаёт a{color:var(--accent)} = #e01e37 (4.0:1
   на #12100f, ниже AA) → осветляем до rose --cl-gold-2 #ff6b7d (≥6:1). Компоненты
   со своим color (cl-nav/cl-drop/cl-prose…) перебивают по специфичности. */
a{color:var(--cl-gold-2)}

/* ─── B · SHARED (cl scope) ─────────────────────────────────────────────── */
.cl{font-family:var(--font-body);color:var(--cl-body);line-height:1.65;background:var(--cl-bg)}
.cl *{box-sizing:border-box}
.cl-shell{max-width:1160px;margin:0 auto;padding:0 22px}
.cl a{color:inherit;text-decoration:none}
.cl .cl-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(120deg,var(--cl-gold),var(--cl-gold-deep));
  color:#ffffff;font-weight:800;padding:13px 28px;border-radius:10px;letter-spacing:.02em;
  box-shadow:0 8px 22px rgba(224,30,55,.28);border:0;transition:.15s;font-size:15px}
.cl .cl-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}
.cl .cl-btn.line{background:transparent;color:var(--cl-gold-2);border:1.5px solid var(--cl-gold);box-shadow:none}
.cl .cl-btn.sm{padding:9px 18px;font-size:13.5px}

/* ─── header ────────────────────────────────────────────────────────────── */
.cl-top{background:rgba(8,13,24,.96);border-bottom:1px solid var(--cl-line);position:sticky;top:0;z-index:60;backdrop-filter:blur(8px)}
.cl-top .cl-shell{display:flex;align-items:center;gap:26px;height:70px}
.cl-logo{height:36px;width:auto;display:block}
.cl-nav{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:14px;font-weight:600}
.cl-nav>a,.cl-cat-t{color:#cdd0d8;padding:8px 12px;border-radius:8px;cursor:pointer;white-space:nowrap;display:block;transition:.15s}
.cl-nav>a:hover,.cl-cat:hover .cl-cat-t{color:var(--cl-gold-2);background:rgba(224,30,55,.08)}
.cl-cat{position:relative}
.cl-cat-t em{font-style:normal;font-size:10px;opacity:.65}
.cl-drop{position:absolute;top:100%;right:0;transform:translateY(8px);min-width:220px;max-height:72vh;overflow-y:auto;
  background:var(--cl-panel);border:1px solid var(--cl-line);border-top:2px solid var(--cl-gold);border-radius:0 0 12px 12px;
  padding:8px;display:flex;flex-direction:column;gap:2px;box-shadow:0 20px 44px rgba(0,0,0,.5);
  opacity:0;visibility:hidden;transition:opacity .16s,transform .16s;z-index:70}
.cl-drop.wide{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;min-width:460px}
.cl-cat:hover .cl-drop{opacity:1;visibility:visible;transform:translateY(0)}
.cl-drop::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.cl-drop a{display:block;padding:8px 12px;border-radius:8px;color:#cdd0d8;font-weight:500;font-size:13.5px}
.cl-drop a:hover{background:var(--cl-raise);color:var(--cl-gold-2)}
.cl-top .cl-btn{padding:9px 20px;font-size:13.5px}

/* ─── coin strip (декоративная крипто-лента под хедером морды) ──────────── */
.cl-coins{background:var(--cl-bg-2);border-bottom:1px solid var(--cl-line-soft);padding:9px 0}
.cl-coins .cl-shell{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--cl-muted)}
.cl-coin{display:inline-flex;align-items:center;gap:6px;background:var(--cl-btc-soft);border:1px solid rgba(255,59,48,.3);
  color:#ff9aa6;border-radius:999px;padding:3px 11px;font-weight:700;font-size:11.5px;letter-spacing:.04em}
.cl-coin .dot{width:7px;height:7px;border-radius:50%;background:var(--cl-btc);display:inline-block}

/* ─── hero (split: текст + бонус-панель) ────────────────────────────────── */
.cl-hero{background:linear-gradient(200deg,#1e1210 0%,var(--cl-bg) 55%,var(--cl-bg-2) 100%);position:relative;overflow:hidden;
  padding:58px 0 64px;border-bottom:1px solid var(--cl-line)}
.cl-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(760px 340px at 85% 0%,rgba(224,30,55,.13),transparent 62%),
             radial-gradient(520px 300px at 8% 100%,rgba(255,59,48,.08),transparent 60%)}
.cl-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:48px;align-items:center}
.cl-kick{display:inline-flex;align-items:center;gap:9px;color:var(--cl-gold-2);font-family:var(--font-head);
  font-weight:600;letter-spacing:.14em;font-size:12px;text-transform:uppercase;margin-bottom:16px}
.cl-kick::before{content:"";width:26px;height:2px;background:linear-gradient(90deg,var(--cl-gold),var(--cl-btc))}
.cl-hero h1{font-size:46px;line-height:1.14;color:#fff;margin:0 0 16px}
.cl-hero .cl-sub{font-size:18px;color:#d0d3da;max-width:620px;margin:0 0 26px}
.cl-hero-cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.cl-hero-note{font-size:12px;color:var(--cl-muted);margin-top:14px}
/* бонус-панель справа */
.cl-panelcard{background:linear-gradient(165deg,var(--cl-panel) 0%,var(--cl-panel-2) 100%);border:1px solid var(--cl-line);
  border-radius:18px;padding:26px 24px;text-align:center;position:relative;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.cl-panelcard::before{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;pointer-events:none;
  background:linear-gradient(140deg,var(--cl-gold),transparent 38%,transparent 62%,var(--cl-btc));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.cl-panelcard .mark{width:64px;height:64px;margin:0 auto 12px;display:block}
.cl-panelcard .k{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--cl-gold-2);font-weight:700}
.cl-panelcard .t{font-family:var(--font-head);font-size:23px;color:var(--cl-ink);line-height:1.25;margin:8px 0 12px}
.cl-panelcard .coins{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.cl-panelcard .cl-btn{width:100%;justify-content:center}
.cl-panelcard .rg{font-size:11px;color:var(--cl-muted);margin-top:12px}

/* ─── stat strip (полноширинная лента, НЕ карточки) ─────────────────────── */
.cl-statbar{background:var(--cl-bg-2);border-bottom:1px solid var(--cl-line)}
.cl-statbar ul{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}
.cl-statbar li{padding:20px 26px;border-left:1px solid var(--cl-line-soft)}
.cl-statbar li:first-child{border-left:0}
.cl-statbar b{display:block;font-family:var(--font-head);font-size:23px;color:var(--cl-gold-2)}
.cl-statbar span{font-size:12.5px;color:var(--cl-muted)}

/* ─── sections ──────────────────────────────────────────────────────────── */
.cl-sec{padding:56px 0}
.cl-sec.tint{background:linear-gradient(180deg,var(--cl-panel-2),var(--cl-bg))}
.cl-eyeb{color:var(--cl-btc);font-family:var(--font-head);font-weight:600;letter-spacing:.15em;text-transform:uppercase;font-size:12px;margin-bottom:8px}
.cl-h2{font-size:31px;margin:0 0 8px;color:var(--cl-ink)}
.cl-intro{color:var(--cl-muted);max-width:680px;margin:0 0 28px}

/* bonuses — горизонтальные ряды с золотым рейлом (не карточки-колонки) */
.cl-bonlist{display:flex;flex-direction:column;gap:16px}
.cl-bon{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:22px;align-items:center;
  background:var(--cl-panel);border:1px solid var(--cl-line);border-left:4px solid var(--cl-gold);
  border-radius:14px;padding:20px 24px;transition:.15s}
.cl-bon:hover{border-color:var(--cl-gold);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.cl-bon .amt{font-family:var(--font-head);font-size:27px;color:var(--cl-gold-2);line-height:1.1}
.cl-bon .amt small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cl-btc);margin-top:4px}
.cl-bon h3{font-size:18px;color:var(--cl-ink);margin:0 0 6px}
.cl-bon .pts{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--cl-muted);margin:0;padding:0;list-style:none}
.cl-bon .pts li{display:flex;align-items:center;gap:6px}
.cl-bon .pts li::before{content:"◆";color:var(--cl-btc);font-size:9px}

/* games — 6-плиточная сетка */
.cl-games{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}
.cl-game{background:linear-gradient(170deg,var(--cl-raise),var(--cl-panel-2));border:1px solid var(--cl-line);
  border-radius:13px;padding:20px 12px;text-align:center;transition:.15s}
.cl-game:hover{border-color:var(--cl-gold);transform:translateY(-3px)}
.cl-game .ic{font-size:26px;display:block;margin-bottom:8px}
.cl-game b{font-family:var(--font-head);font-size:14.5px;color:var(--cl-ink);display:block;line-height:1.25}
.cl-game span{font-size:11.5px;color:var(--cl-muted)}

/* payments — coin-badges + строки-определения (без таблицы) */
.cl-paygrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:start}
.cl-paybadges{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}
.cl-payrows{border-top:1px solid var(--cl-line)}
.cl-payrow{display:grid;grid-template-columns:minmax(0,1.2fr) .9fr .9fr;gap:12px;padding:13px 4px;
  border-bottom:1px solid var(--cl-line-soft);font-size:14px;align-items:baseline}
.cl-payrow b{color:var(--cl-ink);font-weight:600}
.cl-payrow .lab{color:var(--cl-muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em;display:block}
.cl-trustcard{background:var(--cl-panel);border:1px solid var(--cl-line);border-radius:14px;padding:22px 24px}
.cl-trustcard .row{display:flex;gap:13px;align-items:flex-start;padding:11px 0;border-bottom:1px dashed var(--cl-line)}
.cl-trustcard .row:last-child{border:0}
.cl-trustcard .ic{color:var(--cl-gold);font-size:19px;flex:none}
.cl-trustcard b{color:var(--cl-ink)}
.cl-trustcard small{color:var(--cl-muted);font-size:13px;display:block}

/* content (сгенерированный текст на морде) */
.cl-maincontent{max-width:860px}
.cl-maincontent h2{font-size:25px;margin:26px 0 10px}
.cl-maincontent h3{font-size:19px;color:var(--cl-gold-2);margin:18px 0 8px}
.cl-maincontent p{margin:0 0 13px}
.cl-maincontent a{color:var(--cl-gold-2);text-decoration:underline}
.cl-maincontent ul,.cl-maincontent ol{margin:0 0 14px 22px}

/* YMYL */
.cl-ymyl{background:linear-gradient(180deg,#101a17,#0d0b0a);border:1px solid #23392f;border-left:4px solid var(--cl-gold);
  border-radius:14px;padding:26px 28px}
.cl-ymyl h3{color:var(--cl-gold-2);font-size:21px;margin:0 0 10px;display:flex;align-items:center;gap:12px}
.cl .b18{background:var(--cl-gold);color:#ffffff;font-weight:800;border-radius:8px;padding:4px 10px;font-family:var(--font-body);font-size:14px;line-height:1.3}
.cl-ymyl p{color:#c2d0c6;font-size:14.5px;margin:0 0 12px}
.cl-ymyl .tools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.cl-ymyl .tool{background:rgba(255,255,255,.03);border:1px solid #22352b;border-radius:10px;padding:12px 14px;font-size:13px;color:#a7b5aa}
.cl-ymyl .tool b{display:block;color:#dde8df;margin-bottom:2px}
.cl-ymyl .help{margin-top:14px;font-size:13px;color:#9cab9f}
.cl-ymyl .help a{color:var(--cl-gold-2);text-decoration:underline}

/* FAQ — 2-колоночная сетка */
.cl-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.cl-faq details{background:var(--cl-panel);border:1px solid var(--cl-line);border-radius:12px;padding:2px 18px}
.cl-faq details[open]{border-color:var(--cl-gold-deep)}
.cl-faq summary{cursor:pointer;font-family:var(--font-head);font-size:16.5px;color:var(--cl-ink);padding:15px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.cl-faq summary::-webkit-details-marker{display:none}
.cl-faq summary::after{content:"+";color:var(--cl-btc);font-size:22px;line-height:1;flex:none}
.cl-faq details[open] summary::after{content:"−"}
.cl-faq p{padding:0 0 15px;color:var(--cl-body);margin:0;font-size:14.5px}

/* footer */
.cl-agebar{background:var(--cl-bg-2);border-top:2px solid var(--cl-gold);padding:16px 0;font-size:13.5px;color:#cdd0d8}
.cl-agebar .cl-shell{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.cl-foot{background:var(--cl-bg-2);color:#a9adb6;padding:38px 0 32px;font-size:13px}
.cl-foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;margin-bottom:24px}
.cl-foot .fh{color:var(--cl-gold-2);font-family:var(--font-head);font-size:15px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:9px}
.cl-foot a{color:#c2c5cd;display:block;padding:4px 0}
.cl-foot a:hover{color:var(--cl-gold-2)}
.cl-foot .fine{border-top:1px solid rgba(255,255,255,.08);padding-top:18px;color:#8a8680;font-size:12px}
.cl-foot .logo{height:32px;margin-bottom:10px}

/* ═══════════════ ВНУТРЕННИЕ СТРАНИЦЫ (page-constructor, cl-*) ═══════════════
   Оригинальный скелет: hero-band + ЛЕВЫЙ sticky-рельс (TOC/бонус) + контент.
   НЕ базовый .page-wrap/.reading/.rail/.zone-* (анти-футпринт). */
.cl-page{background:var(--cl-bg);color:var(--cl-body);font-family:var(--font-body);line-height:1.7}

.cl-post-hero{background:linear-gradient(190deg,#1e1210,var(--cl-bg) 70%);border-bottom:1px solid var(--cl-line);padding:26px 0 30px;position:relative}
.cl-post-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,var(--cl-gold),var(--cl-btc) 45%,transparent 85%)}
.cl-crumbs{font-size:12.5px;color:var(--cl-muted);margin-bottom:14px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cl-crumbs a{color:var(--cl-muted)}.cl-crumbs a:hover{color:var(--cl-gold-2)}
.cl-crumbs .sep{opacity:.45}.cl-crumbs .cur{color:var(--cl-gold-2)}
.cl-tags{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}
.cl-tag{font-size:11.5px;color:var(--cl-muted);background:rgba(255,255,255,.04);border:1px solid var(--cl-line);border-radius:7px;padding:5px 11px;font-weight:600}
.cl-tag.ok{color:#6fe0ae;border-color:#1b4c38}
.cl-tag.age{color:#ffffff;background:var(--cl-gold);border-color:var(--cl-gold-deep);font-weight:800}
.cl-post-hero h1{font-family:var(--font-head);color:var(--cl-ink);font-size:37px;line-height:1.15;margin:0 0 13px;max-width:880px}
.cl-post-lead{font-size:17.5px;color:var(--cl-reading,#d6d9e0);max-width:800px;margin:0 0 18px}
.cl-post-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.cl-by{font-size:13px;color:var(--cl-muted);display:flex;align-items:center;gap:9px}
.cl-ava{width:27px;height:27px;border-radius:8px;background:linear-gradient(140deg,var(--cl-gold),var(--cl-gold-deep));color:#ffffff;display:grid;place-items:center;font-weight:800;font-size:13px}

/* doc grid: ЛЕВЫЙ рельс + контент (зеркально базе и rr) */
.cl-doc{display:grid;grid-template-columns:288px minmax(0,1fr);gap:44px;padding-top:36px;padding-bottom:60px;align-items:start}
.cl-doc-side{position:sticky;top:92px;display:flex;flex-direction:column;gap:18px;order:0}
.cl-doc-main{min-width:0}

.cl-side-toc{background:var(--cl-panel);border:1px solid var(--cl-line);border-radius:14px;padding:16px 18px}
.cl-side-toc__h{font-family:var(--font-head);color:var(--cl-gold-2);font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.cl-side-toc ol{list-style:none;margin:0;padding:0}
.cl-side-toc li{display:flex;gap:10px;padding:7px 0;font-size:13px;border-top:1px solid rgba(255,255,255,.05)}
.cl-side-toc li:first-child{border-top:none}
.cl-side-toc .n{color:var(--cl-btc);font-family:var(--font-head);font-weight:700;flex:none;min-width:16px}
.cl-side-toc a{color:var(--cl-body)}.cl-side-toc a:hover{color:var(--cl-gold-2)}
.cl-side-offer{background:linear-gradient(170deg,var(--cl-raise),var(--cl-panel-2));border:1.5px solid var(--cl-gold);border-radius:15px;padding:20px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.cl-side-offer .mark{width:44px;height:44px;margin:0 auto 8px;display:block}
.cl-side-offer .k{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--cl-btc);font-weight:700}
.cl-side-offer .t{font-family:var(--font-head);color:var(--cl-ink);font-size:18px;line-height:1.3;margin:7px 0 8px}
.cl-side-offer .m{color:var(--cl-body);font-size:13px;margin-bottom:13px}
.cl-side-offer .cl-btn{width:100%;justify-content:center}
.cl-side-offer .rg{font-size:10.5px;color:var(--cl-muted);margin-top:11px}

/* мобильный TOC */
.cl-toc-m{display:none;background:var(--cl-panel);border:1px solid var(--cl-line);border-radius:12px;margin-bottom:22px;padding:2px 16px}
.cl-toc-m summary{cursor:pointer;color:var(--cl-gold-2);font-family:var(--font-head);padding:13px 0;display:flex;justify-content:space-between;list-style:none}
.cl-toc-m summary::-webkit-details-marker{display:none}
.cl-toc-m .n{color:var(--cl-btc)}
.cl-toc-m ol{margin:0 0 12px;padding-left:20px}.cl-toc-m a{color:var(--cl-body)}

/* proза */
.cl-prose{font-size:16.5px;color:#d6d9e0}
.cl-prose h2{font-family:var(--font-head);color:var(--cl-ink);font-size:26px;margin:36px 0 14px;padding-bottom:10px;border-bottom:2px solid var(--cl-line);position:relative;line-height:1.22}
.cl-prose h2::after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:linear-gradient(90deg,var(--cl-gold),var(--cl-btc))}
.cl-prose h3{font-family:var(--font-head);color:var(--cl-gold-2);font-size:20px;margin:26px 0 10px}
.cl-prose p{margin:0 0 16px}
.cl-prose a{color:var(--cl-gold-2);text-decoration:underline;text-underline-offset:2px}
.cl-prose ul,.cl-prose ol{margin:0 0 18px;padding-left:22px}
.cl-prose li{margin-bottom:8px}.cl-prose ul li::marker{color:var(--cl-btc)}
.cl-prose strong{color:var(--cl-ink)}
.cl-prose table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14.5px;border:1px solid var(--cl-line);border-radius:10px;overflow:hidden;display:block;overflow-x:auto}
.cl-prose th{background:var(--cl-raise);color:var(--cl-gold-2);text-align:left;padding:12px 14px;font-weight:700;font-family:var(--font-head);font-size:13.5px}
.cl-prose td{padding:11px 14px;border-top:1px solid var(--cl-line-soft)}
.cl-prose tr:nth-child(even) td{background:var(--cl-panel-2)}
.cl-prose blockquote{border-left:3px solid var(--cl-btc);background:var(--cl-btc-soft);margin:20px 0;padding:12px 18px;border-radius:0 10px 10px 0}
.cl-prose img{max-width:100%;height:auto;border-radius:12px}

/* переопределение inline pipeline-блоков (.sfb-*) — crypto-lion skin */
.cl-prose .sfb-slots__h{font-family:var(--font-head);color:var(--cl-ink);font-size:23px;margin:32px 0 16px;padding-bottom:9px;border-bottom:2px solid var(--cl-line)}
.cl-prose .sfb-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:13px;margin:8px 0 26px}
.cl-prose .sfb-slot{background:linear-gradient(170deg,var(--cl-raise),var(--cl-panel-2));border:1px solid var(--cl-line);border-radius:13px;overflow:hidden;text-decoration:none;color:var(--cl-ink);transition:.15s;display:block}
.cl-prose .sfb-slot:hover{border-color:var(--cl-gold);transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.4)}
.cl-prose .sfb-slot__thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.cl-prose .sfb-slot span{display:block}
.cl-prose .sfb-slot__title,.cl-prose .sfb-slot__name{padding:10px 12px;font-weight:600;font-size:13.5px}
.cl-prose .sfb-cta{margin:24px 0;text-align:center}
.cl-prose .sfb-cta .button,.cl-prose .sfb-cta .button1,.cl-prose .sfb-cta a{display:inline-block;background:linear-gradient(120deg,var(--cl-gold),var(--cl-gold-deep));color:#ffffff;font-weight:800;padding:14px 32px;border-radius:10px;text-decoration:none;box-shadow:0 8px 22px rgba(224,30,55,.28)}
.cl-prose .sfb-faq details{background:var(--cl-panel);border:1px solid var(--cl-line);border-radius:12px;margin-bottom:12px;padding:2px 18px}
.cl-prose .sfb-faq summary{cursor:pointer;font-family:var(--font-head);color:var(--cl-ink);font-size:16.5px;padding:14px 0;list-style:none}
.cl-prose .sfb-faq summary::-webkit-details-marker{display:none}
.cl-prose .sfb-faq p{padding:0 0 15px;color:var(--cl-body)}

/* pipeline main-N */
.cl-block{margin:22px 0}.cl-block-cta{margin-top:14px;text-align:center}

/* YMYL строка на внутренних */
.cl-rgline{display:flex;gap:14px;align-items:flex-start;background:var(--cl-panel);border:1px solid var(--cl-line);border-left:4px solid var(--cl-gold);border-radius:12px;padding:16px 18px;margin:32px 0 20px;font-size:13.5px}
.cl-rgline p{margin:0}.cl-rgline a{color:var(--cl-gold-2)}

/* disclosure */
.cl-disclosure{font-size:12.5px;color:var(--cl-muted);border-top:1px solid var(--cl-line);padding-top:16px;margin:0 0 26px}

/* related */
.cl-related__h{font-family:var(--font-head);color:var(--cl-gold-2);font-size:19px;margin:8px 0 14px}
.cl-related__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cl-rcard{background:var(--cl-panel);border:1px solid var(--cl-line);border-radius:12px;padding:14px 16px;text-decoration:none;transition:.15s;display:block}
.cl-rcard:hover{border-color:var(--cl-gold)}
.cl-rcard .tag{display:block;font-size:11px;color:var(--cl-btc);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
.cl-rcard .t{color:var(--cl-ink);font-weight:600;font-size:14px}

/* ─── responsive ────────────────────────────────────────────────────────── */
@media(max-width:980px){
  .cl-hero-grid{grid-template-columns:1fr;gap:34px}
  .cl-games{grid-template-columns:repeat(3,1fr)}
  .cl-doc{grid-template-columns:1fr;gap:0}
  .cl-doc-side{position:static;order:2;margin-top:30px}
  .cl-side-toc{display:none}
  .cl-toc-m{display:block}
}
@media(max-width:760px){
  .cl-nav{display:none}
  .cl-hero h1{font-size:34px}
  .cl-statbar ul{grid-template-columns:1fr 1fr}
  .cl-statbar li:nth-child(odd){border-left:0}
  .cl-bon{grid-template-columns:1fr;gap:12px}
  .cl-games{grid-template-columns:repeat(2,1fr)}
  .cl-paygrid,.cl-faq,.cl-ymyl .tools,.cl-foot .cols{grid-template-columns:1fr}
  .cl-post-hero h1{font-size:29px}
  .cl-related__grid{grid-template-columns:1fr}
}


/* =============================================================================
   MARKDOWN-ТАБЛИЦЫ + ДОБОР ПЕРЕКРАСКИ .sfb-*   (2026-08-06)
   Перенос правок, отлаженных на теме mrbit (mrbit-brand.css, блоки 06/07).
   Построено на БАЗОВЫХ sfb-токенах, которые эта тема переопределяет под себя,
   → одна заготовка корректна и на тёмных, и на светлых темах.
   ============================================================================= */
.cl-prose {
  --sfbx-bg:     var(--surface);
  --sfbx-bg-2:   var(--surface-2);
  --sfbx-line:   var(--border);
  --sfbx-line-2: var(--border-soft);
  --sfbx-tx:     var(--reading);
  --sfbx-strong: var(--ink);
  --sfbx-mut:    var(--muted);
  --sfbx-faint:  var(--muted-2);
  --sfbx-acc:    var(--accent);
  --sfbx-acc-bg: var(--accent-tint);
  --sfbx-acc-dk: var(--accent-ink);
}

/* ---- (а) таблицы из markdown -----------------------------------------------
   Приходят голым <table> без обёртки .sfb-table (её ставит только blockify),
   поэтому под правила sfb-design.css не попадали и рисовались браузерным
   дефолтом. Скоуп — ПРЯМОЙ потомок, чтобы не конфликтовать с `.sfb-table table`
   (одинаковая специфичность, выигрывает то, что ниже по файлу). */
.cl-prose > table {
  display: block;                /* даёт горизонтальный скролл на узких экранах */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  border-collapse: collapse;
  margin: 26px 0;
  font-size: 15px;
  line-height: 1.5;
  background: var(--sfbx-bg);
  border: 1px solid var(--sfbx-line);
  border-radius: var(--r-md, 9px);
  color: var(--sfbx-tx);
}
.cl-prose > table thead th {
  text-align: left;
  font-family: var(--font-head, inherit);
  font-weight: 700;
  font-size: 13.5px;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--sfbx-acc);
  background: var(--sfbx-acc-bg);
  padding: 12px 16px;
  border-bottom: 1px solid var(--sfbx-line);
  white-space: nowrap;
}
.cl-prose > table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--sfbx-line-2);
  vertical-align: top;
  color: var(--sfbx-tx);
}
.cl-prose > table tbody tr:last-child td { border-bottom: 0; }
.cl-prose > table tbody tr:nth-child(even) { background: var(--sfbx-bg-2); }
.cl-prose > table tbody tr:hover { background: var(--sfbx-acc-bg); }
.cl-prose > table td:first-child { color: var(--sfbx-strong); font-weight: 600; }
.cl-prose > table td strong { color: var(--sfbx-acc); font-weight: 700; }
.cl-prose > table caption {
  caption-side: top; text-align: left;
  padding: 0 0 10px; color: var(--sfbx-faint); font-size: 14px;
}


/* ---- (б) добор: .sfb-* блоки, которые перекраска выше не покрывала ----------
   В sfb-design.css у них зашиты светлые константы (#fff, #f2f2f4, #cdd0d8,
   #5a1520 …), а блок 06 темы перечисляет лишь cta/card/slot/table/faq/rg —
   и то ТОЛЬКО на уровне контейнера. Ниже — то, что оставалось светлым.
   Фактический список классов снят с живых страниц (mrbit-bg-casino.com,
   nv-casino-igri.com, casino-stake-bg.com … /bonusi/, /registraciya/). */

/* .sfb-license (sfb-design.css:870) — в списке перекраски не значился вовсе. */
.cl-prose .sfb-license {
  background: var(--sfbx-bg) !important;
  border-color: var(--sfbx-line) !important;
  color: var(--sfbx-mut) !important;
}
.cl-prose .sfb-license__badge {
  background: var(--sfbx-acc-bg) !important;
  border-color: var(--sfbx-acc-dk) !important;
  color: var(--sfbx-acc) !important;
}
.cl-prose .sfb-license__name { color: var(--sfbx-strong) !important; }
.cl-prose .sfb-license__num  { color: var(--sfbx-faint) !important; }
.cl-prose .sfb-license__foot { border-top-color: var(--sfbx-line-2) !important; }
.cl-prose .sfb-license__foot span { color: var(--sfbx-mut) !important; }
.cl-prose .sfb-license__foot strong { color: var(--sfbx-strong) !important; }
.cl-prose .sfb-license a { color: var(--sfbx-acc) !important; }

/* .sfb-bonus (sfb-design.css:747) — background:#fff; __logo красится
   `background:var(--ink); color:#fff` → на тёмной теме --ink светлый и
   белый текст пропадает. Ставим акцент+поверхность: работает в обе стороны. */
.cl-prose .sfb-bonus {
  background: var(--sfbx-bg) !important;
  border-color: var(--sfbx-line) !important;
  color: var(--sfbx-tx) !important;
}
.cl-prose .sfb-bonus__head {
  background: linear-gradient(120deg, var(--cream, var(--sfbx-bg-2)), var(--cream-2, var(--sfbx-bg))) !important;
  border-bottom-color: var(--sfbx-line) !important;
}
.cl-prose .sfb-bonus__value { color: var(--sfbx-strong) !important; }
.cl-prose .sfb-bonus__logo { background: var(--sfbx-acc) !important; color: var(--sfbx-bg) !important; }
.cl-prose .sfb-bonus__grid span { color: var(--sfbx-mut) !important; }
.cl-prose .sfb-bonus__grid strong { color: var(--sfbx-strong) !important; }
.cl-prose .sfb-bonus__row > span { color: var(--sfbx-mut) !important; }
.cl-prose .sfb-bonus__fine { color: var(--sfbx-faint) !important; }

/* промокод-чип: `border: 1.5px dashed #cdd0d8` — холодный светлый хайрлайн */
.cl-prose .sfb-code,
.cl-prose .sfb-bonus code {
  background: var(--sfbx-bg-2) !important;
  border-color: var(--sfbx-acc-dk) !important;
  color: var(--sfbx-strong) !important;
}

/* .sfb-voucher__mask — светлая полосатая заливка #f5f5f7/#f2f2f4 и текст #9aa6b6 */
.cl-prose .sfb-voucher__mask {
  background: repeating-linear-gradient(45deg,
      var(--sfbx-bg-2), var(--sfbx-bg-2) 6px,
      var(--sfbx-bg) 6px, var(--sfbx-bg) 12px) !important;
  color: var(--sfbx-faint) !important;
}
.cl-prose .sfb-voucher__tag { background: var(--cream, var(--sfbx-bg-2)) !important; }

/* .sfb-safety (sfb-design.css:838) — background:#fff, gauge-inner #fff,
   track #f2f2f4, barhead #4a453f */
.cl-prose .sfb-safety {
  background: var(--sfbx-bg) !important;
  border-color: var(--sfbx-line) !important;
}
.cl-prose .sfb-safety__gauge-inner { background: var(--sfbx-bg) !important; }
.cl-prose .sfb-safety__score { color: var(--sfbx-strong) !important; }
.cl-prose .sfb-safety__max   { color: var(--sfbx-faint) !important; }
.cl-prose .sfb-safety__desc  { color: var(--sfbx-mut) !important; }
.cl-prose .sfb-safety__barhead { color: var(--sfbx-mut) !important; }
.cl-prose .sfb-safety__track { background: var(--sfbx-bg-2) !important; }

/* .sfb-compare (sfb-design.css:895) — background:#fff, is-pick #fffaf5 */
.cl-prose .sfb-compare {
  background: var(--sfbx-bg) !important;
  border-color: var(--sfbx-line) !important;
}
.cl-prose .sfb-compare table { color: var(--sfbx-tx) !important; }
.cl-prose .sfb-compare thead th { color: var(--sfbx-mut) !important; border-bottom-color: var(--sfbx-line) !important; }
.cl-prose .sfb-compare thead th.is-pick { background: var(--sfbx-acc-bg) !important; color: var(--sfbx-strong) !important; }
.cl-prose .sfb-compare td { border-bottom-color: var(--sfbx-line-2) !important; }
.cl-prose .sfb-compare td:first-child { color: var(--sfbx-mut) !important; }
.cl-prose .sfb-compare td.is-pick { background: var(--sfbx-bg-2) !important; }

/* .sfb-contact__card (sfb-design.css:930) — background:#fff, hover #d6d9e0;
   иконка --tg зашита светло-голубой #eaf4fb */
.cl-prose .sfb-contact__card {
  background: var(--sfbx-bg) !important;
  border-color: var(--sfbx-line) !important;
}
.cl-prose .sfb-contact__card:hover { border-color: var(--sfbx-acc) !important; }
.cl-prose .sfb-contact__icon--tg { background: var(--sfbx-acc-bg) !important; color: var(--sfbx-acc) !important; }
.cl-prose .sfb-contact__title { color: var(--sfbx-strong) !important; }
.cl-prose .sfb-contact__sub { color: var(--sfbx-mut) !important; }

/* .sfb-logos__chip / .sfb-author / .sfb-feat / .sfb-steps li / .sfb-game —
   все с `background:#fff` (sfb-design.css:958, 966, 1023, 1037, 1053). */
.cl-prose .sfb-logos__chip {
  background: var(--sfbx-bg) !important;
  border-color: var(--sfbx-line) !important;
  color: var(--sfbx-strong) !important;
}

.cl-prose .sfb-author {
  background: var(--sfbx-bg) !important;
  border-color: var(--sfbx-line) !important;
}
/* аватар: во втором стопе градиента зашит синий #1b4f9e */
.cl-prose .sfb-author__avatar {
  background: linear-gradient(135deg, var(--sfbx-acc), var(--sfbx-acc-dk)) !important;
}
.cl-prose .sfb-author__name  { color: var(--sfbx-strong) !important; }
.cl-prose .sfb-author__role  { color: var(--sfbx-mut) !important; }
.cl-prose .sfb-author__date  { color: var(--sfbx-faint) !important; }
.cl-prose .sfb-author__quote { color: var(--sfbx-tx) !important; border-left-color: var(--sfbx-acc) !important; }

.cl-prose .sfb-feat {
  background: var(--sfbx-bg) !important;
  border-color: var(--sfbx-line) !important;
}
.cl-prose .sfb-feat__title { color: var(--sfbx-strong) !important; }
.cl-prose .sfb-feat__desc  { color: var(--sfbx-mut) !important; }
.cl-prose .sfb-steps li {
  background: var(--sfbx-bg) !important;
  border-color: var(--sfbx-line) !important;
  color: var(--sfbx-strong) !important;
}
.cl-prose .sfb-steps__n { background: var(--sfbx-acc-bg) !important; color: var(--sfbx-acc) !important; }
.cl-prose .sfb-game {
  background: var(--sfbx-bg) !important;
  border-color: var(--sfbx-line) !important;
}
.cl-prose .sfb-game__title { color: var(--sfbx-strong) !important; }
.cl-prose .sfb-game__meta  { color: var(--sfbx-mut) !important; }

/* .sfb-rg: контейнер блок 06 красит, но текст внутри зашит коричневым
   (#5a1520 / #3d0c11, sfb-design.css:654-655). */
.cl-prose .sfb-rg p      { color: var(--sfbx-mut) !important; }
.cl-prose .sfb-rg strong { color: var(--sfbx-strong) !important; }

.cl-prose .sfb-cta__note { color: var(--sfbx-faint) !important; }

/* .sfb-bc .sep — chevron зашит #cdd0d8; .sfb-stars — пустые звёзды #e4e6ea */
.cl-prose .sfb-bc .sep { color: var(--sfbx-faint) !important; }
.cl-prose .sfb-bc [aria-current="page"] { color: var(--sfbx-strong) !important; }
.cl-prose .sfb-stars { color: var(--sfbx-line) !important; }
.cl-prose .sfb-rating__num { color: var(--sfbx-strong) !important; }
.cl-prose .sfb-rating__max { color: var(--sfbx-mut) !important; }
/* .sfb-card__icon — рамка зашита #d4e2fb */
.cl-prose .sfb-card__icon {
  background: var(--sfbx-acc-bg) !important;
  border-color: var(--sfbx-acc-dk) !important;
  color: var(--sfbx-acc) !important;
}

/* в блоке 06 этой темы .sfb-table отсутствует — background:#fff остаётся */
.cl-prose .sfb-table {
  background: var(--sfbx-bg) !important;
  border-color: var(--sfbx-line) !important;
}
.cl-prose .sfb-table table { color: var(--sfbx-tx) !important; }
.cl-prose .sfb-table thead th { color: var(--sfbx-acc) !important; background: var(--sfbx-acc-bg) !important; border-bottom-color: var(--sfbx-line) !important; }
.cl-prose .sfb-table td { border-bottom-color: var(--sfbx-line-2) !important; }
.cl-prose .sfb-table tbody tr:nth-child(even) { background: var(--sfbx-bg-2) !important; }
.cl-prose .sfb-table td strong { color: var(--sfbx-strong) !important; }

/* в блоке 06 этой темы .sfb-card отсутствует */
.cl-prose .sfb-card {
  background: var(--sfbx-bg) !important;
  border-color: var(--sfbx-line) !important;
}
.cl-prose .sfb-card__title { color: var(--sfbx-strong) !important; }
.cl-prose .sfb-card__body  { color: var(--sfbx-mut) !important; }

/* в блоке 06 этой темы .sfb-rg отсутствует — зашиты #fbf6ec / #f7d7da */
.cl-prose .sfb-rg {
  background: var(--sfbx-bg-2) !important;
  border-color: var(--sfbx-line) !important;
}