/* ============================================================================
   outstandingcasinos.com — каркас «Standings» (CA, en-CA + fr-CA)
   Референсы-иконы дизайна: The Globe and Mail (канадский бродлист: сетка,
   волосяные линейки, надзаголовки капителью) и Monocle (сдержанность, узкие
   поля, маленькие капительные метки). Делаем в их манере, разметку не копируем.
   Пять отличий от соседей по гео (05.0):
     1. двухъярусная шапка со служебной РЕЙКОЙ чернильного тона (у соседей одна полоса);
     2. акцент — ель #14584a, а не канадский красный и не янтарь;
     3. лист контента на тёплом полотне: разные тона, волосяная рамка и мягкая тень;
     4. надзаголовок капителью + короткая линейка над каждым H2 (редакторский приём);
     5. ранг — КВАДРАТНЫЙ жетон с чернильной заливкой, пилюль на сайте нет вовсе.
   Шрифты — донорские (Proxima Nova + Arimo), лежат в снапшоте.
   ========================================================================= */

/* ── шрифты донора ─────────────────────────────────────────────────────── */
@font-face{font-family:'OCS Sans';src:url('/wp-content/themes/casinotheme/fonts/ProximaNovaRegular.woff') format('woff'),
  url('/wp-content/themes/casinotheme/fonts/ProximaNovaRegular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'OCS Sans';src:url('/wp-content/themes/casinotheme/fonts/ProximaNovaBold.woff') format('woff'),
  url('/wp-content/themes/casinotheme/fonts/ProximaNovaBold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'OCS Text';src:url('/wp-content/themes/casinotheme/fonts/Arimo-Regular.woff2') format('woff2'),
  url('/wp-content/themes/casinotheme/fonts/Arimo-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'OCS Text';src:url('/wp-content/themes/casinotheme/fonts/Arimo-Bold.woff2') format('woff2'),
  url('/wp-content/themes/casinotheme/fonts/Arimo-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'OCS Text';src:url('/wp-content/themes/casinotheme/fonts/Arimo-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}

:root{
  --ink:#141a20;          /* чернила: рейка, подвал, заголовки */
  --ink-2:#26313b;
  --paper:#f2efe9;        /* полотно страницы */
  --sheet:#ffffff;        /* лист контента */
  --rule:#ddd7cb;         /* волосяная линейка */
  --spruce:#14584a;       /* акцент: ель */
  --spruce-2:#0e3f35;
  --clay:#a8402f;         /* CTA */
  --muted:#5d6670;
  --shell:960px;          /* шапка/подвал: РАВНЫ листу контента, чтобы сетка была одна */
  --col:888px;            /* колонка контента */
  --pad:20px;
  --sheet-pad:36px;
}
@media(max-width:700px){:root{--pad:14px;--sheet-pad:16px}}

/* ── полотно и типографика ─────────────────────────────────────────────── */
html{background:var(--paper)}
body{background:var(--paper)!important;color:var(--ink);
  font-family:'OCS Text',Arimo,Arial,sans-serif;font-size:17px;line-height:1.72}
body p,body li,body dd,body dt,body td,body th{font-family:'OCS Text',Arimo,Arial,sans-serif}
body p{font-size:17px;line-height:1.72;margin:0 0 1.05em}
body li{font-size:17px;line-height:1.7}
body h1,body h2,body h3,body h4,body .h1,body .title{font-family:'OCS Sans','OCS Text',Arial,sans-serif;
  color:var(--ink);letter-spacing:-.015em;font-weight:700}
body h1,body .h1{font-size:clamp(28px,3.4vw,40px);line-height:1.18;margin:0 0 .5em}
body h2{font-size:clamp(22px,2.4vw,28px);line-height:1.25;margin:2.1em 0 .7em;padding-top:.55em;
  border-top:1px solid var(--rule);position:relative}
body h2:before{content:"";position:absolute;top:-1px;left:0;width:56px;height:3px;background:var(--spruce)}
body h3{font-size:20px;line-height:1.3;margin:1.6em 0 .55em}
body a{color:var(--spruce-2);text-decoration:none;border-bottom:1px solid rgba(20,88,74,.28)}
body a:hover{color:var(--clay);border-bottom-color:rgba(168,64,47,.5)}

/* ── ШАПКА ─────────────────────────────────────────────────────────────── */
.ocs-hd{background:var(--sheet);border-bottom:1px solid var(--rule);position:relative;z-index:40}
.ocs-hd *{box-sizing:border-box}
.ocs-hd__rail{background:var(--ink);color:#c9d1d9;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}
.ocs-hd__rail-in{max-width:var(--shell);margin:0 auto;padding:0 var(--pad);height:34px;
  display:flex;align-items:center;justify-content:space-between;gap:16px}
.ocs-hd__claim{opacity:.82}
.ocs-hd__rail a{color:#e8eaed;border:0}
.ocs-hd__bar{max-width:var(--shell);margin:0 auto;padding:14px var(--pad);
  display:flex;align-items:center;justify-content:space-between;gap:24px}
.ocs-logo{display:flex;align-items:center;gap:10px;border:0!important;text-decoration:none}
.ocs-logo__mark{width:34px;height:34px;flex:0 0 34px;background:var(--ink);color:#fff;
  font-family:'OCS Sans',Arial,sans-serif;font-weight:700;font-size:18px;
  display:flex;align-items:center;justify-content:center;letter-spacing:-.04em}
.ocs-logo__mark i{display:block;width:10px;height:10px;background:var(--clay);transform:rotate(45deg)}
.ocs-logo__txt{font-family:'OCS Sans',Arial,sans-serif;font-weight:700;font-size:19px;
  letter-spacing:-.02em;color:var(--ink);line-height:1.05}
.ocs-logo__txt span{display:block;font-family:'OCS Text',Arial,sans-serif;font-weight:400;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ocs-nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.ocs-nav__i{position:relative}
.ocs-nav__i>a{display:block;padding:9px 12px;font-family:'OCS Sans',Arial,sans-serif;font-weight:700;
  font-size:14.5px;color:var(--ink);border:0;border-bottom:2px solid transparent}
.ocs-nav__i:hover>a,.ocs-nav__i:focus-within>a{color:var(--spruce);border-bottom-color:var(--spruce)}
.ocs-nav__d{position:absolute;top:100%;left:0;min-width:250px;background:var(--sheet);
  border:1px solid var(--rule);box-shadow:0 14px 30px rgba(20,26,32,.13);padding:6px 0;
  opacity:0;visibility:hidden;transform:translateY(4px);transition:.14s ease;z-index:60}
.ocs-nav__i:hover>.ocs-nav__d,.ocs-nav__i:focus-within>.ocs-nav__d{opacity:1;visibility:visible;transform:none}
.ocs-nav__i--r .ocs-nav__d{left:auto;right:0}
.ocs-nav__d a{display:block;padding:8px 16px;font-size:14.5px;color:var(--ink);border:0;line-height:1.35}
.ocs-nav__d a:hover{background:#f4f1ea;color:var(--spruce-2)}
.ocs-lang{position:relative}
.ocs-lang__b{display:flex;align-items:center;gap:7px;color:#e8eaed;font-size:12.5px;
  letter-spacing:.06em;text-transform:uppercase;cursor:default}
.ocs-lang__b svg{display:block}
.ocs-lang__d{position:absolute;right:0;top:100%;background:var(--ink);border:1px solid #2c343c;min-width:170px;padding:4px 0;opacity:0;visibility:hidden;transition:.14s;z-index:70}
.ocs-lang:hover .ocs-lang__d,.ocs-lang:focus-within .ocs-lang__d{opacity:1;visibility:visible}
.ocs-lang__d a{display:flex;gap:8px;align-items:center;padding:7px 14px;color:#dfe3e8;
  font-size:13px;letter-spacing:.02em;text-transform:none}
.ocs-lang__d a:hover{background:#1e262e}
.ocs-lang__d a[aria-current]{color:#fff;font-weight:700}
.ocs-burger{display:none}
.ocs-hd__bar .ocs-nav{order:2}

@media(max-width:1000px){
  .ocs-hd__bar{flex-wrap:wrap;gap:10px}
  .ocs-burger{display:block;order:2;margin-left:auto;width:42px;height:36px;border:1px solid var(--rule);
    position:relative;cursor:pointer;background:var(--sheet)}
  .ocs-burger:before,.ocs-burger:after,.ocs-burger i{
    content:"";position:absolute;left:10px;right:10px;height:2px;background:var(--ink)}
  .ocs-burger:before{top:11px}.ocs-burger i{top:17px}.ocs-burger:after{top:23px}
  .ocs-nav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:0;
    border-top:1px solid var(--rule);margin-top:8px}
  .ocs-hd__mtoggle:checked ~ .ocs-nav{display:flex}
  .ocs-nav>ul{display:flex!important;flex-direction:column}
  .ocs-nav__i>a{padding:11px 2px;border-bottom:1px solid var(--rule)}
  .ocs-nav__d{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;
    padding:2px 0 10px 14px;display:none;min-width:0}
  .ocs-nav__i:focus-within>.ocs-nav__d,.ocs-nav__i:hover>.ocs-nav__d{display:block}
  .ocs-nav__d a{padding:7px 0}
}

/* чекбокс мобильного меню: живёт в шапке соседом списка, JS не нужен */
.ocs-hd__mtoggle{position:absolute;opacity:0;width:0;height:0;pointer-events:none}

/* ── ЛИСТ КОНТЕНТА ─────────────────────────────────────────────────────── */
.container__body,.content,main .container.container__body{
  background:var(--sheet)!important;max-width:calc(var(--col) + var(--sheet-pad)*2)!important;
  width:auto!important;margin:26px auto 34px!important;padding:var(--sheet-pad)!important;
  border:1px solid var(--rule);box-shadow:0 1px 0 rgba(20,26,32,.04),0 18px 40px -28px rgba(20,26,32,.35);
  box-sizing:border-box;clear:both;float:none!important}
.container__bottom{max-width:calc(var(--col) + var(--sheet-pad)*2)!important;margin:0 auto 30px!important;
  padding:0 var(--sheet-pad)!important;width:auto!important;float:none!important}
.breadcrumbs__container{max-width:calc(var(--col) + var(--sheet-pad)*2)!important;margin:18px auto 0!important;
  padding:0 var(--sheet-pad)!important;width:auto!important;color:var(--muted);font-size:13.5px}
.breadcrumbs__container a{color:var(--muted)}
main.stars_hide,main{background:transparent!important}

/* картинки и таблицы не рвут колонку */
.container__body img,.content img{max-width:100%;height:auto;padding-left:0!important;padding-right:0!important}
.container__body table,.content table{width:100%;border-collapse:collapse;font-size:15.5px;
  display:block;overflow-x:auto}
.container__body th,.content th{background:var(--ink);color:#fff;font-family:'OCS Sans',Arial,sans-serif;
  font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;padding:11px 12px;text-align:left}
.container__body td,.content td{border-bottom:1px solid var(--rule);padding:11px 12px;vertical-align:middle}

/* врезки внутри листа — второй тон, без своей рамки */
.container__body blockquote,.content blockquote,.ocs-note{background:#f6f4ee;border:0;
  border-left:3px solid var(--spruce);margin:1.4em 0;padding:16px 18px}

/* ── ПОДВАЛ ────────────────────────────────────────────────────────────── */
.ocs-ft{background:var(--ink);color:#c3cbd3;margin-top:36px;
  font-family:'OCS Text',Arimo,Arial,sans-serif;font-size:14.5px;line-height:1.65}
.ocs-ft *{box-sizing:border-box}
.ocs-ft a{color:#e4e8ec;border:0}
.ocs-ft a:hover{color:#fff;text-decoration:underline}
.ocs-ft__in{max-width:var(--shell);margin:0 auto;padding:30px var(--pad) 12px}
.ocs-ft__trust{display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  padding-bottom:20px;border-bottom:1px solid #2a333c}
.ocs-ft__chip{display:inline-flex;align-items:center;gap:8px;background:#f2efe9;color:#141a20;
  padding:7px 12px;font-size:12.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.ocs-ft__cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px;padding:22px 0 6px}
.ocs-ft__cols h4{font-family:'OCS Sans',Arial,sans-serif;font-size:13px;letter-spacing:.12em;
  text-transform:uppercase;color:#8d99a4;margin:0 0 10px;font-weight:700}
.ocs-ft__cols ul{list-style:none;margin:0;padding:0}
.ocs-ft__cols li{margin:0 0 7px;font-size:14.5px}
.ocs-ft__about p{color:#aab3bc;font-size:14.5px;margin:0 0 10px}
.ocs-ft__svc{display:flex;flex-wrap:wrap;gap:6px 22px;padding:16px 0;border-top:1px solid #2a333c;
  border-bottom:1px solid #2a333c;font-size:13.5px}
.ocs-ft__legal{padding:16px 0 26px;color:#7f8b95;font-size:13px;line-height:1.6}
@media(max-width:800px){.ocs-ft__cols{grid-template-columns:1fr;gap:18px}}

/* ── мелочи: гасим приёмы донора, которые выдают чужой шаблон ──────────── */
.container__body .btn,.content .btn,.button,button.button{border-radius:3px!important}
body [class*="rounded"],body [class*="pill"]{border-radius:3px!important}
footer::after,header::after{content:none!important}
nav{position:static!important}
/* сайдбар донора снимается ФИЗИЧЕСКИ на этапе 05 (05.18); правила display:none тут намеренно нет */

/* ============================================================================
   ЧАСТЬ 2 — блоки донора (05.2a): каждый тип приведён к нашей системе,
   а не перекрашен. Тёмные плашки темы (#4a4b4e) становятся светлыми карточками
   на волосяной рамке, абсолютные панели возвращаются в поток, двухколоночная
   сетка донора раскрывается на всю колонку.
   ========================================================================= */

/* 1. сетка донора: колонка статьи на всю ширину листа (у донора 553 из 833) */
.fl-ancestor.container,.container.fl-ancestor{display:block!important;width:100%!important;max-width:100%!important}
.fl-ancestor.container>article,.fl-ancestor.container article,
.content article,.section__article>.main,.main__info.flexbox{
  width:100%!important;max-width:100%!important;float:none!important;clear:both}
.main__info.flexbox,.top__flex.flexbox{display:block!important}
body p,body li{text-align:left!important}

/* 2. панель фактов бренда: была position:absolute поверх текста */
.scroll__block{position:static!important;width:auto!important;top:auto!important;right:auto!important;
  transform:none!important;margin:24px 0 0!important}
.aside__block,.bottom.aside__block{background:#f7f5f0!important;color:var(--ink)!important;
  width:auto!important;float:none!important;border:1px solid var(--rule);padding:4px 18px 14px!important;
  margin:0 0 24px!important;box-sizing:border-box}
.aside__block h2,.aside__block h3,.aside__block .title{color:var(--ink)!important;border-top:0;padding-top:0}
.aside__block h2:before,.aside__block h3:before{content:none!important}
.aside__bottom{background:transparent!important}

/* 3. тёмные плашки темы -> светлые карточки */
.facade,.table__rating,table.pc,.top__body_right__item,.table_flex,.table__aside,
.top__body,.table__block,.info__text,.tab__content{
  background:#f7f5f0!important;color:var(--ink)!important;border-color:var(--rule)!important}
.facade *,.table__rating *,table.pc *,.table_flex *,.table__aside *{color:var(--ink)!important}
.table_flex .td__title,.table__aside .td__title{background:#efece5!important;font-weight:700}
.table_flex .td,.table__aside .td{border-bottom:1px solid var(--rule)!important;padding:9px 12px!important}
.bonus__color,.bonus__color *{background:#fff6e0!important}

/* 4. оглавление: у донора вертикальная «вкладка» сбоку — ставим в поток */
.scroll__title,.toc_title,#topStop .toc__tab{position:static!important;writing-mode:horizontal-tb!important;
  transform:none!important}
.toc_wrap_left,.toc_wrap,#toc_container{background:#f7f5f0!important;border:1px solid var(--rule);
  padding:14px 18px!important;margin:22px 0!important;width:auto!important;float:none!important;
  box-sizing:border-box}
.toc_wrap_left ul,.toc_wrap ul{margin:0;padding-left:18px}

/* 5. карточки «топ-3» и сетки донора — свои карточки, а не сплюснутые колонки */
.top_3_casino.flex{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.top_3_casino .item{width:auto!important;margin:0!important;border:1px solid var(--rule);
  background:var(--sheet);padding:12px;box-sizing:border-box}
.top_3_casino .wrap{background:var(--spruce)!important;color:#fff!important;padding:10px 8px}
@media(max-width:820px){.top_3_casino.flex{grid-template-columns:1fr}}

/* 6. кнопки донора -> наши, без пилюль */
.button,.btn,.to_casino,.tableButton,.iframe__body,.iframe__btn a{border-radius:3px!important}
.iframe__body,.tableButton,.button.to_casino{background:var(--clay)!important;color:#fff!important;
  font-family:'OCS Sans',Arial,sans-serif;font-weight:700;letter-spacing:.02em}
.iframe__body *,.tableButton *{color:#fff!important}

/* 7. служебное: тема донора любит fixed/absolute у мелочей */
#btn__scroll,.scroll-top,.fixed-block{position:static!important;display:none!important}
main,main.stars_hide{margin:0!important;padding:0!important}
.breadcrumbs h1{margin-top:.2em}
hr{border:0;border-top:1px solid var(--rule);margin:1.8em 0}

/* 8. ⛔ у донора вторая, ТЁМНАЯ тема: таблицы, ячейки, формы и мини-строки
   витрины заливались #4a4b4e / #565656. На светлом листе это читается как дыры —
   переводим в свою систему (светлая карточка + волосяная линейка). */
.container__body table,.content table{background:var(--sheet)!important}
.container__body tr,.content tr,.container__body td,.content td,
.container__body dd,.content dd,.container__body dt,.content dt{
  background-color:transparent!important;color:var(--ink)!important}
.container__body tr:nth-child(even),.content tr:nth-child(even){background:#faf8f4!important}
.container__body dl.table_flex .td__info,.content dl.table_flex .td__info,
.td.td__info{background:#fff!important;color:var(--ink)!important}
.td__casino,.td__bonus,.td__review,.tr{background:#f7f5f0!important;color:var(--ink)!important;
  border-bottom:1px solid var(--rule)}
.container__body input,.content input,.container__body textarea,.content textarea,
.container__body select,.content select{background:#fff!important;color:var(--ink)!important;
  border:1px solid var(--rule)!important;border-radius:3px;padding:8px 10px}

/* 9. оглавление донора висело fixed вертикальной вкладкой у левого края */
.newtoc,.toc__tab,.scroll__nav{position:static!important;width:auto!important;height:auto!important;
  writing-mode:horizontal-tb!important;transform:none!important;background:#f7f5f0!important;
  color:var(--ink)!important;border:1px solid var(--rule);padding:12px 16px!important;margin:20px 0!important;
  box-sizing:border-box;white-space:normal!important;text-orientation:mixed!important}
.newtoc a,.toc__tab a{color:var(--spruce-2)!important}

/* 10. контраст: бейдж донора «TOP Casino En Ligne» был белым по #e24f00 (3,4:1) */
.top-name,.top_name,.label-top{background:var(--clay)!important;color:#fff!important;
  padding:4px 10px;border-radius:3px;font-family:'OCS Sans',Arial,sans-serif;font-weight:700}

/* 11. 05.14a: отступ висит на блоке, КОТОРЫЙ РИСУЕТ ФОН — у донора его нет
   (текст упирался в край плашки на 1440/1024/768/390). box-sizing сохраняет сетку. */
.accordeon_item_info,.accordeon_item_title,.ac__container__item,.ac__container__block>label{
  padding:14px 18px!important;box-sizing:border-box}
.ac__container__block{border:1px solid var(--rule);margin:0 0 10px;background:#fbfaf7}
.tr,.td__casino,.td__bonus,.td__review,.name,.wrap,.additional-data,.info__text{
  padding:12px 16px!important;box-sizing:border-box}
@media(max-width:700px){
  .accordeon_item_info,.accordeon_item_title,.ac__container__item,.ac__container__block>label{padding:12px 14px!important}
  .tr,.td__casino,.td__bonus,.td__review,.name,.wrap{padding:10px 14px!important}
}
.table__block,.table_flex .td,.table__aside .td,.td__title,.td__info{padding:11px 16px!important;box-sizing:border-box}
@media(max-width:700px){.table__block,.table_flex .td,.table__aside .td,.td__title,.td__info{padding:10px 14px!important}}

/* 12. 05.14b: у донора таблицы плавают (`table{float:left}`) — соседний абзац
   ложился ПОВЕРХ таблицы (24 наложения на /free-slots/ и /online-casino/).
   В одноколоночном листе плавающих таблиц быть не должно. */
.container__body table,.content table,.container__body figure,.content figure{
  float:none!important;clear:both!important;margin:1.3em 0!important}
.container__body p,.content p,.container__body ul,.content ul,.container__body ol,.content ol{clear:both}

/* 13. 05.29: грид-витрина донора (`div.table__iframe` на display:table) не умещалась
   на 390 px (535 px, overflow 162). На мобиле разворачиваем её в блоки. */
.table.table__iframe,.table__iframe{display:block!important;width:100%!important;max-width:100%!important;
  overflow-x:auto}
@media(max-width:820px){
  .table.table__iframe .tr,.table__iframe .tr{display:flex!important;flex-wrap:wrap;gap:8px;width:100%!important}
  .table.table__iframe .td,.table.table__iframe .th,.table__iframe .td,.table__iframe .th{
    display:block!important;width:auto!important;flex:1 1 130px;min-width:0}
  .table__iframe .td__review a,.table__iframe .td__review span{width:auto!important;max-width:100%}
}

/* 14. остатки ТЁМНОЙ темы донора в тексте: белый 50 % на нашем светлом листе
   («OutstandingCasinos» в крошках, дата статьи, подпись в шапке материала) */
.breadcrumbs__block a,.breadcrumbs__block li,.section__breadcrumbs a,.section__breadcrumbs li,
.section__article time{color:#4a545e!important}
/* ⚠️ `.title p` у донора носят и подписи в таблицах фактов: серым по светлому это 4,3:1 —
   им нужен чернильный цвет, а не приглушённый */
.section__article .title p,.title p,.info__text .title{color:var(--ink)!important}
.section__article time{position:static!important;display:inline-block;margin:0 0 8px}

/* 15. добор после витрины: белые ссылки тёмной темы донора на светлом листе
   и его СВЁРНУТОЕ оглавление (жило на JS — контент лежал под display:none). */
body .container__body a:not([class*="ocsv-"]):not(.ocs-logo):not(.ocsv-btn),
body .content a:not([class*="ocsv-"]):not(.ocs-logo){color:#0e3f35}
body .container__body a:hover:not([class*="ocsv-"]),body .content a:hover:not([class*="ocsv-"]){color:#a8402f}
body .newtoc .table__contens,body .table__contens.facade{display:block!important;background:#f7f5f0!important;
  border:1px solid var(--rule);padding:14px 18px!important;margin:18px 0!important;color:var(--ink)!important}
body .newtoc .table__contens ol,body .table__contens.facade ol{margin:0;padding-left:20px;columns:2;column-gap:26px}
body .newtoc .table__contens li,body .table__contens.facade li{color:var(--ink)!important;font-size:14.5px;
  line-height:1.5;break-inside:avoid;margin:0 0 4px}
body .newtoc p,body .newtoc .h3,body .newtoc p.h3{color:var(--ink)!important;font-family:'OCS Sans',Arial,sans-serif;
  font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px}
@media(max-width:700px){body .newtoc .table__contens ol,body .table__contens.facade ol{columns:1}}
/* ⚠️ у донора класс `breadcrumbs` носит и ОБЁРТКА статьи — правило по потомкам красило
   кнопку витрины в серый (контраст 1,26). Берём только ПРЯМЫХ детей крошек. */
body .breadcrumbs > span,body .breadcrumbs > a,body .breadcrumbs__block span,body .breadcrumbs__block a,
body .section__breadcrumbs span,body .section__breadcrumbs a,body .breadcrumbs__container span,
body .breadcrumbs__container a{color:#4a545e!important}
body .button.load_more,body button.load_more{background:var(--clay)!important;color:#fff!important;
  border-radius:2px;border:0}

/* 16. последние белые хвосты тёмной темы донора: ссылки вне листа, его кнопки и тоггл «show more».
   Правила специально слабой специфичности — шапка, подвал и витрина перебивают их своими. */
body a{color:#0e3f35}
body a.btn,body .btn,body a.btn__free,body .btn__free,body .btn__game{
  background:var(--clay)!important;color:#fff!important;border-radius:2px;text-decoration:none}
body .show__botton,body .show__down,body .show__up{color:var(--ink)!important}

/* 17. точечные хвосты: белые `strong`/`span` из тёмной темы донора и его красный #ed4d35
   (3,67:1 на белом) в блоке оценки. Витрину исключаем — у неё свои цвета. */
body .container__body strong:not([class*="ocsv-"]),body .content strong:not([class*="ocsv-"]),
body .container__body span:not([class*="ocsv-"]):not(.ocs-logo__txt),
body .content span:not([class*="ocsv-"]):not(.ocs-logo__txt){color:inherit}
body .container__body .active,body .content .active,
body .container__body .rating__value,body .content .rating__value{color:var(--clay)!important}

/* 18. финальная развязка цвета в контенте (18-й раздел — последний):
   у донора текст красился белым десятком разных правил (в т.ч. `!important`),
   а плитки игр (`.games__item .name`) залиты серым #717171. Приводим к своей системе:
   плитка светлая, текст чернильный, ссылки — ель, кнопки — глина. Витрину исключаем. */
body .games__item .name,body .game__item .name,body .games__body .name{
  background:var(--sheet)!important;border:1px solid var(--rule);border-top:0}
body .games__item .name span,body .games__body .name span{color:var(--ink)!important}
body .container__body p:not([class*="ocsv-"]),body .content p:not([class*="ocsv-"]),
body .container__body li:not([class*="ocsv-"]),body .content li:not([class*="ocsv-"]),
body .container__body td,body .content td,body .container__body th,body .content th,
body .container__body dd,body .content dd,body .container__body dt,body .content dt,
body .container__body strong,body .content strong,body .container__body b:not([class*="ocsv-"]),
body .content b:not([class*="ocsv-"]){color:var(--ink)!important}
body .container__body a:not([class*="ocsv-"]):not(.btn):not(.btn__free):not(.btn__game):not(.iframe__body):not([class*="claim"]),
body .content a:not([class*="ocsv-"]):not(.btn):not(.btn__free):not(.btn__game):not(.iframe__body):not([class*="claim"]){color:#0e3f35!important}

/* 19. индекс обзоров донора (оставлен как навигация, 08.12a) и мини-карточки на обзорах:
   их внутренности красились белым — переводим весь текст строки в чернила,
   кнопки оставляем белым по глине, скрытые панели раскрываем. */
body .tr *:not(.iframe__body):not(.iframe__body *):not(.btn):not(.btn *):not(th):not(th *),
body .td *:not(.iframe__body):not(.iframe__body *):not(.btn):not(.btn *):not(th):not(th *),
body .info__text *,body .top__body *,body .table__block *{color:var(--ink)!important}
body .info__text{display:block!important;visibility:visible!important;position:static!important}
body .iframe__body,body .iframe__body span,body .btn,body .btn span,body .btn__game,body .btn__game span{
  background:var(--clay)!important;color:#fff!important}
body .iframe__body{display:inline-block;padding:10px 14px;border-radius:2px;text-align:center}
body .text-selected,body .text-non-selected,body .jsCompare label{color:var(--muted)!important}

/* 20. развязка последних конфликтов с тёмной темой донора:
   · его `nav ul li a{color:rgba(255,255,255,.75)!important}` красил НАШИ пункты меню;
   · моё общее правило «текст контента — чернила» покрасило и `th`, у которых фон чернильный;
   · донорская CTA «Claim» осталась елью по красному. */
body .ocs-nav a,body .ocs-nav__d a,body .ocs-hd a{color:var(--ink)!important}
body .ocs-hd__rail a,body .ocs-lang__d a{color:#e8eaed!important}
body .ocs-ft a{color:#e4e8ec!important}
body .container__body th,body .content th,body .container__body th *,body .content th *{color:#fff!important}
body a.btn__claim,body .btn__claim,body a[class*="claim"],body [class*="claim"] > a{
  background:var(--clay)!important;color:#fff!important;border-radius:2px}

/* 21. нижний блок донора «Gambling in Canada by region» — это ПОЛЕЗНАЯ перелинковка,
   а не хвост каркаса: оформляем карточкой в нашей системе, а не сносим. */
body .container__bottom{background:var(--sheet);border:1px solid var(--rule);
  padding:20px 24px!important;margin:0 auto 30px!important}
body .container__bottom a{color:#0e3f35!important}
body .container__bottom p,body .container__bottom b,body .container__bottom li,
body .container__bottom span{color:var(--ink)!important}
body .container__bottom ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
body th.td__deposit,body th.td__licences,body th.td__casino,body th.td__bonus,body th.td__review,
body th.th,body .th{color:#fff!important;background:var(--ink)!important}
body a[class*="claim"],body [class*="claim"] a,body a.iframe__body span{color:#fff!important}

/* 22. ФИНАЛ развязки цвета. Порядок важен: правила ниже равны по специфичности
   общему «ссылки контента — ель» и идут ПОСЛЕ него, поэтому выигрывают кнопки.
   ⛔ Мораль прогона: широкое правило на `a` внутри контента перекрасило и КНОПКИ донора —
   кнопки надо возвращать явным блоком той же специфичности. */
body .container__body a.iframe__body,body .content a.iframe__body,
body .container__body a.btn,body .content a.btn,
body .container__body a.btn__free,body .content a.btn__free,
body .container__body a.btn__game,body .content a.btn__game,
body .container__body a[class*="claim"],body .content a[class*="claim"]{
  color:#fff!important;background:var(--clay)!important}
body .container__body span:not([class*="ocsv-"]):not(.ocs-logo__txt),
body .content span:not([class*="ocsv-"]):not(.ocs-logo__txt){color:var(--ink)!important}
body .container__body a.iframe__body span,body .content a.iframe__body span,
body .container__body a.btn span,body .content a.btn span,
body .container__body .ocsv-btn span,body .content .ocsv-btn span{color:#fff!important}
body .container__body .rating span,body .content .rating span,
body .container__body [class*="overall"],body .content [class*="overall"]{color:var(--clay)!important}

/* 23. хвост: плашка оценки донора `.item.page` осталась тёмной (чернила по тёмному),
   а спан внутри кнопки проигрывал общему правилу по специфичности — поднимаем через :not(). */
body .item.page,body .item.page > *{background:#f7f5f0!important;color:var(--ink)!important}
body .container__body a.iframe__body span:not([class*="zz"]),
body .content a.iframe__body span:not([class*="zz"]),
body .container__body a.btn span:not([class*="zz"]),body .content a.btn span:not([class*="zz"]),
body .container__body a[class*="claim"] span:not([class*="zz"]){color:#fff!important}

/* 24. последние два хвоста: «Claim» без класса внутри донорской плашки и шапки таблиц.
   Специфичность поднята :not()-ами до уровня общего правила ссылок (0,5,x). */
body .container__body [class*="claim"] a:not([class*="z1"]):not([class*="z2"]):not([class*="z3"]),
body .content [class*="claim"] a:not([class*="z1"]):not([class*="z2"]):not([class*="z3"]){
  color:#fff!important}
body .container__body th:not([class*="z1"]):not([class*="z2"]):not([class*="z3"]):not([class*="z4"]),
body .content th:not([class*="z1"]):not([class*="z2"]):not([class*="z3"]):not([class*="z4"]),
body .container__body th:not([class*="z1"]) *,body .content th:not([class*="z1"]) *{
  color:#fff!important;background:var(--ink)!important}

/* 25. индекс обзоров донора: его таблица шла 912 px (четвёртая ширина в сетке) и держала
   свёрнутую панель критериев — разворачиваем и растягиваем по колонке контента. */
body .container__body .table.table__iframe,body .content .table.table__iframe,
body .container__body table.table,body .content table.table{width:100%!important;max-width:100%!important}
body .info__text,body .info__text *,body .criteria__hidden,body .show__text{
  display:block!important;visibility:visible!important;max-height:none!important;overflow:visible!important}

/* 26. шапка на сетке 960: меню переносится на ВТОРОЙ ярус под логотип
   (иначе 6 французских пунктов не влезают и ломают строку),
   а донорское оглавление возвращается в поток — оно висело поверх H1. */
body .ocs-hd__bar{flex-wrap:wrap;row-gap:0;padding-bottom:0}
body .ocs-hd__bar .ocs-nav{flex:1 0 100%;justify-content:space-between;gap:0;
  border-top:1px solid var(--rule);margin-top:12px}
body .ocs-hd__bar .ocs-nav > ul{width:100%;justify-content:space-between}
body .ocs-nav__i > a{padding:11px 6px}
body .newtoc{position:static!important;float:none!important;width:auto!important;clear:both;
  margin:0 0 20px!important;transform:none!important}
body .newtoc .table__contens,body .table__contens.facade{position:static!important;width:auto!important;
  box-shadow:none!important}
@media(max-width:1000px){body .ocs-hd__bar .ocs-nav{flex:1 0 100%;border-top:0}}

/* 27. 09.24: ВИДИМАЯ строка «последнее обновление» под H1 на каждой странице.
   Донорский штамп (`div.post-info__dates`, «Updated Aug 5, 2022») снят — вместо него
   наша строка с `<time datetime>`. Набор: капитель, приглушённый тон, волосяная
   линейка снизу — тот же редакторский приём, что у надзаголовков H2. */
body p.ocs-upd{font-family:'OCS Sans',system-ui,sans-serif;font-size:12px;line-height:1.4;
  letter-spacing:.06em;text-transform:uppercase;color:var(--muted);
  margin:2px 0 18px;padding:0 0 10px;border-bottom:1px solid var(--rule);clear:both}
body p.ocs-upd time{color:var(--ink-2);font-weight:700;letter-spacing:.04em}
body .title.flexbox p.ocs-upd,body .breadcrumbs p.ocs-upd{flex:1 0 100%;width:100%}

/* 28. страницы-игры и страницы-обзоры: их не было в наборе рендер-гейта, поэтому
   двухколоночные остатки донора дожили до 09 (замер `ocs_blocks.js`):
   а) `div.overly` — чёрная вуаль rgba(0,0,0,.85) поверх скриншота игры: у донора она
      снималась кликом «играть», скрипты сняты — картинка навсегда тёмная;
   б) `.main__bottom > article` меряет 470 px из 886 (место под снятый сайдбар) — витрина
      сжималась вдвое, строка вырастала со 150 до 285 px;
   в) на обзорах `.top_left` (819 px) выдавливал `.top_right` на следующую строку —
      карточка бренда с пустым жёлобом справа, оценка под ней;
   г) `table.table__rating` растянута на 789 px, а строки — на 276: половина пустая;
   д) `.iframe__body.iframe__real` («Play for real») получил чернильный текст по глине (2,9);
   е) активный чип каталога `li.active` — чернила по #313131 (1,35) на 390 px;
   ж) в pros/cons у `li` есть `::before`, но сам `li` не `relative` — галочка садилась на букву. */
body .demo .overly,body .demo .full-screen,body #screenBlind{display:none!important}
body .main__bottom > article,body .main__bottom .iframe_block,
body .main__bottom > article > .iframe_block{width:100%!important;max-width:100%!important;float:none!important}
body .top,body .top__flex{width:100%!important}
body .top__flex{align-items:flex-start;gap:22px}
body .top_left{width:auto!important;flex:0 0 285px;max-width:285px}
body .top_right{width:auto!important;flex:1 1 auto;min-width:0}
body table.table__rating{width:100%!important;display:table!important;table-layout:fixed}
body table.table__rating tbody{width:100%!important;display:table-row-group!important}
body .iframe__body,body .iframe__body *,body .iframe__real,body .iframe__real *{color:#fff!important}
body .categories__block > li.active{background:var(--spruce)!important;color:var(--paper)!important}
body table.pc li{position:relative}
@media(max-width:900px){
  body .top__flex{display:block}
  body .top_left,body .top_right{max-width:100%;width:100%!important}
}
/* 28a. ⚠️⚠️ Тот же капкан, что на 08: широкое правило цвета
   `body .content span:not([class*="ocsv-"]):not(.ocs-logo__txt)` набирает (0,3,2) за счёт двух
   `:not()` и перебивает `body .iframe__body *` (0,1,1) — «Play for real» осталась чернильной
   по глине (2,87). Кнопки возвращаем правилом РАВНОЙ ПРИРОДЫ и БОЛЬШЕЙ специфичности:
   те же два `:not()` плюс класс кнопки = (0,4,2). */
body .content .iframe__body span:not([class*="ocsv-"]):not(.ocs-logo__txt),
body .content .iframe__real span:not([class*="ocsv-"]):not(.ocs-logo__txt),
body .content .tableButton span:not([class*="ocsv-"]):not(.ocs-logo__txt),
body .content .btn span:not([class*="ocsv-"]):not(.ocs-logo__txt),
body .content [class*="claim"] span:not([class*="ocsv-"]):not(.ocs-logo__txt),
body .container__body .iframe__body span:not([class*="ocsv-"]):not(.ocs-logo__txt),
body .container__body .iframe__real span:not([class*="ocsv-"]):not(.ocs-logo__txt),
body .container__body .tableButton span:not([class*="ocsv-"]):not(.ocs-logo__txt),
body .container__body .btn span:not([class*="ocsv-"]):not(.ocs-logo__txt),
body .container__body [class*="claim"] span:not([class*="ocsv-"]):not(.ocs-logo__txt){color:#fff!important}
/* 28b. R11: нижний блок донора «Gambling in Canada by region» мерялся 912 px — четвёртая
   ширина в сетке (шапка 1440, контейнер 960, колонка контента 888). Приводим его
   к ширине колонки: отступ переносим на `.container__bottom`, у самого блока — 0. */
body .container.container__bottom{padding-left:36px!important;padding-right:36px!important;box-sizing:border-box}
body .container.container__bottom > .info__about__casino{width:100%;max-width:100%;
  padding-left:0;padding-right:0;margin-left:0;margin-right:0}
@media(max-width:1000px){body .container.container__bottom{padding-left:16px!important;padding-right:16px!important}}
/* 28c. Свои обёртки и мёртвая карусель донора:
   а) `.ocs-w` — обёртка наших врезок вне контентного контейнера (блок сирот в карте сайта):
      без своих отступов R7 честно писал «текст у края»;
   б) `div.games__carousel.owl-carousel` жила на JS донора; скрипты сняты — подписи
      `figcaption` остались белыми по прозрачному (R5 «скрытый текст»), а лента не листается.
      Делаем из неё обычную сетку карточек: подписи чернилами, элементы в поток. */
body .ocs-w{max-width:var(--col);margin:26px auto 0;padding:0 var(--pad);box-sizing:border-box}
body .ocs-w h2{margin-top:0}
body .games__carousel,body .games__carousel .owl-stage,body .games__carousel .owl-stage-outer{
  display:flex!important;flex-wrap:wrap!important;gap:12px;width:auto!important;
  transform:none!important;overflow:visible!important}
body .games__carousel .item,body .games__carousel .owl-item{width:auto!important;flex:0 0 auto;margin:0!important}
body .games__carousel figcaption,body .games__carousel figcaption *{
  color:var(--ink)!important;opacity:1!important;position:static!important;background:transparent!important}
body .games__carousel .owl-nav,body .games__carousel .owl-dots{display:none!important}
/* 28d. Обзоры на 390 px: строка платёжек «MuchBetter/Neteller/Skrill/ecoPayz: Instant»
   не имеет пробелов и вылезала за лист (R4), а плашка `td__info` рисует белый фон
   без своего отступа — R7 «текст у края». Отступ вешаем на блок, КОТОРЫЙ РИСУЕТ ФОН
   ([[padding-lives-on-the-block-that-paints-background]]). */
body .container__body .td.td__info,body .content .td.td__info{padding:12px 18px!important}
@media(max-width:700px){
  body .container__body li,body .container__body td,body .container__body dd,
  body .container__body .td,body .content li,body .content td{
    overflow-wrap:anywhere;word-break:break-word}
  body .container__body .table_flex,body .container__body .table__aside{max-width:100%;overflow-x:auto}
}
/* 28e. R7 по всем брейкпоинтам: у виджета донора `img_left.widget-calculate`
   зазор слева был 10 px (норма ≥16). Отступ — на блок с фоном. */
body .img_left.widget-calculate{padding:16px 20px!important;box-sizing:border-box}
/* 28f. Списки донора `ul.column_2` держат `columns:2` и на 390 px: длинное название игры
   разрывается между колонками, его бокс накрывает обе — R6 честно считает наложение.
   На узком экране колонка одна. */
@media(max-width:700px){
  body ul.column_2,body .column_2,body ul[class*="column_"]{
    columns:1!important;column-count:1!important;-webkit-columns:1!important}
}
/* 28g. Индекс обзоров донора после чистки колонок (08.12a):
   а) первая строка была залита фирменным оранжевым донора — это background-IMAGE,
      computed backgroundColor его не показывает, поэтому гасим именно картинку;
   б) часть логотипов брендов — белые на прозрачном фоне и пропадали на светлом листе:
      тонкая тёмная обводка через drop-shadow проявляет их и не мешает тёмным логотипам. */
body table.table__iframe tr,body table.table__iframe td,body table.table__iframe .td__number{
  background-image:none!important}
body table.table__iframe tr.casino__row:first-of-type .td__number{
  background:var(--ink)!important;color:#fff!important}
body table.table__iframe .td__casino img{filter:drop-shadow(0 0 1px rgba(20,26,32,.55))}
/* 28h. R7: цветная врезка донора `div.colored-block` рисует фон, а отступ слева 15 px
   (норма ≥16). Отступ — на блок с фоном. */
body .colored-block{padding:16px 20px!important;box-sizing:border-box}