@charset "utf-8";
/* casinoonlinereviews.net — скин издания, 28.09.2026.
   Образцы: askgamblers.com (композиция), cnet.com (манера).
   Один лист 1140, тёмно-хвойная мачта, слэб-заголовки, синий CTA, светлый подвал. */

/* ------------------------------------------------------------------ токены */
:root{
  --ink:#191A1E; --mute:#5C5850; --line:#DCD6C9; --line-2:#EBE6DB;
  --paper:#fff; --sub:#F7F5F0; --canvas:#EFEDE7;
  --pine:#123C2B; --pine-2:#1B5039; --pine-3:#0C2A1E;
  --blue:#0F4C9E; --blue-d:#0B3A79; --gold:#C6A03E;
  --ok:#1E7A4C; --warn:#A8730A; --bad:#B02A1F;
  --w:1140px; --pad:20px; --rail:300px; --gap:32px;
  --sf:'Source Sans 3',-apple-system,'Segoe UI',Arial,sans-serif;
  --sl:'Roboto Slab',Georgia,'Times New Roman',serif;
  --sh:0 1px 2px rgba(25,26,30,.06),0 6px 18px rgba(25,26,30,.05);
}

/* -------------------------------------------------------------------- база */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--ink);
  font:400 17px/1.65 var(--sf);font-synthesis-weight:none}
img,svg,video{max-width:100%;height:auto}
a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--blue-d)}
h1,h2,h3,h4,h5,h6{font-family:var(--sl);font-weight:700;line-height:1.2;
  hyphens:manual;overflow-wrap:break-word;margin:0 0 .5em}
h1{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.015em}
h2{font-size:clamp(23px,2.4vw,31px);letter-spacing:-.01em}
h3{font-size:21px}
h4{font-size:18px}
p{margin:0 0 1.05em}
hr{border:0;border-top:1px solid var(--line);margin:28px 0}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.cor-skip{position:absolute;left:-9999px;top:0;z-index:99;background:var(--paper);
  color:var(--ink);padding-left:16px;padding-right:16px;line-height:44px}
.cor-skip:focus{left:8px;top:8px}
.cor-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap}

/* ------------------------------------------------------------------- лист */
.cor-wrap{max-width:var(--w);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.cor-band{width:100%}
.cor-band>.cor-wrap{max-width:var(--w);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.cor-main{display:block;padding-bottom:56px}
.cor-sec{padding-top:36px}
.cor-sec>h2{margin-bottom:.45em}
.cor-lead{font-size:19px;color:var(--mute)}

/* ------------------------------------------------------------------ шапка */
.cor-hd{background:var(--pine);color:#F3F1EA;
  border-bottom:3px solid var(--gold);margin:0}
.cor-hd a{color:inherit;text-decoration:none}
.cor-hd__top{padding-top:12px;padding-bottom:12px}
.cor-hd__top>.cor-wrap{display:flex;align-items:center;gap:18px}
.cor-logo{display:flex;align-items:center;gap:10px;min-height:44px;flex:0 0 auto}
.cor-logo__m{width:30px;height:30px;flex:0 0 auto}
.cor-logo__t{font-family:var(--sl);font-weight:700;font-size:21px;line-height:1.1;
  letter-spacing:-.02em;color:#fff}
.cor-logo__t b{color:var(--gold);font-weight:700}
.cor-logo__s{display:block;font-family:var(--sf);font-weight:600;font-size:10.5px;
  letter-spacing:.16em;text-transform:uppercase;color:#A9C4B4}
.cor-hd__meta{margin-left:auto;display:flex;align-items:center;gap:14px;
  font-size:12.5px;letter-spacing:.04em;color:#B9D0C2}
.cor-hd__meta b{color:#fff;font-weight:600}
.cor-pill{border:1px solid #3E6B55;border-radius:999px;padding:4px 10px;white-space:nowrap}

/* ярус рубрик */
.cor-nav{background:var(--pine-3);border-top:1px solid #23503C}
.cor-nav__l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.cor-nav__i{position:relative}
.cor-nav__i>a{display:flex;align-items:center;min-height:44px;line-height:1.4;
  padding-left:16px;padding-right:16px;font-weight:600;font-size:15px;
  letter-spacing:.02em;text-transform:uppercase;border-bottom:3px solid transparent}
.cor-nav__i:first-child>a{padding-left:0}
.cor-nav__i:hover>a,.cor-nav__i:focus-within>a{border-bottom-color:var(--gold);background:#123C2B}
.cor-drop{position:absolute;left:0;top:100%;z-index:40;min-width:240px;
  background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh);
  padding-top:6px;padding-bottom:6px;visibility:hidden;opacity:0}
.cor-nav__i:hover>.cor-drop,.cor-nav__i:focus-within>.cor-drop{visibility:visible;opacity:1}
.cor-drop ul{list-style:none;margin:0;padding:0}
.cor-drop a{display:flex;align-items:center;min-height:44px;line-height:1.4;
  padding-left:16px;padding-right:16px;color:var(--ink);font-size:15.5px}
.cor-drop a:hover{background:var(--sub);color:var(--blue)}

/* ярус чипов с иконками */
.cor-chips{background:#17462F;border-top:1px solid #23503C}
/* padding-left у <ul> по умолчанию 40px: без сброса ряд чипов начинается на
   40px правее мачты и ряда рубрик — R20 «строки шапки не по одной линии». */
.cor-chips__l{list-style:none;margin:0;padding-left:0;padding-right:0;
  padding-top:9px;padding-bottom:9px;
  display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin}
.cor-chips__l>li{flex:0 0 auto}
.cor-chips__l a{display:flex;align-items:center;gap:7px;min-height:44px;line-height:1.4;
  padding-left:12px;padding-right:12px;border:1px solid #3E6B55;border-radius:999px;
  font-size:13.5px;font-weight:600;white-space:nowrap;color:#DCE8E0}
.cor-chips__l a:hover{background:var(--gold);border-color:var(--gold);color:#1A1405}
.cor-chips__l svg{width:17px;height:17px;flex:0 0 auto}

/* бургер: только css */
.cor-burger{display:none}
#cor-nav-t{position:absolute;left:-9999px}

/* ---------------------------------------------------------------- крошки */
.cor-cr{background:var(--sub);border-bottom:1px solid var(--line)}
.cor-cr ol{list-style:none;margin:0;padding-top:9px;padding-bottom:9px;
  display:flex;flex-wrap:wrap;gap:6px;font-size:13.5px;color:var(--mute)}
.cor-cr li::after{content:"›";margin-left:6px;color:#A9A198}
.cor-cr li:last-child::after{content:""}
.cor-cr a{color:var(--mute);text-decoration:none}
.cor-cr a:hover{color:var(--blue);text-decoration:underline}

/* ------------------------------------------------------------ две колонки */
.cor-cols{display:grid;grid-template-columns:minmax(0,1fr) var(--rail);
  gap:var(--gap);align-items:start;padding-top:28px}
.cor-col{min-width:0}
.cor-rail{min-width:0;position:sticky;top:16px}
.cor-rail>*+*{margin-top:18px}

/* ------------------------------------------------------------------ проза */
.cor-prose{font-size:17.5px}
.cor-prose>*:first-child{margin-top:0}
.cor-prose h2{margin-top:1.5em}
.cor-prose h3{margin-top:1.35em}
.cor-prose a{font-weight:600}
.cor-prose ul,.cor-prose ol{padding-left:0;margin:0 0 1.1em;list-style:none}
.cor-prose ul>li,.cor-prose ol>li{position:relative;padding-left:26px;margin-bottom:.5em}
.cor-prose ul:not([class*="cor-"]):not([class*="corv-"])>li::before{
  content:"";position:absolute;left:6px;top:.62em;width:7px;height:7px;
  background:var(--gold);border-radius:2px}
.cor-prose ol{counter-reset:corn}
.cor-prose ol:not([class*="cor-"]):not([class*="corv-"])>li{counter-increment:corn}
.cor-prose ol:not([class*="cor-"]):not([class*="corv-"])>li::before{
  content:counter(corn) ".";position:absolute;left:0;top:0;
  font-family:var(--sl);font-weight:700;color:var(--pine);font-size:15px;line-height:1.85}
.cor-prose blockquote{margin:0 0 1.1em;padding-left:18px;border-left:4px solid var(--gold);
  color:var(--mute);font-style:italic}
.cor-prose img{display:block;margin:0 0 1.1em;border:1px solid var(--line)}
.cor-prose figure{margin:0 0 1.2em}
.cor-prose figcaption{font-size:14px;color:var(--mute);padding-top:7px}
.cor-prose>table{display:block;width:100%;max-width:100%;overflow-x:auto;
  border-collapse:collapse;margin:0 0 1.2em;overflow-wrap:break-word}
.cor-prose table:not(.cor-tbl){border-collapse:collapse;width:100%;font-size:15.5px}
/* ⛔ 16 px, а не 12: у ячейки с рамкой по бокам отступ меряется как у плашки
   (норма §2 — ≥16 на десктопе, ≥12 на мобиле), и 12+1 давало «зазор слева 13» */
.cor-prose table:not(.cor-tbl) th,.cor-prose table:not(.cor-tbl) td{
  width:auto;border:1px solid var(--line);padding-top:8px;padding-bottom:8px;
  padding-left:16px;padding-right:16px;text-align:left;vertical-align:top}
.cor-prose table:not(.cor-tbl) th{background:var(--sub);font-family:var(--sf);
  font-weight:600;color:var(--pine)}
.cor-prose table:not(.cor-tbl) caption{caption-side:top;text-align:left;
  font-size:14px;color:var(--mute);padding-bottom:6px}

/* ------------------------------- статья робота автопостинга приезжает голой
   `%CONTENT_1%` кладётся в шаблон КАК ЕСТЬ: ни обёртки `cor-tw` вокруг широкой
   таблицы, ни разрезанных списков, ни `details` на оглавлении — всё, что
   сборщик делает со своими страницами, к статье робота не применяется. И ни
   один гейт её не видит: в момент приёмки её ещё нет ни одной. Поэтому защита
   висит на самом контейнере прозы, а проверяется `gate_tpl.js`. */
.cor-prose{container-type:inline-size}
.cor-prose p,.cor-prose li,.cor-prose td,.cor-prose th{overflow-wrap:break-word}
/* голый адрес без пробелов не ломается ни `break-word`, ни переносом */
.cor-prose a{overflow-wrap:anywhere}
.cor-prose>pre{display:block;max-width:100%;overflow-x:auto;margin:0 0 1.2em;
  padding:12px 16px;background:var(--sub);border:1px solid var(--line);
  font-size:14.5px;line-height:1.55}
/* ⛔ Подпись у таблицы-коробки уезжает ВМЕСТЕ с прокруткой и обрезается.
   Ширину берём по ВИДИМОЙ части: `100cqi` — ширина обёртки прозы по рамке,
   поэтому `max-width:100%` рядом обязателен (разница в 2 px и есть провал P4).
   `min-width:100%` здесь не годится — он меряется от ПРОКРУЧИВАЕМОЙ ширины. */
.cor-prose>table>caption{position:sticky;left:0;width:100cqi;max-width:100%;
  caption-side:top;text-align:left}

/* ---------------------------- лента анонсов автопостинга (маркер `BLOG`)
   Робот вставляет сразу за маркером свой `<div style="margin-bottom:20px">`
   с `h4 > a` и `p`. Оформление идёт ОТ КОНТЕЙНЕРА: разметку приносит он, и
   классов у неё нет. Пока анонсов нет, полосы на странице быть не должно —
   `:empty` здесь не годится, его отменяет перевод строки, а не комментарий. */
.cor-wire{display:grid;gap:14px;margin:0 0 20px}
.cor-wire:not(:has(>div)){display:none}
.cor-wire>div{margin-bottom:0 !important;border:1px solid var(--line);
  border-left:4px solid var(--gold);background:var(--paper);padding:14px 18px}
.cor-wire h4{font-size:19px;margin:0 0 5px;line-height:1.3}
.cor-wire h4 a{color:var(--pine);text-decoration:none}
.cor-wire h4 a:hover{text-decoration:underline}
.cor-wire p{margin:0;font-size:15.5px;color:var(--mute)}

/* своя таблица */
.cor-tw{overflow-x:auto;margin:0 0 1.2em;border:1px solid var(--line);background:var(--paper)}
.cor-tbl{border-collapse:collapse;width:100%;font-size:15.5px}
.cor-tbl th,.cor-tbl td{width:auto;padding-top:9px;padding-bottom:9px;
  padding-left:16px;padding-right:16px;text-align:left;border-bottom:1px solid var(--line-2)}
.cor-tbl thead th{background:var(--pine);color:#F3F1EA;font-family:var(--sf);
  font-weight:600;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase}
.cor-tbl tbody tr:nth-child(2n){background:var(--sub)}
.cor-thint{font-size:13.5px;color:var(--mute);padding-top:6px}

/* --------------------------------------------------------------- кнопки */
.cor-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;line-height:1.3;padding-left:18px;padding-right:18px;
  font-family:var(--sf);font-weight:700;font-size:15.5px;text-decoration:none;
  border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:3px}
.cor-btn:hover{background:var(--blue-d);border-color:var(--blue-d);color:#fff}
.cor-btn--g{background:transparent;color:var(--blue)}
.cor-btn--g:hover{background:#E7EEF8;color:var(--blue-d)}
.cor-btn--w{width:100%}

/* ---------------------------------------------------------------- карточки */
/* Колонка сетки — под плитку: при 258px тексту карточки остаётся 150px и
   заголовок встаёт лесенкой (08). */
.cor-grid{list-style:none;margin:0;padding:0;display:grid;gap:18px;
  grid-template-columns:repeat(auto-fill,minmax(298px,1fr))}
.cor-grid--2{grid-template-columns:repeat(auto-fill,minmax(298px,1fr))}
.cor-card{background:var(--paper);border:1px solid var(--line);display:flex;
  flex-direction:column;padding-top:16px;padding-bottom:16px;
  padding-left:16px;padding-right:16px}
.cor-card h3{font-size:18px;margin:0 0 6px}
.cor-card h3 a{text-decoration:none;color:var(--ink)}
.cor-card h3 a:hover{color:var(--blue)}
.cor-card p{font-size:14.5px;color:var(--mute);margin:0}
.cor-card__k{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--pine);padding-bottom:6px}
.cor-card__f{margin-top:auto;padding-top:12px;font-size:13.5px;color:var(--mute)}
.cor-card--tint{background:var(--sub)}
/* Карточка-ссылка: плитка слева, текст справа. Размер плитки задан КОРОБКЕ, а
   не <img> — в атрибутах кадра стоят настоящие px файла (11.17в), и без
   коробки баннер 1200×292 рисуется 44×11. */
.cor-card__l{display:flex;gap:14px;align-items:flex-start;flex:1 1 auto;
  text-decoration:none;color:inherit}
.cor-card__t{flex:0 0 auto;width:88px;height:66px;overflow:hidden;
  background:var(--sub);border:1px solid var(--line-2);display:flex;
  align-items:center;justify-content:center}
.cor-card__i{width:100%;height:100%;object-fit:cover;display:block}
.cor-card__m{font-family:var(--sl);font-weight:700;font-size:26px;line-height:1;
  letter-spacing:-.02em;color:#fff}
.cor-card__t--m0{background:var(--pine);border-color:var(--pine)}
.cor-card__t--m1{background:var(--blue);border-color:var(--blue)}
.cor-card__t--m2{background:var(--pine-2);border-color:var(--pine-2)}
.cor-card__t--m3{background:var(--blue-d);border-color:var(--blue-d)}
.cor-card__t--m4{background:var(--gold);border-color:var(--gold)}
.cor-card__t--m5{background:var(--pine-3);border-color:var(--pine-3)}
.cor-card__b{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.cor-card__l .cor-card__k{padding-bottom:4px}
.cor-card__h{display:block;font-family:var(--sl);font-size:17px;line-height:1.25;
  font-weight:700;color:var(--ink);padding-bottom:5px}
.cor-card__l:hover .cor-card__h{color:var(--blue);text-decoration:underline}
.cor-card__d{display:block;font-size:14.5px;line-height:1.5;color:var(--mute)}
.cor-card__l .cor-card__f{display:block;margin-top:auto;padding-top:10px}

/* Постраничная навигация перечня кластера */
.cor-pg{margin-top:22px}
.cor-pg ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.cor-pg a,.cor-pg b,.cor-pg span{display:inline-flex;align-items:center;
  justify-content:center;min-width:40px;min-height:40px;line-height:1.4;
  padding-left:10px;padding-right:10px;border:1px solid var(--line);
  background:var(--paper);font-size:14.5px;font-weight:700;text-decoration:none}
.cor-pg a:hover{background:var(--sub)}
.cor-pg b{background:var(--pine);border-color:var(--pine);color:#fff}
.cor-pg span{border-color:transparent;background:transparent;color:var(--mute)}

/* ----------------------------------------------------------- рельсовый блок */
.cor-box{background:var(--paper);border:1px solid var(--line);
  padding-top:14px;padding-bottom:14px;padding-left:16px;padding-right:16px}
.cor-box>h2,.cor-box>h3{font-size:14px;font-family:var(--sf);font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;color:var(--pine);
  margin:0 0 10px;padding-bottom:9px;border-bottom:2px solid var(--gold)}
.cor-box ul{list-style:none;margin:0;padding:0;font-size:15px}
.cor-box li+li{margin-top:9px;padding-top:9px;border-top:1px dotted var(--line)}
.cor-box a{text-decoration:none;font-weight:600}
.cor-box a:hover{text-decoration:underline}
.cor-box--pine{background:var(--pine);border-color:var(--pine);color:#DCE8E0}
.cor-box--pine>h3{color:#fff;border-bottom-color:var(--gold)}
.cor-box--pine a{color:#fff}

/* рельс «лучшее», манера cnet: точечные разделители */
.cor-best{counter-reset:corb}
.cor-best li{display:flex;align-items:center;gap:10px;counter-increment:corb}
.cor-best li::before{content:counter(corb);font-family:var(--sl);font-weight:700;
  font-size:15px;color:var(--gold);width:18px;flex:0 0 auto}
.cor-best img{width:104px;height:62px;object-fit:contain;flex:0 0 auto;
  border:1px solid var(--line-2);background:#fff}

/* ------------------------------------------------------------------- герой */
.cor-hero{background:var(--pine);color:#F1EFE8;padding-top:34px;padding-bottom:34px}
.cor-hero>.cor-wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  gap:var(--gap);align-items:center}
.cor-hero h1{color:#fff;margin:0 0 12px}
.cor-hero p{color:#CFE0D6;font-size:18px;margin:0 0 18px}
.cor-hero__k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);padding-bottom:10px}
.cor-hero__cta{display:flex;gap:12px;flex-wrap:wrap}
.cor-hero .cor-btn--g{border-color:#5E8B76;color:#fff}
.cor-hero .cor-btn--g:hover{background:#1B5039;color:#fff}
.cor-hero__plate{background:#0C2A1E;border:1px solid #2A5B45;
  padding-top:18px;padding-bottom:18px;padding-left:18px;padding-right:18px}
.cor-hero__plate h2{font-size:15px;font-family:var(--sf);letter-spacing:.09em;
  text-transform:uppercase;color:var(--gold);margin:0 0 12px}
.cor-hero__plate ol{list-style:none;margin:0;padding:0;counter-reset:corh;font-size:15.5px}
.cor-hero__plate li{counter-increment:corh;display:flex;align-items:center;gap:10px;
  padding-top:8px;padding-bottom:8px;border-top:1px dotted #2A5B45}
.cor-hero__plate li:first-child{border-top:0}
.cor-hero__plate li::before{content:counter(corh);font-family:var(--sl);font-weight:700;
  color:#7FA894;width:16px;flex:0 0 auto}
.cor-hero__plate a{color:#fff;text-decoration:none;font-weight:600}
.cor-hero__plate a:hover{color:var(--gold)}
.cor-hero__plate b{margin-left:auto;color:var(--gold);font-family:var(--sl);font-size:15px}

/* --------------------------------------------------- виджет: цифры издания */
.cor-nums{background:var(--sub);border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)}
.cor-nums__l{list-style:none;margin:0;padding-top:18px;padding-bottom:18px;
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.cor-nums__l>li{padding-left:16px;border-left:3px solid var(--gold)}
.cor-nums b{display:block;font-family:var(--sl);font-weight:700;font-size:26px;
  line-height:1.15;color:var(--pine)}
.cor-nums span{display:block;font-size:13px;color:var(--mute);padding-top:3px}

/* ------------------------------------------- виджет: как мы оцениваем (askg.) */
.cor-rate>.cor-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
  gap:var(--gap);align-items:start}
.cor-rate{background:var(--paper);border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);padding-top:32px;padding-bottom:32px}
.cor-rate h2{margin:0 0 10px}
.cor-rate__l{list-style:none;margin:0;padding:0;display:grid;gap:12px;
  grid-template-columns:repeat(2,minmax(0,1fr))}
.cor-rate__l>li{background:var(--sub);border:1px solid var(--line);
  padding-top:12px;padding-bottom:12px;padding-left:14px;padding-right:14px}
.cor-rate__l b{display:block;font-family:var(--sl);font-size:16px;color:var(--pine)}
.cor-rate__l span{display:block;font-size:14px;color:var(--mute);padding-top:4px}
.cor-rate__w{display:inline-block;font-size:12px;font-weight:700;color:var(--gold);
  letter-spacing:.06em}

/* --------------------------------------------- виджет: легальность по штатам */
.cor-legal{background:var(--paper);border:1px solid var(--line);
  padding-top:16px;padding-bottom:16px;padding-left:16px;padding-right:16px;margin-top:24px}
.cor-legal h2{font-size:20px;margin:0 0 4px}
.cor-legal__l{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.cor-legal__l a{display:inline-flex;align-items:center;min-height:32px;line-height:1.4;
  padding-left:11px;padding-right:11px;border:1px solid var(--line);background:var(--sub);
  font-size:13.5px;font-weight:600;text-decoration:none;border-radius:3px}
.cor-legal__l a:hover{background:var(--pine);border-color:var(--pine);color:#fff}

/* ------------------------------------------------------ вердикт и оценки */
.cor-vd{background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh);
  padding-top:18px;padding-bottom:18px;padding-left:18px;padding-right:18px}
.cor-vd__h{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cor-vd__lg{width:180px;height:108px;object-fit:contain;border:1px solid var(--line-2);
  background:#fff;flex:0 0 auto}
.cor-vd__t{min-width:0;flex:1 1 220px}
.cor-vd__t h2{margin:0 0 3px;font-size:24px}
.cor-vd__sc{flex:0 0 auto;text-align:center;border-left:1px solid var(--line);
  padding-left:16px}
.cor-vd__sc b{display:block;font-family:var(--sl);font-size:34px;line-height:1;
  color:var(--pine)}
.cor-vd__sc span{display:block;font-size:12px;color:var(--mute);padding-top:4px}
.cor-bars{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px;
  grid-template-columns:repeat(2,minmax(0,1fr))}
.cor-bars>li{font-size:14px}
.cor-bars i{display:block;height:7px;background:var(--line-2);margin-top:5px;
  font-style:normal;border-radius:999px;overflow:hidden}
.cor-bars i>u{display:block;height:7px;background:var(--pine);text-decoration:none}
.cor-pc{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:16px;
  grid-template-columns:repeat(2,minmax(0,1fr))}
.cor-pc h3{font-size:15px;font-family:var(--sf);letter-spacing:.06em;
  text-transform:uppercase;margin:0 0 8px}
.cor-pc ul{list-style:none;margin:0;padding:0;font-size:15px}
.cor-pc li{position:relative;padding-left:24px;margin-bottom:6px}
.cor-pc--y h3{color:var(--ok)}
.cor-pc--n h3{color:var(--bad)}
.cor-pc--y li::before{content:"+";position:absolute;left:4px;top:0;color:var(--ok);
  font-weight:700}
.cor-pc--n li::before{content:"–";position:absolute;left:4px;top:0;color:var(--bad);
  font-weight:700}
.cor-fact{list-style:none;margin:0;padding:0;font-size:15px}
.cor-fact li{display:flex;gap:10px;padding-top:7px;padding-bottom:7px;
  border-bottom:1px dotted var(--line)}
.cor-fact span{color:var(--mute);flex:0 0 42%}
.cor-fact b{font-weight:600;min-width:0}

/* ------------------------------------------------------------- оглавление */
.cor-toc{background:var(--sub);border-left:4px solid var(--pine);
  padding-top:14px;padding-bottom:14px;padding-left:16px;padding-right:16px;margin:0 0 24px}
.cor-toc h2{font-size:13.5px;font-family:var(--sf);font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--pine);margin:0 0 8px}
.cor-toc ol{list-style:none;margin:0;padding:0;counter-reset:cort;
  columns:2;column-gap:24px;font-size:15px}
.cor-toc li{counter-increment:cort;break-inside:avoid;margin-bottom:5px}
.cor-toc li::before{content:counter(cort) ". ";color:var(--gold);font-weight:700}
.cor-toc a{text-decoration:none}
.cor-toc a:hover{text-decoration:underline}

/* ------------------------------------------------------- подпись и метки */
.cor-by{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;
  color:var(--mute);padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.cor-by b{color:var(--ink);font-weight:600}
.cor-kick{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--blue);padding-bottom:8px}
.cor-note{background:#FBF6E8;border:1px solid #E6D6A8;font-size:15px;
  padding-top:14px;padding-bottom:14px;padding-left:16px;padding-right:16px;margin:0 0 20px}
.cor-note b{font-family:var(--sl)}

/* ------------------------------------------------------- узлы владельца */
/* Форма подписки и форма обратной связи (наш сервис, скрипт рисует поля
   внутрь пустой коробки) плюс перелинковка сети в рельсе. */
.cor-own{background:var(--sub);border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);margin-top:44px;
  padding-top:30px;padding-bottom:30px}
.cor-own>.cor-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:var(--gap);align-items:center}
.cor-own h2{margin:0 0 8px;font-size:25px}
.cor-own p{margin:0;color:var(--mute);font-size:15.5px}
.cor-own__f{min-width:0}
.cor-gl{list-style:none;margin:0;padding:0}
.cor-gl a{display:block;background:var(--sub);border:1px solid var(--line-2);
  padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px}
.cor-gl a:hover{border-color:var(--line)}
.cor-gl img{display:block;margin:0 auto;max-height:56px;width:auto}

/* ---------------------------------------------------------------- витрина */
.corv{margin:0 0 26px}
.corv__h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.corv__h h2{margin:0}
.corv__upd{font-size:13px;color:var(--mute)}
.corv__l{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.corv-row{background:var(--paper);border:1px solid var(--line);display:grid;
  grid-template-columns:34px 156px minmax(0,1fr) 190px;gap:16px;align-items:center;
  padding-top:14px;padding-bottom:14px;padding-left:16px;padding-right:16px}
.corv-row--top{border-color:var(--gold);border-width:2px}
.corv-rank{font-family:var(--sl);font-weight:700;font-size:20px;color:var(--pine);
  text-align:center}
.corv-lg{display:block;width:156px;height:94px;background:#fff;
  border:1px solid var(--line-2)}
.corv-lg img{display:block;width:100%;height:100%;object-fit:contain}
.corv-mid{min-width:0}
.corv-nm{font-family:var(--sl);font-weight:700;font-size:18px;margin:0 0 3px}
.corv-nm a{color:var(--ink);text-decoration:none}
.corv-nm a:hover{color:var(--blue)}
.corv-of{font-size:16px;color:var(--pine);font-weight:600;margin:0 0 5px}
.corv-tg{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;
  font-size:12.5px;color:var(--mute)}
.corv-tg li{border:1px solid var(--line);background:var(--sub);border-radius:999px;
  padding-left:9px;padding-right:9px;line-height:22px}
.corv-side{text-align:center}
.corv-sc{font-family:var(--sl);font-weight:700;font-size:19px;color:var(--pine);
  padding-bottom:8px}
.corv-sc span{font-size:12px;color:var(--mute);font-family:var(--sf);font-weight:400}
/* строка условий бонуса: в витрине и на обзоре оператора — РАЗНЫЕ классы,
   префикс витрины `corv-` на обзоре означает для C11.4 саму витрину */
.corv-terms,.cor-vd__terms{font-size:11.5px;color:var(--mute);padding-top:7px;line-height:1.45}
.corv-foot{font-size:13px;color:var(--mute);padding-top:10px}

/* ------------------------------------------------------------------ подвал */
.cor-ft{background:var(--sub);border-top:4px solid var(--pine);margin-top:0}
.cor-ft__top{padding-top:34px;padding-bottom:26px}
.cor-ft__top>.cor-wrap{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));
  gap:var(--gap)}
.cor-ft h2{font-size:13.5px;font-family:var(--sf);font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--pine);margin:0 0 12px}
.cor-ft p{font-size:14.5px;color:var(--mute)}
.cor-ft ul{list-style:none;margin:0;padding:0;font-size:15px}
.cor-ft li{margin-bottom:8px}
.cor-ft a{text-decoration:none}
.cor-ft a:hover{text-decoration:underline}
.cor-ft__rg{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:14px}
.cor-ft__rg span{display:inline-flex;align-items:center;min-height:34px;line-height:1.4;
  padding-left:12px;padding-right:12px;border:1px solid var(--line);background:var(--paper);
  font-size:13px;font-weight:700;color:var(--pine);letter-spacing:.04em}
.cor-ft__bot{background:var(--pine);color:#B9D0C2;padding-top:16px;padding-bottom:16px;
  font-size:13.5px}
.cor-ft__bot>.cor-wrap{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.cor-ft__bot a{color:#fff}
.cor-ft__bot ul{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto;font-size:13.5px}
.cor-ft__bot li{margin-bottom:0}

/* -------------------------------------------------------------- страницы */
.cor-az{list-style:none;margin:0;padding:0;display:grid;gap:10px 18px;
  grid-template-columns:repeat(3,minmax(0,1fr));font-size:15.5px}
.cor-az a{text-decoration:none}
.cor-az a:hover{text-decoration:underline}
.cor-jump{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 20px;padding:0}
.cor-jump a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;
  min-height:34px;line-height:1.4;border:1px solid var(--line);background:var(--paper);
  font-weight:700;text-decoration:none;font-size:14px}
.cor-jump a:hover{background:var(--pine);color:#fff;border-color:var(--pine)}

/* ------------------------------------------------------------- 1024 и уже */
@media (max-width:1023px){
  :root{--rail:100%;--gap:24px}
  .cor-cols{grid-template-columns:minmax(0,1fr)}
  .cor-rail{position:static}
  .cor-hero>.cor-wrap{grid-template-columns:minmax(0,1fr)}
  .cor-rate>.cor-wrap{grid-template-columns:minmax(0,1fr)}
  .cor-nums__l{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cor-az{grid-template-columns:repeat(2,minmax(0,1fr))}
  .corv-row{grid-template-columns:30px 130px minmax(0,1fr);row-gap:12px}
  .corv-side{grid-column:1/-1;text-align:left}
  .cor-ft__top>.cor-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cor-own>.cor-wrap{grid-template-columns:minmax(0,1fr)}
}

/* -------------------------------------------------------------- мобильный */
@media (max-width:719px){
  :root{--pad:14px}
  body{font-size:16.5px}
  .cor-hd__top>.cor-wrap{gap:10px}
  .cor-hd__meta{font-size:11.5px;gap:8px}
  .cor-hd__meta .cor-pill:nth-child(3){display:none}
  .cor-burger{display:flex;align-items:center;justify-content:center;min-width:44px;
    min-height:44px;line-height:1.4;margin-left:auto;border:1px solid #3E6B55;
    background:transparent;color:#fff;cursor:pointer;border-radius:3px}
  .cor-hd__meta{display:none}
  .cor-nav__l{display:none;flex-direction:column;visibility:inherit}
  #cor-nav-t:checked~.cor-hd .cor-nav__l{display:flex}
  .cor-nav__i>a{padding-left:0;padding-right:0;border-bottom:1px solid #23503C}
  .cor-nav__i:first-child>a{padding-left:0}
  .cor-nav__i:hover>a,.cor-nav__i:focus-within>a{background:transparent}
  .cor-drop{position:static;min-width:0;background:transparent;border:0;box-shadow:none;
    visibility:inherit;opacity:1;padding-top:0;padding-bottom:0}
  .cor-drop a{color:#BFD4C7;font-size:15px;padding-left:14px;padding-right:0;min-height:44px;
    display:flex;align-items:center;line-height:1.4}
  .cor-drop a:hover{background:transparent;color:#fff}
  .cor-nums__l{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .cor-grid,.cor-grid--2{grid-template-columns:minmax(0,1fr)}
  /* плитка на телефоне: пол по R18 — коробка >=56px, берём 78x60 (08) */
  .cor-card__t{width:78px;height:60px}
  .cor-card__m{font-size:23px}
  .cor-card__l{gap:12px}
  .cor-az{grid-template-columns:minmax(0,1fr)}
  .cor-rate__l{grid-template-columns:minmax(0,1fr)}
  .cor-pc,.cor-bars{grid-template-columns:minmax(0,1fr)}
  .cor-toc ol{columns:1}
  /* Строка витрины на телефоне: эталон этапа 08 ≈200px, потолок 290. Знак и
     текст в одну строку, оценка и кнопка в одну — иначе четыре яруса дают 349px. */
  .corv-row{grid-template-columns:28px 104px minmax(0,1fr);gap:10px;
    align-items:start;padding-left:12px;padding-right:12px}
  .corv-rank{padding-top:3px}
  .corv-lg{grid-row:1;grid-column:2;width:104px;height:64px}
  .corv-mid{grid-row:1;grid-column:3}
  .corv-side{grid-column:1/-1;text-align:left;display:grid;
    grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px}
  .corv-sc{padding-bottom:0}
  .corv-side .cor-btn{width:100%}
  .corv-terms{grid-column:1/-1;padding-top:6px}
  .cor-vd__h{gap:12px}
  .cor-vd__sc{border-left:0;padding-left:0;text-align:left}
  .cor-ft__top>.cor-wrap{grid-template-columns:minmax(0,1fr)}
  .cor-ft__bot>.cor-wrap{flex-direction:column;align-items:flex-start}
  .cor-ft__bot ul{margin-left:0}
  .cor-prose table:not(.cor-tbl){font-size:14px}
  .cor-prose table:not(.cor-tbl) th,.cor-prose table:not(.cor-tbl) td{
    max-width:260px;padding-left:12px;padding-right:12px}
  .cor-tbl{font-size:14px}
  .cor-tbl th,.cor-tbl td{max-width:340px;padding-left:12px;padding-right:12px}
}

/* ------------------------------------------------------- 4+ колонки в своей */
.cor-tw--wide .cor-tbl{width:max-content;min-width:100%}
@media (max-width:719px){
  .cor-tw--wide .cor-tbl th,.cor-tw--wide .cor-tbl td{max-width:340px}
}
@media print{
  .cor-hd,.cor-ft__bot,.cor-rail,.corv{display:none}
}