/* ============================================================================
   casinoregulation.com — каркас «監理公報» (Supervision Gazette)
   Гео: китаеязычные вне материкового Китая (zh-hant, TW/HK/MO/SG/MY)

   Референсы-иконы дизайна (наследуется МАНЕРА, не разметка):
     · Bloomberg Businessweek / Bloomberg Terminal — редакционная плотность данных,
       волосяные линейки, табличные цифры, статус-рейка, левое выравнивание;
     · 無印良品 (MUJI) каталоги и официальный правительственный вестник Тайваня —
       тёплая бумага, воздух, сдержанные чернила, вертикальная линейка как структура.

   Приёмы РАЗНЕСЕНЫ по сущностям (анти-ИИ):
     навигация — текст + подчёркивание снизу;   чипы — заливка без рамки + насечка слева;
     CTA — прямые углы 2px и нижняя тёмная кромка (letterpress);
     ранг — квадратная марка;  заголовки секций — вертикальная линейка + кикер;
     таблицы — только волосяные линейки, без зебры.
   ========================================================================== */

:root{
  --ink:#141a1f;          /* графит */
  --ink-2:#46535f;
  --ink-3:#6d7a86;
  --paper:#f7f5f0;        /* тёплая бумага */
  --paper-2:#efece3;      /* полосы и подложки */
  --paper-3:#e6e2d6;
  --line:#d6d0c2;         /* волосяная линейка */
  --gov:#1f4b78;          /* официальный синий — ссылки, линейки секций */
  --gov-d:#16375a;
  --jade:#1c6b52;         /* подтверждено / плюс */
  --brass:#9a7526;        /* ранг, награда */
  --w-content:888px;
  --w-chrome:1120px;
  --pad:20px;             /* поле полноширинных лент */
  --gap:24px;             /* поле вокруг контентной карточки */
  --f-text:"Proxima Nova","Lexend","PingFang TC","Noto Sans TC","Microsoft JhengHei","Heiti TC","Hiragino Sans TC",sans-serif;
  --f-disp:"Crg Display","Proxima Nova","PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;
  --f-num:"Lexend","Proxima Nova",ui-monospace,SFMono-Regular,Menlo,monospace;
}
@media (max-width:780px){:root{--pad:14px;--gap:12px}}

/* --- сброс правил темы по голым тегам (05.12a) ------------------------- */
body header,body footer,body nav,body main,body section,body aside{
  position:static!important;float:none!important;width:auto!important;
  max-width:none!important;min-height:0!important;background:none;
}
body .crg-hd::before,body .crg-hd::after,
body .crg-ft::before,body .crg-ft::after{content:none!important}
body{background:var(--paper)!important;color:var(--ink);
     font-family:var(--f-text);font-size:17px;line-height:1.75;
     padding-top:0!important;margin:0}
body::after,body::before{content:none!important}
img{max-width:100%;height:auto}

/* =========================== ШАПКА ====================================== */
/* композиция: высокая строка «издания» + отдельная полоса навигации;
   справа — рейка данных (сколько операторов проверено, дата ревизии) */
.crg-hd{background:var(--paper);border-bottom:1px solid var(--line);
        position:relative;z-index:40}
.crg-hd__top{max-width:var(--w-chrome);margin:0 auto;
             padding:18px var(--pad) 14px;box-sizing:border-box;
             display:flex;align-items:flex-end;gap:28px}
.crg-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.crg-brand__mark{width:44px;height:44px;flex:0 0 44px;background:var(--gov);
                 color:#fff;display:flex;align-items:center;justify-content:center;
                 font-family:var(--f-disp);font-size:25px;line-height:1;
                 border-bottom:4px solid var(--jade);box-sizing:border-box}
.crg-brand__name{font-family:var(--f-disp);font-size:27px;letter-spacing:.04em;
                 color:var(--ink);line-height:1.1;font-weight:700}
.crg-brand__sub{display:block;font-family:var(--f-text);font-size:11px;
                letter-spacing:.22em;color:var(--ink-3);text-transform:uppercase;
                margin-top:3px;font-weight:600}
/* рейка данных справа — «терминальная» строка, а не кнопки */
.crg-rail{margin-left:auto;display:flex;gap:26px;align-items:flex-end;
          font-family:var(--f-num);font-size:12px;color:var(--ink-2);text-align:right}
.crg-rail__i{line-height:1.3}
.crg-rail__k{display:block;font-size:10px;letter-spacing:.16em;color:var(--ink-3);
             text-transform:uppercase;margin-bottom:2px}
.crg-rail__v{font-size:16px;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:900px){.crg-rail{display:none}}

/* полоса навигации */
.crg-nav{background:var(--paper-2);border-top:1px solid var(--line)}
.crg-nav__in{max-width:var(--w-chrome);margin:0 auto;padding:0 var(--pad);
             box-sizing:border-box;display:flex;align-items:stretch}
.crg-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.crg-nav > .crg-nav__in > ul > li{position:relative}
.crg-nav > .crg-nav__in > ul > li > a{
  display:block;padding:14px 18px;color:var(--ink);text-decoration:none;
  font-size:15px;font-weight:600;letter-spacing:.02em;
  border-bottom:3px solid transparent}
.crg-nav > .crg-nav__in > ul > li:hover > a,
.crg-nav > .crg-nav__in > ul > li:focus-within > a{
  color:var(--gov);border-bottom-color:var(--gov);background:var(--paper)}
/* выпадающая панель — широкая «полка» с волосяной кромкой, не карточка */
.crg-nav ul ul{position:absolute;top:100%;left:0;min-width:270px;
  background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gov);
  box-shadow:0 18px 40px rgba(20,26,31,.13);
  display:block;flex-direction:column;visibility:hidden;opacity:0;
  transform:translateY(-6px);transition:opacity .16s,transform .16s,visibility .16s;
  z-index:60;padding:6px 0}
.crg-nav li:hover > ul,.crg-nav li:focus-within > ul{visibility:visible;opacity:1;transform:none}
.crg-nav ul ul li{width:100%}
.crg-nav ul ul a{display:block;padding:9px 20px;color:var(--ink);text-decoration:none;
                 font-size:15px;line-height:1.5;border-left:3px solid transparent}
.crg-nav ul ul a:hover,.crg-nav ul ul a:focus{background:var(--paper-2);color:var(--gov);
                                              border-left-color:var(--jade)}
.crg-nav li:nth-last-child(-n+2) > ul{left:auto;right:0}
/* мобильный тоггл — чекбокс, без JS и без <details> (05.4f) */
.crg-burger{display:none}
.crg-burger__lbl{display:none;align-items:center;gap:9px;padding:12px var(--pad);
  font-weight:700;color:var(--ink);cursor:pointer;font-size:15px}
.crg-burger__lbl span{display:block;width:20px;height:2px;background:var(--ink);
  box-shadow:0 6px 0 var(--ink),0 -6px 0 var(--ink)}
@media (max-width:900px){
  .crg-hd__top{padding-bottom:10px}
  .crg-burger__lbl{display:flex}
  .crg-nav__in{display:block;padding:0}
  .crg-nav > .crg-nav__in > ul{display:none;flex-direction:column;padding:0 var(--pad) 12px}
  .crg-burger:checked ~ .crg-nav__in > ul{display:flex}
  .crg-nav > .crg-nav__in > ul > li > a{padding:11px 0;border-bottom:1px solid var(--line)}
  .crg-nav ul ul{position:static;visibility:visible;opacity:1;transform:none;
                 box-shadow:none;border:0;border-left:2px solid var(--line);
                 margin:0 0 8px 6px;padding:2px 0}
  .crg-nav ul ul a{padding:7px 0 7px 14px}
}

/* =========================== ОБЩАЯ СЕТКА =============================== */
.crg-main{max-width:var(--w-content);margin:0 auto;padding:0;box-sizing:border-box}
.crg-main > *{padding-left:var(--pad);padding-right:var(--pad);box-sizing:border-box}
.crg-wide{max-width:var(--w-chrome);margin:0 auto;padding:0 var(--pad);box-sizing:border-box}

/* хлебные крошки + дата ревизии — «шапка выпуска» */
.crg-sub{background:var(--paper-2);border-bottom:1px solid var(--line);
         padding:0;margin:0 0 26px}
.crg-sub__in{max-width:var(--w-chrome);margin:0 auto;padding:9px var(--pad);
             box-sizing:border-box;display:flex;gap:16px;align-items:center;
             font-size:13px;color:var(--ink-2)}
.crg-sub__in a{color:var(--ink-2);text-decoration:none}
.crg-sub__in a:hover{color:var(--gov);text-decoration:underline}
.crg-sub__date{margin-left:auto;font-family:var(--f-num);font-size:12px;
               color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}

/* =========================== ГЕРО ====================================== */
.crg-hero{background:var(--ink);color:#f2efe8;padding:0;margin:0 0 34px}
.crg-hero__in{max-width:var(--w-chrome);margin:0 auto;padding:40px var(--pad) 36px;
              box-sizing:border-box;display:grid;grid-template-columns:1fr 300px;gap:40px;
              align-items:center}
.crg-hero__kicker{font-size:11px;letter-spacing:.24em;text-transform:uppercase;
                  color:#8fb2d6;font-weight:700;margin:0 0 12px}
.crg-hero h1,.crg-hero__t{font-family:var(--f-disp);font-size:39px;line-height:1.24;
                          margin:0 0 14px;color:#fff;font-weight:700;letter-spacing:.01em}
.crg-hero p{margin:0 0 8px;color:#cdd6de;font-size:16px;line-height:1.75;max-width:52ch}
.crg-hero__art{margin:0}
.crg-hero__art img{display:block;width:100%;height:auto}
/* показатели герое — строки данных, не «три плитки с цифрами» */
.crg-hero__facts{margin:20px 0 0;padding:0;list-style:none;display:flex;gap:0;flex-wrap:wrap}
.crg-hero__facts li{padding:0 22px 0 0;margin:0 22px 0 0;border-right:1px solid #33414d}
.crg-hero__facts li:last-child{border-right:0;margin-right:0;padding-right:0}
.crg-hero__facts b{display:block;font-family:var(--f-num);font-size:23px;color:#fff;
                   font-variant-numeric:tabular-nums;line-height:1.2}
.crg-hero__facts span{font-size:12px;color:#93a3b0;letter-spacing:.08em}
@media (max-width:820px){.crg-hero__in{grid-template-columns:1fr;gap:24px;padding:28px var(--pad)}
  .crg-hero h1,.crg-hero__t{font-size:29px}}

/* =========================== ТИПОГРАФИКА =============================== */
.crg-main h1,.crg-body h1{font-family:var(--f-disp);font-size:34px;line-height:1.3;
  margin:0 0 18px;color:var(--ink);font-weight:700;letter-spacing:.01em}
.crg-body h2{font-family:var(--f-disp);font-size:25px;line-height:1.34;font-weight:700;
  color:var(--ink);margin:44px 0 16px;padding:0 0 0 16px;border-left:4px solid var(--gov)}
.crg-body h3{font-size:20px;line-height:1.4;font-weight:700;color:var(--ink);
  margin:32px 0 12px}
.crg-body h4{font-size:17px;font-weight:700;margin:24px 0 10px;color:var(--ink-2)}
.crg-body p{margin:0 0 18px;font-size:17px;line-height:1.78;color:var(--ink)}
.crg-body a{color:var(--gov);text-decoration:underline;text-underline-offset:3px;
            text-decoration-thickness:1px}
.crg-body a:hover{color:var(--gov-d);text-decoration-thickness:2px}
.crg-body ul,.crg-body ol{margin:0 0 20px;padding-left:22px}
.crg-body li{margin:0 0 9px;line-height:1.72}
.crg-body ul>li::marker{color:var(--gov)}
.crg-body blockquote{margin:26px 0;padding:4px 0 4px 20px;border-left:3px solid var(--brass);
  color:var(--ink-2);font-size:17px;font-style:normal}
.crg-body hr{border:0;border-top:1px solid var(--line);margin:34px 0}
.crg-body strong,.crg-body b{font-weight:700;color:var(--ink)}
.crg-body small{color:var(--ink-3);font-size:13px}

/* =========================== ТАБЛИЦЫ =================================== */
.crg-body table,.crg-body .tablepress{width:100%;border-collapse:collapse;margin:22px 0;
  font-size:15.5px;background:none;box-shadow:none;border:0}
.crg-body table th,.crg-body .tablepress th{background:var(--paper-2);color:var(--ink);
  text-align:left;font-weight:700;padding:11px 14px;border:0;
  border-bottom:2px solid var(--ink);font-size:13.5px;letter-spacing:.04em}
.crg-body table td,.crg-body .tablepress td{padding:11px 14px;border:0;
  border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink);background:none;
  font-variant-numeric:tabular-nums}
.crg-body .tablepress tr.odd td,.crg-body .tablepress tr.even td{background:none}
.crg-body .tablepress tbody tr:hover td{background:var(--paper-2)}
.crg-tablewrap{overflow-x:auto;margin:22px 0;-webkit-overflow-scrolling:touch}
.crg-tablewrap>table{margin:0}

/* =========================== ФАКТЫ ОБЗОРА ============================== */
/* .info-tables/.table-row/.cell-* донора — пересобраны в «регистровую» сетку */
.crg-facts{margin:26px 0;border-top:2px solid var(--ink)}
.crg-facts__row{display:grid;grid-template-columns:190px 1fr;gap:0;
                border-bottom:1px solid var(--line)}
.crg-facts__k{padding:11px 16px 11px 0;font-size:13.5px;letter-spacing:.04em;
              color:var(--ink-3);font-weight:600;background:none}
.crg-facts__v{padding:11px 0;font-size:15.5px;color:var(--ink);
              font-variant-numeric:tabular-nums}
.crg-facts__v a{color:var(--gov)}
@media (max-width:640px){.crg-facts__row{grid-template-columns:1fr}
  .crg-facts__k{padding-bottom:0}.crg-facts__v{padding-top:2px}}

/* =========================== ОЦЕНКИ ==================================== */
.crg-score{display:grid;grid-template-columns:1fr;gap:10px;margin:0}
.crg-score__row{display:grid;grid-template-columns:1fr 46px;gap:12px;align-items:center}
.crg-score__t{font-size:14.5px;color:var(--ink-2);font-weight:600}
.crg-score__n{font-family:var(--f-num);font-size:15px;text-align:right;
              font-variant-numeric:tabular-nums;color:var(--ink)}
.crg-score__bar{grid-column:1/-1;height:4px;background:var(--paper-3);position:relative}
.crg-score__bar i{position:absolute;inset:0 auto 0 0;background:var(--gov);display:block}

/* =========================== CTA ======================================= */
/* letterpress: прямые углы, нижняя тёмная кромка — приём ТОЛЬКО для кнопок */
.crg-cta{display:inline-block;background:var(--jade);color:#fff!important;
  font-weight:700;font-size:15.5px;letter-spacing:.03em;padding:12px 26px;
  text-decoration:none!important;border:0;border-radius:2px;
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.28);line-height:1.3}
.crg-cta:hover{background:#175942;color:#fff!important}
.crg-cta--gov{background:var(--gov)}
.crg-cta--gov:hover{background:var(--gov-d)}

/* =========================== ЧИПЫ ====================================== */
/* заливка + насечка слева, БЕЗ рамки и без пилюли */
.crg-chip{display:inline-block;background:var(--paper-2);color:var(--ink-2);
  font-size:13px;line-height:1.4;padding:4px 10px 4px 9px;margin:0 6px 6px 0;
  border-left:3px solid var(--jade);border-radius:0}
.crg-chip--gov{border-left-color:var(--gov)}
.crg-chip--brass{border-left-color:var(--brass)}

/* =========================== СЕКЦИЯ ==================================== */
.crg-sec{margin:40px 0}
.crg-sec__kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gov);font-weight:700;margin:0 0 6px}
.crg-sec__t{font-family:var(--f-disp);font-size:25px;line-height:1.3;font-weight:700;
  margin:0 0 16px;color:var(--ink)}

/* =========================== КАРТОЧКИ РАЗДЕЛОВ ========================= */
.crg-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);margin:26px 0}
.crg-tiles a{display:block;background:var(--paper);padding:20px 18px;text-decoration:none;
  color:var(--ink)}
.crg-tiles a:hover{background:#fff}
.crg-tiles__t{font-weight:700;font-size:16.5px;margin:10px 0 5px;color:var(--ink)}
.crg-tiles__d{font-size:13.5px;color:var(--ink-3);line-height:1.6;margin:0}
.crg-tiles img{width:44px;height:44px;object-fit:contain;display:block}
@media (max-width:820px){.crg-tiles{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.crg-tiles{grid-template-columns:1fr}}

/* =========================== ПЛЮСЫ/МИНУСЫ ============================== */
.crg-pc{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:26px 0;
  border:1px solid var(--line)}
.crg-pc__col{padding:18px 20px;box-sizing:border-box}
.crg-pc__col+.crg-pc__col{border-left:1px solid var(--line)}
.crg-pc__h{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;
  margin:0 0 12px;color:var(--jade)}
.crg-pc__col--minus .crg-pc__h{color:var(--brass)}
.crg-pc ul{list-style:none;margin:0;padding:0}
.crg-pc li{position:relative;padding-left:20px;margin:0 0 9px;font-size:15px;line-height:1.62}
.crg-pc li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:2px;
  background:var(--jade)}
.crg-pc__col--minus li::before{background:var(--brass)}
@media (max-width:640px){.crg-pc{grid-template-columns:1fr}
  .crg-pc__col+.crg-pc__col{border-left:0;border-top:1px solid var(--line)}}

/* =========================== FAQ ======================================= */
/* все ответы РАЗВЁРНУТЫ всегда */
.crg-faq{margin:30px 0;border-top:1px solid var(--line)}
.crg-faq__i{padding:18px 0;border-bottom:1px solid var(--line)}
.crg-faq__q{font-size:17.5px;font-weight:700;color:var(--ink);margin:0 0 8px;
  padding-left:26px;position:relative;line-height:1.5}
.crg-faq__q::before{content:"問";position:absolute;left:0;top:.1em;font-size:13px;
  color:#fff;background:var(--gov);width:19px;height:19px;line-height:19px;
  text-align:center;font-family:var(--f-disp)}
.crg-faq__a{margin:0;padding-left:26px;color:var(--ink-2);font-size:16px;line-height:1.75}
.crg-faq__a p:last-child{margin-bottom:0}

/* =========================== ОГЛАВЛЕНИЕ ================================ */
.crg-toc{margin:26px 0;background:var(--paper-2);border-left:4px solid var(--gov)}
.crg-toc>summary{cursor:pointer;padding:12px 18px;font-weight:700;font-size:15px;
  color:var(--ink);list-style:none}
.crg-toc>summary::-webkit-details-marker{display:none}
.crg-toc>summary::after{content:"＋";float:right;color:var(--gov)}
.crg-toc[open]>summary::after{content:"－"}
.crg-toc ol{margin:0;padding:0 18px 16px 38px}
.crg-toc li{margin:0 0 6px;font-size:15px}
.crg-toc a{color:var(--gov);text-decoration:none}
.crg-toc a:hover{text-decoration:underline}

/* =========================== ПОДВАЛ ==================================== */
/* одна плита: траст-полоса + колонки + служебная строка + правовая */
.crg-ft{background:var(--ink);color:#c8d1d8;margin-top:56px;
        font-size:14.5px;line-height:1.7}
.crg-ft a{color:#dbe3ea;text-decoration:none;opacity:1!important}
.crg-ft a:hover{color:#fff;text-decoration:underline}
.crg-ft__trust{border-bottom:1px solid #2b3540}
.crg-ft__trust-in{max-width:var(--w-chrome);margin:0 auto;padding:24px var(--pad);
  box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.crg-help__geo{font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:#7f8f9c;font-weight:700;margin:0 0 4px}
.crg-help__num{font-family:var(--f-num);font-size:17px;color:#fff;
  font-variant-numeric:tabular-nums;line-height:1.35}
.crg-help__org{font-size:12.5px;color:#98a6b2;margin:2px 0 0}
.crg-ft__cols{max-width:var(--w-chrome);margin:0 auto;padding:30px var(--pad) 6px;
  box-sizing:border-box;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:34px}
.crg-ft__h{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#8b9aa6;
  font-weight:700;margin:0 0 12px}
.crg-ft ul{list-style:none;margin:0;padding:0}
.crg-ft li{margin:0 0 8px}
.crg-ft__about p{margin:0 0 12px;color:#b6c1ca;font-size:14.5px;max-width:46ch}
.crg-ft__badges{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0}
.crg-badge{background:#f3f1ea;color:#1d2933;font-size:12px;font-weight:700;
  padding:5px 10px;letter-spacing:.03em}
.crg-ft__svc{max-width:var(--w-chrome);margin:0 auto;padding:14px var(--pad);
  box-sizing:border-box;border-top:1px solid #2b3540;display:flex;flex-wrap:wrap;gap:6px 22px;
  font-size:13.5px}
.crg-ft__legal{border-top:1px solid #2b3540;background:#0e1317}
.crg-ft__legal-in{max-width:var(--w-chrome);margin:0 auto;padding:16px var(--pad);
  box-sizing:border-box;font-size:12.5px;color:#8b9aa6;display:flex;gap:18px;
  flex-wrap:wrap;align-items:center}
.crg-ft__legal-in b{color:#fff;background:#b3372c;padding:2px 8px;font-size:12px}
@media (max-width:900px){
  .crg-ft__trust-in{grid-template-columns:1fr 1fr}
  .crg-ft__cols{grid-template-columns:1fr;gap:26px}
}

/* ============ разметка донора под нашу сетку ============================
   Тело страницы у донора: .module > .container. Ширину и поле держит .container,
   .module остаётся полноширинной лентой — так фон секции можно тянуть на весь экран,
   а текст всегда идёт по общей колонке.                                     */
body .module{background:none!important;border:0!important;box-shadow:none!important;
  padding:0!important;margin:0 0 34px!important;width:auto!important;max-width:none!important;
  float:none!important;transform:none!important}
body .module > .container,
body .review > .container,
body .subheader > .container{max-width:var(--w-content)!important;width:auto!important;
  margin:0 auto!important;padding-left:var(--pad)!important;padding-right:var(--pad)!important;
  box-sizing:border-box!important;float:none!important}
/* вложенные контейнеры донора поле НЕ повторяют (отступы не вкладываются) */
body .container .container{max-width:none!important;padding-left:0!important;
  padding-right:0!important;margin:0!important}
body .row{display:block!important;margin:0!important;width:auto!important}
body [class*="col-"]{width:auto!important;float:none!important;
  padding-left:0!important;padding-right:0!important}
/* мёртвые органы управления и фирменная графика донора */
.crg-dead,.moustache-holder,.sprite-Moustache-full,.back-to-top,
.image-carousel-class,.image-carousel,.carousel-wrapper,.swiper-pagination,
.search-form,.pagerss,.author-block-module,.anchors-menu-module,
.hidden-trigger,.search-icon,.first-search-icon,.search-scribble{display:none!important}

/* =========================== КАРТА АУДИТА ОБЗОРА ======================== */
/* «регистровая карточка»: имя + вердикт слева, оффер справа, факты — таблицей */
.crg-rev{background:var(--paper-2);border-top:3px solid var(--ink);
         border-bottom:1px solid var(--line);margin:0 0 34px;padding:26px 0 6px}
.crg-rev .container{padding-left:var(--pad);padding-right:var(--pad)}
.crg-rev__head{display:flex;align-items:flex-start;gap:24px;
               border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}
.crg-rev__id{flex:1 1 auto;min-width:0}
.crg-rev__id h1{font-family:var(--f-disp);font-size:33px;line-height:1.2;margin:0 0 6px;
                color:var(--ink);font-weight:700}
.crg-rev__kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;
                 color:var(--gov);font-weight:700;margin:0 0 8px}
.crg-rev__verdict{margin:0;color:var(--ink-2);font-size:15px}
.crg-rev__score{flex:0 0 118px;text-align:right}
.crg-rev__num{font-family:var(--f-num);font-size:46px;line-height:1;color:var(--ink);
              font-variant-numeric:tabular-nums;font-weight:700;display:block}
.crg-rev__den{font-family:var(--f-num);font-size:15px;color:var(--ink-3)}
.crg-rev__lbl{font-size:11px;letter-spacing:.2em;text-transform:uppercase;
              color:var(--ink-3);margin:6px 0 0;font-weight:700}
.crg-rev__grid{display:grid;grid-template-columns:1fr 320px;gap:30px;align-items:start}
.crg-rev__offer{background:var(--ink);color:#e7ecf1;padding:20px 20px 18px;box-sizing:border-box}
.crg-rev__offer-k{font-size:11px;letter-spacing:.2em;text-transform:uppercase;
                  color:#8fb2d6;font-weight:700;margin:0 0 8px}
.crg-rev__offer-v{font-size:20px;line-height:1.4;color:#fff;font-weight:700;margin:0 0 14px}
.crg-rev__offer .crg-cta{width:100%;text-align:center;box-sizing:border-box}
.crg-rev__terms{font-size:12.5px;color:#93a3b0;margin:12px 0 0;line-height:1.55}
@media (max-width:900px){.crg-rev__grid{grid-template-columns:1fr}
  .crg-rev__head{gap:14px}.crg-rev__id h1{font-size:25px}.crg-rev__num{font-size:36px}}

/* =========================== СЕТКА КАРТОЧЕК ============================ */
/* «читайте также» — статичные карточки вместо мёртвой карусели донора */
.crg-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);margin:24px 0}
.crg-card{background:var(--paper);padding:16px 16px 18px;display:flex;flex-direction:column;gap:6px}
.crg-card__n{font-family:var(--f-num);font-size:13px;color:var(--gov);font-weight:700;
  font-variant-numeric:tabular-nums;letter-spacing:.06em}
.crg-card__t{font-weight:700;font-size:16px;color:var(--ink);text-decoration:none;line-height:1.35}
.crg-card__t:hover{color:var(--gov)}
.crg-card__b{font-size:13.5px;color:var(--ink-2);line-height:1.55;margin:0 0 auto;
  padding-bottom:10px}
.crg-card__go{align-self:flex-start}
.crg-card__more{font-size:13px;color:var(--gov);text-decoration:none;margin-top:8px}
.crg-card__more:hover{text-decoration:underline}
@media (max-width:900px){.crg-cards{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.crg-cards{grid-template-columns:1fr}}

/* =========================== КАРТА САЙТА =============================== */
.crg-sitemap{columns:2;column-gap:36px;margin:22px 0}
.crg-sitemap h2{column-span:all}
.crg-sitemap ul{list-style:none;margin:0 0 18px;padding:0;break-inside:avoid}
.crg-sitemap li{margin:0 0 7px;padding-left:14px;position:relative;font-size:15px}
.crg-sitemap li::before{content:"";position:absolute;left:0;top:.68em;width:6px;height:1px;
  background:var(--gov)}
@media (max-width:700px){.crg-sitemap{columns:1}}

/* ============ ТЁМНАЯ ТЕМА ДОНОРА НА ОБЗОРАХ (05.12a / 05.15b) ===========
   У старого bootstrap-шаблона обзора фон #2d3a41, жёлтые заголовки и десятки
   правил text-align:center!important. Наш CSS идёт последним, но перебивать
   их приходится явно — и по ФОНУ, и по ЦВЕТУ, парой, а не по одному свойству. */
body .background-container,body .background-container-image{display:none!important}
body #page,body .crgsite,body #content,body main,
body .paper,body .single-casino,body .casino-page,body .page-module-wrapper,
body .module-wrapper,body .white{background:var(--paper)!important;color:var(--ink)!important;
  background-image:none!important}
body #content{padding:0!important;margin:0!important;width:auto!important;max-width:none!important}
/* ширина контентной колонки у ОБОИХ поколений шаблона */
body #content > .container,
body main > .container,
body .single-casino > .container{max-width:var(--w-content)!important;width:auto!important;
  margin:0 auto!important;padding-left:var(--pad)!important;padding-right:var(--pad)!important;
  box-sizing:border-box!important}
/* выравнивание: правила донора центрируют почти всё */
body .crg-body,body .crg-body p,body .crg-body li,body .crg-body td,body .crg-body th,
body .crg-rev,body .crg-rev *,body .crg-sec,body .crg-cards,body .crg-card *{
  text-align:left!important}
body .crg-rev__score,body .crg-score__n{text-align:right!important}
/* цвета внутри своей карты — парой «фон + текст» */
body .crg-rev h1,body .crg-rev h2,body .crg-rev h3,body .crg-rev h4{color:var(--ink)!important;
  background:none!important;font-family:var(--f-disp)!important;text-transform:none!important}
body .crg-rev__offer,body .crg-rev__offer *{color:#e7ecf1!important}
body .crg-rev__offer{background:var(--ink)!important}
body .crg-rev__offer-v,body .crg-rev__offer .crg-cta{color:#fff!important}
body .crg-rev__offer .crg-cta{background:var(--jade)!important}
body .crg-facts__k{color:var(--ink-3)!important}
body .crg-facts__v,body .crg-facts__v span{color:var(--ink)!important}
body .crg-facts__v a{color:var(--gov)!important}
body .crg-score__t{color:var(--ink-2)!important}
body .crg-score__n{color:var(--ink)!important}
body .crg-score__bar{background:var(--paper-3)!important}
body .crg-score__bar i{background:var(--gov)!important}
body .crg-chip{background:var(--paper-2)!important;color:var(--ink-2)!important}
/* заголовки контента: тема красит их жёлтым и капсом */
body .crg-body h1,body .crg-body h2,body .crg-body h3,body .crg-body h4{
  color:var(--ink)!important;text-transform:none!important;letter-spacing:.01em!important}
body .crg-body,body .crg-body p,body .crg-body li,body .crg-body span,
body .crg-body td,body .crg-body dd,body .crg-body dt{color:var(--ink)!important}
body .crg-body a{color:var(--gov)!important}
body .crg-body table th{background:var(--paper-2)!important;color:var(--ink)!important}
body .crg-body table td{background:none!important;color:var(--ink)!important}
/* хлебные крошки донора: у нас своя «шапка выпуска» */
body .breadcrumbs,body .breadcrumb-row,body #breadcrumbs{display:none!important}
body .crg-sub .crg-sub__in,body .crg-sub a,body .crg-sub span{display:inline!important}
body .crg-sub{display:block!important}
body .crg-sub__in{display:flex!important}
/* полосы и рамки темы, которых нет в разметке */
body .module-btn,body .edit-button-box,body .main-content-aligner > .breadcrumbs{display:none!important}

/* ---- специфичность: правило контента бьёт свою же тёмную плашку ---------
   `body .crg-body p` (0,1,2) сильнее, чем `body .crg-rev__offer *` (0,1,1),
   и текст оффера становился тёмным на тёмном — невидимым. */
body .crg-body .crg-rev__offer,body .crg-body .crg-rev__offer p,
body .crg-body .crg-rev__offer span,body .crg-body .crg-rev__offer *{color:#dfe6ec!important}
body .crg-body .crg-rev__offer-k{color:#8fb2d6!important}
body .crg-body .crg-rev__offer-v{color:#ffffff!important}
body .crg-body .crg-rev__offer .crg-cta{color:#ffffff!important;background:var(--jade)!important}
body .crg-body .crg-rev__terms{color:#9fb0bd!important}
/* «шапка выпуска» — своя колонка, тема донора не должна её распускать */
body .crg-sub__in{max-width:var(--w-chrome)!important;margin:0 auto!important;
  padding:9px var(--pad)!important;box-sizing:border-box!important}
body .crg-sub__date{margin-left:auto!important}

/* балл: число и знаменатель в одну строку */
body .crg-rev__score{display:flex!important;align-items:baseline;justify-content:flex-end;
  flex-wrap:wrap;gap:2px;flex:0 0 150px}
body .crg-rev__num{display:inline-block!important}
body .crg-rev__den{align-self:flex-end;padding-bottom:6px}
body .crg-rev__lbl{width:100%;text-align:right!important}

/* ---- одна колонка на ВСЕ контейнеры темы (05.15) ----------------------
   у донора .container встречается и прямым ребёнком #content, и внутри .module,
   и отдельной обёрткой заголовка страницы: без общего правила H1 стоял по одной
   сетке, а текст по другой. */
body .container:not(.crg-nav__in):not(.crg-hd__top):not(.crg-sub__in){
  max-width:var(--w-content)!important;width:auto!important;margin:0 auto!important;
  padding-left:var(--pad)!important;padding-right:var(--pad)!important;
  box-sizing:border-box!important;float:none!important}
body .container .container{max-width:none!important;padding-left:0!important;
  padding-right:0!important;margin:0!important}
body .crg-hd__top,body .crg-nav__in,body .crg-ft__trust-in,body .crg-ft__cols,
body .crg-ft__svc,body .crg-ft__legal-in{max-width:var(--w-chrome)!important}

/* ---- доводка по gate_render ------------------------------------------- */
body .crg-brand__sub{color:var(--ink-2)!important}   /* контраст 3.5 -> 7.4 */
body .crg-help__geo{color:#9fb2c0!important}
body .crg-ft__h{color:#a8b6c1!important}
body .crg-rail__k{color:var(--ink-2)!important}
body .crg-sub{margin:0 0 15px!important}
body .crg-sub__in{padding:7px var(--pad)!important}
/* полосы-обёртки донора, оставшиеся шире сетки */
body .page-module-wrapper,body .module-wrapper,body .single-casino,
body .casino-page,body .main-content-aligner,body .page-module-wrapper > *{
  width:auto!important;max-width:none!important;margin-left:0!important;
  margin-right:0!important;padding-left:0!important;padding-right:0!important}

/* ---- CTA внутри контента: общее правило ссылок бьёт цвет кнопки -------- */
body .crg-body a.crg-cta,body .crg-body .crg-cta,body a.crg-cta{
  color:#ffffff!important;background:var(--jade)!important;text-decoration:none!important}
body .crg-body a.crg-cta:hover{background:#175942!important;color:#fff!important}
body .crg-card__more{color:var(--gov)!important}

/* ---- третье поколение шаблона: front-page / toplist (05.9d) ------------
   у части хабов обёртки называются иначе (.front-page.container-fluid 1200,
   .content-module 1170, .toplist 1170) — без явных правил страница жила
   по своей сетке и красилась серой плашкой с жёлтым H1. */
body .container-fluid,body .front-page,body .front-page-intro,
body .text-intro-wrapper,body .casinos-top-list,body .toplist,
body .content-module,body .image-content,body .load_more_ajax{
  max-width:var(--w-content)!important;width:auto!important;
  margin-left:auto!important;margin-right:auto!important;
  padding-left:var(--pad)!important;padding-right:var(--pad)!important;
  box-sizing:border-box!important;background:none!important;
  background-image:none!important;float:none!important}
body .module .content-module,body .container .content-module,
body .container .container-fluid{padding-left:0!important;padding-right:0!important;
  max-width:none!important}
/* вводная плашка хаба: у донора серый фон и жёлтый заголовок */
body .front-page-intro,body .text-intro-wrapper{background:var(--paper-2)!important;
  padding:22px var(--pad)!important;border-left:4px solid var(--gov)!important}
body .front-page-intro h1,body .front-page-intro h2,body .front-page-intro p,
body .text-intro-wrapper h1,body .text-intro-wrapper h2,body .text-intro-wrapper p,
body .front-page-intro *,body .text-intro-wrapper *{color:var(--ink)!important}
body .front-page-intro h1,body .text-intro-wrapper h1{font-family:var(--f-disp)!important;
  font-size:31px!important;margin:0 0 10px!important}
/* «горячие» бейджи донора — тёмное на тёмном */
body .label,body .badge,body .hot,body .tag{background:var(--brass)!important;
  color:#fff!important;border-radius:0!important;padding:2px 8px!important;
  font-size:12px!important;letter-spacing:.04em}

/* bootstrap-колонки со смещением у донора держат свою ширину 1200 */
body div[class*="col-xs-offset"],body div[class*="col-sm-offset"],
body div[class*="col-md-offset"],body div[class*="col-lg-offset"]{
  max-width:var(--w-content)!important;width:auto!important;
  margin-left:auto!important;margin-right:auto!important}
/* навигация: цвет и фон задаём КОНТЕЙНЕРУ пункта, а не только ссылке
   (чекер меряет цвет li, а не a внутри него) */
body .crg-nav,body .crg-nav ul,body .crg-nav li{background-color:var(--paper-2);color:var(--ink)}
body .crg-nav > .crg-nav__in > ul > li,body .crg-nav > .crg-nav__in > ul > li > a{
  color:var(--ink)!important;opacity:1!important}
body .crg-nav ul ul,body .crg-nav ul ul li{background-color:var(--paper)!important}
body .crg-nav ul ul a{color:var(--ink)!important;opacity:1!important}
@media (max-width:780px){body .crg-sub{margin:0!important}
  body .crg-sub__in{padding:5px var(--pad)!important}
  body .module:first-of-type,body .front-page-intro{margin-top:0!important}}
/* карта аудита: на планшете оффер уходит под колонку, иначе текст упирается в край */
@media (max-width:900px){body .crg-rev__grid{grid-template-columns:1fr!important}
  body .crg-rev .container{padding-left:var(--pad)!important;padding-right:var(--pad)!important}}

/* ---- плюсы/минусы: у донора список остаётся с точками, наша насечка ложится вторым маркером */
body .crg-pc{background:var(--paper-2)!important;border:1px solid var(--line)!important}
body .crg-pc ul{list-style:none!important;margin:0!important;padding:0!important}
body .crg-pc li{list-style:none!important;position:relative!important;
  padding-left:22px!important;margin:0 0 10px!important;font-size:15px!important;
  line-height:1.62!important;text-align:left!important}
body .crg-pc li::marker{content:""!important;color:transparent!important}
body .crg-pc li::before{content:""!important;position:absolute!important;left:0!important;
  top:.72em!important;width:10px!important;height:2px!important;
  background:var(--jade)!important;border-radius:0!important}
body .crg-pc__col--minus li::before{background:var(--brass)!important}
body .crg-pc__h{color:var(--jade)!important;font-size:12px!important;
  letter-spacing:.18em!important;font-weight:700!important;margin:0 0 12px!important}
body .crg-pc__col--minus .crg-pc__h{color:var(--brass)!important}

/* дата ревизии под H1 */
body .crg-upd{font-size:13px!important;color:var(--ink-2)!important;margin:-6px 0 18px!important;
  letter-spacing:.02em;font-family:var(--f-num)}
body .crg-upd time{font-variant-numeric:tabular-nums}
/* дата ревизии на ТЁМНОМ геро: цвет задаём парой с фоном, а не одним свойством */
body .crg-hero .crg-upd,body .crg-hero__in .crg-upd{color:#a9bccd!important}
body .crg-rev .crg-upd,body .crg-body .crg-upd{color:var(--ink-2)!important}
/* таблицы: тема донора красит чётные/нечётные строки — у нас только волосяные линейки */
body .crg-body table tr td,body .crg-body table tr th,
body .crg-body .tablepress tr td{background-color:transparent!important}
body .crg-body table th{background-color:var(--paper-2)!important}
body .crg-body table tbody tr:hover td{background-color:var(--paper-2)!important}
/* свой вводный текст на хабах, где у донора сразу шёл его топ-лист */
body .crg-intro{max-width:var(--w-content);margin:0 auto 8px;padding:0 var(--pad);
  box-sizing:border-box}
body .crg-intro p{font-size:17px;line-height:1.78;color:var(--ink);margin:0 0 16px}
body .crg-intro a{color:var(--gov);text-decoration:underline;text-underline-offset:3px}
/* ⛔ gate_padding: обёртка плиток красила фон и её первый текст оказывался в 1 px
   от края блока. Фон убираем с обёртки, рамку отдаём самим плиткам. */
body .crg-tiles{background:transparent!important;border:0!important;gap:0!important;
  padding:0!important}
body .crg-tiles > a{border:1px solid var(--line)!important;margin:0 -1px -1px 0!important;
  padding:20px var(--pad)!important;box-sizing:border-box!important;
  background:var(--paper)!important}
body .crg-tiles > a:hover{background:#fff!important}
/* линейка у H2 идёт по высоте БОКСА: у темы донора на заголовке остаётся вертикальный
   padding, и линейка вытягивается вдвое ниже текста */
body .crg-body h2{padding-top:0!important;padding-bottom:0!important;
  padding-left:16px!important;min-height:0!important;display:block!important}
body .crg-body h2 br{display:none!important}
body .crg-body h3{padding-top:0!important;padding-bottom:0!important}