@charset "utf-8";
/* ============================================================================
gambling-sites.biz — каркас прогона gsq, 24.09.2026
Композиция: thelines.com · манера: github.com / Primer (светлая тема)
Секции в том же порядке, что маркеры в разметке (05.0б):
tokens · reset · donor-layer · util · head · nav · crumbs · main · sheet
· title · toc · prose · tables · cards · cluster · rail · faq · foot · mobile
========================================================================== */
/* ---------- tokens ------------------------------------------------------- */
@font-face{font-family:"Lato gsq";src:url("/x/gsq/f/lato-400.woff2") format("woff2");
font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Lato gsq";src:url("/x/gsq/f/lato-700.woff2") format("woff2");
font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Lato gsq";src:url("/x/gsq/f/lato-900.woff2") format("woff2");
font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Assistant gsq";src:url("/x/gsq/f/assistant-600.woff2") format("woff2");
font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Assistant gsq";src:url("/x/gsq/f/assistant-800.woff2") format("woff2");
font-weight:800;font-style:normal;font-display:swap}
:root{
--gsq-canvas:#e8ecf1; /* полотно страницы */
--gsq-paper:#ffffff; /* лист контента */
--gsq-inset:#f6f8fa; /* вложенная подложка (Primer canvas.subtle) */
--gsq-line:#d1d9e0; /* линия 1px (Primer border.default) */
--gsq-line-soft:#e4e8ec;
--gsq-ink:#1f2328; /* чернила (Primer fg.default) */
--gsq-muted:#59636e; /* приглушённый (Primer fg.muted) */
--gsq-accent:#0a3161; /* Old Glory Blue — структура и ссылки */
--gsq-accent-soft:#e8eef6;
--gsq-cta:#b31942; /* Old Glory Red — ЕДИНСТВЕННЫЙ цвет действия */
--gsq-cta-dark:#8f1435;
--gsq-ok:#1a7f37;
--gsq-warn:#9a6700;
--gsq-bad:#d1242f;
--gsq-shell:1180px; /* внутренняя ширина шапки, подвала и main */
--gsq-col:888px; /* ширина контента листа без рельса */
--gsq-rail:288px;
--gsq-pad:20px; /* общий горизонтальный отступ (05.5b) */
--gsq-sheet:32px; /* поле внутри листа */
--gsq-gap:24px;
--gsq-r:6px; /* радиус — манера Primer */
--gsq-s1:8px; --gsq-s2:16px; --gsq-s3:28px; --gsq-s4:44px;
--gsq-sans:"Lato gsq",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
--gsq-head:"Assistant gsq","Lato gsq",-apple-system,"Segoe UI",Arial,sans-serif;
}
/* ---------- reset -------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html.gsq-html{-webkit-text-size-adjust:100%}
body.gsq-page{margin:0;background:var(--gsq-canvas);color:var(--gsq-ink);
font-family:var(--gsq-sans);font-size:17px;line-height:1.72;
overflow-x:hidden;word-break:normal;overflow-wrap:break-word}
body.gsq-page img{max-width:100%;height:auto}
body.gsq-page svg{display:inline-block;vertical-align:middle}
/* Правила донора по ГОЛОМУ ТЕГУ имеют вес (0,0,1) — гасим равным весом,
selector целиком внутри :where(), иначе (0,1,1) бьёт одноклассовые карточки.
Порядок важен: свой лист грузится последним. (05.2g + casinosau.net 24.09) */
:where(body.gsq-page header),:where(body.gsq-page footer),:where(body.gsq-page nav),
:where(body.gsq-page main),:where(body.gsq-page aside),:where(body.gsq-page section){
position:static;float:none;width:auto;max-width:none;min-height:0;height:auto;
background:none;border:0;box-shadow:none;transform:none;z-index:auto;
margin:0;padding:0;top:auto;left:auto;right:auto;bottom:auto}
:where(body.gsq-page a){color:var(--gsq-accent);text-decoration:underline;
text-underline-offset:2px}
:where(body.gsq-page a:hover){color:var(--gsq-cta)}
:where(body.gsq-page h1,body.gsq-page h2,body.gsq-page h3,
body.gsq-page h4,body.gsq-page h5,body.gsq-page h6){
font-family:var(--gsq-head);color:var(--gsq-ink);line-height:1.25;
margin:var(--gsq-s3) 0 var(--gsq-s1)}
:where(body.gsq-page figcaption){font-size:14px;color:var(--gsq-muted)}
/* Страховка на случай, если тема донора где-то уцелела: правило на ГОЛОМ теге
(0,0,1) бьёт :where() (0,0,0), и своя шапка уезжает полосой поверх логотипа
(gradecasinos 16.08), а псевдоэлементы голого footer закрывают подвал
заливкой (testedcasino 01.09). Сбрасываем поимённо и с весом. */
/* ⚠️ Сбрасываем только то, чем донор ломает каркас. `position` НЕ трогаем скопом:
своя мобильная панель стоит на position:absolute, а шапка — relative. */
body.gsq-page .gsq-hd,body.gsq-page .gsq-ft,body.gsq-page .gsq-nav,
body.gsq-page .gsq-main,body.gsq-page .gsq-rail{
float:none!important;width:auto!important;height:auto!important;min-height:0!important;
transform:none!important}
body.gsq-page .gsq-hd{position:relative!important;z-index:300!important}
body.gsq-page .gsq-ft,body.gsq-page .gsq-main,body.gsq-page .gsq-rail{
position:static!important;top:auto!important;left:auto!important;right:auto!important;
bottom:auto!important;z-index:auto!important}
body.gsq-page .gsq-nav{position:static}
body.gsq-page .gsq-hd::before,body.gsq-page .gsq-hd::after,
body.gsq-page .gsq-ft::before,body.gsq-page .gsq-ft::after,
body.gsq-page .gsq-nav::before,body.gsq-page .gsq-nav::after{
content:none!important;display:none!important}
body.gsq-page .gsq-hd>*,body.gsq-page .gsq-ft>*{position:relative;z-index:3}
/* тема донора рисует полосы и маркеры псевдоэлементами — гасим ТОЧЕЧНО,
свои маркеры при этом обязаны выжить (own-nodes-must-survive-donor-reset) */
body.gsq-page::before,body.gsq-page::after{content:none!important}
body.gsq-page .post-single-content li::before,
body.gsq-page .post-content li::before,
body.gsq-page .entry-content li::before{content:none!important;display:none!important}
/* ---------- donor-layer: классы донора, которые остаются в теле ---------- */
/* Ни один класс из разметки не должен остаться без правил (гейт 05). */
body.gsq-page .post,body.gsq-page .single_post,body.gsq-page .post-single-content,
body.gsq-page .post-content,body.gsq-page .entry-content,body.gsq-page #content_box,
body.gsq-page .box,body.gsq-page .mark-links,body.gsq-page .article,
body.gsq-page .ss-full-width,body.gsq-page .site,body.gsq-page .container-wrap{
display:block;float:none;width:auto;max-width:none;margin:0;padding:0;
background:none;border:0;box-shadow:none;border-radius:0;overflow:visible}
/* ряды-обёртки донора возвращаем в блочный поток (casinopraised.com 03.09) */
body.gsq-page .row,body.gsq-page .head,body.gsq-page .page-top,body.gsq-page .info-top,
body.gsq-page .has-sidebar,body.gsq-page .clear{display:block!important;width:100%!important;
flex:none!important;padding-left:0!important;padding-right:0!important}
body.gsq-page .title-container:empty,body.gsq-page .post-info,
body.gsq-page .theauthor,body.gsq-page .thetime,body.gsq-page .thecategory{display:none}
/* ---------- util: служебная полоса --------------------------------------- */
.gsq-util{background:var(--gsq-accent);color:#dfe7f2;font-size:13px;line-height:1.5}
.gsq-util__in{max-width:var(--gsq-shell);margin:0 auto;padding:7px var(--gsq-pad);
display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.gsq-util b{color:#fff;font-weight:700}
.gsq-util__age{display:inline-flex;align-items:center;gap:6px;border:1px solid #4d6c99;
border-radius:999px;padding:1px 9px;color:#fff;font-weight:700;letter-spacing:.02em}
.gsq-util__sp{margin-left:auto;color:#b9c8dd}
.gsq-util a{color:#fff;text-decoration:underline}
/* ---------- head: шапка в тоне БУМАГИ ------------------------------------ */
.gsq-hd{background:var(--gsq-paper);border-bottom:1px solid var(--gsq-line);
position:relative;z-index:300}
.gsq-hd__in{max-width:var(--gsq-shell);margin:0 auto;padding:0 var(--gsq-pad);
display:flex;align-items:center;gap:var(--gsq-gap);min-height:72px}
.gsq-hd__brand{display:flex;align-items:center;gap:11px;text-decoration:none!important;
flex:0 0 auto}
.gsq-hd__mark{width:42px;height:42px;flex:0 0 42px}
.gsq-hd__name{font-family:var(--gsq-head);font-weight:800;font-size:20px;
color:var(--gsq-ink);letter-spacing:-.01em;line-height:1.1}
.gsq-hd__name span{display:block;font-family:var(--gsq-sans);font-weight:400;
font-size:11px;color:var(--gsq-muted);letter-spacing:.09em;text-transform:uppercase}
/* ---------- nav: CSS-выпадашки, ноль JS ---------------------------------- */
.gsq-nav{margin-left:auto}
.gsq-nav__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.gsq-nav__item{position:relative}
.gsq-nav__link{display:block;padding:10px 11px;font-family:var(--gsq-head);font-weight:600;
font-size:15px;color:var(--gsq-ink);text-decoration:none!important;border-radius:var(--gsq-r);
white-space:nowrap}
.gsq-nav__link:hover,.gsq-nav__item:focus-within>.gsq-nav__link{background:var(--gsq-inset);
color:var(--gsq-accent)}
.gsq-nav__item--has>.gsq-nav__link::after{content:"";display:inline-block;width:6px;height:6px;
margin-left:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
transform:translateY(-2px) rotate(45deg)}
.gsq-nav__panel{position:absolute;top:100%;left:0;min-width:236px;background:var(--gsq-paper);
border:1px solid var(--gsq-line);border-radius:var(--gsq-r);
box-shadow:0 8px 24px rgba(31,35,40,.14);padding:6px;margin:0;list-style:none;
visibility:hidden;opacity:0;transform:translateY(4px);transition:opacity .13s,transform .13s;
z-index:320}
.gsq-nav__item:hover>.gsq-nav__panel,.gsq-nav__item:focus-within>.gsq-nav__panel{
visibility:visible;opacity:1;transform:none}
.gsq-nav__panel a{display:block;padding:7px 10px;font-size:14.5px;color:var(--gsq-ink);
text-decoration:none!important;border-radius:4px}
.gsq-nav__panel a:hover{background:var(--gsq-accent-soft);color:var(--gsq-accent)}
/* последним пунктам панель прижимаем вправо, иначе уезжает за вьюпорт */
.gsq-nav__item:nth-last-child(-n+3)>.gsq-nav__panel{left:auto;right:0}
.gsq-burger,.gsq-burger__box{display:none}
/* ---------- crumbs ------------------------------------------------------- */
.gsq-crumbs{max-width:var(--gsq-shell);margin:0 auto;padding:14px var(--gsq-pad) 0;
font-size:13.5px;color:var(--gsq-muted)}
.gsq-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}
.gsq-crumbs li+li::before{content:"›";margin-right:8px;color:#9aa4ae}
.gsq-crumbs a{color:var(--gsq-muted)}
.gsq-crumbs a:hover{color:var(--gsq-accent)}
.gsq-crumbs [aria-current]{color:var(--gsq-ink)}
/* ---------- main + sheet ------------------------------------------------- */
.gsq-main{max-width:var(--gsq-shell);margin:0 auto;padding:var(--gsq-s3) var(--gsq-pad) var(--gsq-s4);
display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gsq-gap);align-items:start}
.gsq-main--rail{grid-template-columns:minmax(0,1fr) var(--gsq-rail)}
.gsq-sheet{background:var(--gsq-paper);border:1px solid var(--gsq-line);
border-radius:var(--gsq-r);padding:var(--gsq-sheet);min-width:0;
box-shadow:0 1px 2px rgba(31,35,40,.05)}
.gsq-main:not(.gsq-main--rail) .gsq-sheet{max-width:calc(var(--gsq-col) + var(--gsq-sheet)*2);
margin:0 auto;width:100%}
.gsq-sheet>*:first-child{margin-top:0}
.gsq-sheet>*:last-child{margin-bottom:0}
/* ---------- title -------------------------------------------------------- */
.gsq-title{margin:0 0 var(--gsq-s2)}
.gsq-title h1{font-size:34px;font-weight:800;margin:0 0 10px;letter-spacing:-.015em}
.gsq-title__dek{font-size:18.5px;line-height:1.6;color:#3d444d;margin:0 0 14px}
.gsq-title__meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;
padding-top:12px;border-top:1px solid var(--gsq-line-soft);
font-size:13.5px;color:var(--gsq-muted)}
.gsq-title__meta svg{width:15px;height:15px;color:var(--gsq-accent)}
.gsq-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--gsq-line);
border-radius:999px;padding:2px 10px;font-size:12.5px;color:var(--gsq-muted);background:#fff}
.gsq-chip--ok{border-color:#9bd6ae;color:var(--gsq-ok)}
.gsq-chip--warn{border-color:#e0c168;color:var(--gsq-warn)}
.gsq-chip--bad{border-color:#f0aeb3;color:var(--gsq-bad)}
/* ---------- hero --------------------------------------------------------- */
.gsq-hero{margin:0 0 var(--gsq-s3);border-radius:var(--gsq-r);overflow:hidden;
border:1px solid var(--gsq-line)}
/* Полоса фиксированной пропорции: у донорских фото разное соотношение сторон,
и `height:auto` растил вертикальные снимки на пол-экрана (/legal/ — 500 px). */
.gsq-hero img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;
object-position:center}
/* ⚠️ 16px, а не 14: у плашки ещё 1px рамки, и gate_padding меряет зазор от края
рамки до текста — 14+1 даёт 15 при норме ≥16 на КАЖДОЙ странице с фото. */
.gsq-hero__cap{background:var(--gsq-inset);border-top:1px solid var(--gsq-line);
padding:9px 16px;font-size:12.5px;color:var(--gsq-muted);margin:0}
/* Подпись об авторстве — тем же тоном, что и подпись: #7b848e на светлой плашке
даёт 3,2:1 при норме 4,5, и проверка контраста ловит её на каждой странице. */
.gsq-credit{display:block;margin-top:4px;font-size:11.5px;color:var(--gsq-muted)}
/* Форма подписки приезжает внешним скриптом fortunida.com со своим серым
#9ca3af — 2,5:1 на белом. Виджет чужой, разметку не трогаем, красим стилем. */
body.gsq-page .subscribe-form-privacy{color:var(--gsq-muted)}
/* ---------- toc ---------------------------------------------------------- */
.gsq-toc{margin:var(--gsq-s3) 0;border:1px solid var(--gsq-line);border-radius:var(--gsq-r);
background:var(--gsq-inset)}
.gsq-toc>summary{cursor:pointer;list-style:none;padding:12px 16px;font-family:var(--gsq-head);
font-weight:700;font-size:15px;display:flex;align-items:center;gap:9px}
.gsq-toc>summary::-webkit-details-marker{display:none}
.gsq-toc>summary::after{content:"";width:7px;height:7px;margin-left:auto;
border-right:2px solid var(--gsq-muted);border-bottom:2px solid var(--gsq-muted);
transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.gsq-toc[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
.gsq-toc>summary svg{width:16px;height:16px;color:var(--gsq-accent)}
.gsq-toc__list{margin:0;padding:0 16px 14px 34px;columns:2;column-gap:26px;font-size:14.5px}
.gsq-toc__list li{margin:0 0 5px;break-inside:avoid}
/* ---------- prose -------------------------------------------------------- */
.gsq-prose{min-width:0}
.gsq-prose p,.gsq-prose li,.gsq-prose dd,.gsq-prose dt,.gsq-prose blockquote,
.gsq-prose td,.gsq-prose th{font-family:var(--gsq-sans);font-size:17px;line-height:1.72}
.gsq-prose p{margin:0 0 var(--gsq-s2)}
.gsq-prose h2{font-size:25px;font-weight:800;margin:var(--gsq-s4) 0 12px;
padding-bottom:9px;border-bottom:2px solid var(--gsq-accent)}
.gsq-prose h3{font-size:20px;font-weight:700;margin:var(--gsq-s3) 0 10px}
.gsq-prose h4,.gsq-prose h5,.gsq-prose h6{font-size:17px;font-weight:700;
margin:var(--gsq-s2) 0 8px;color:#333a42}
.gsq-prose>*:first-child{margin-top:0}
.gsq-prose ul,.gsq-prose ol{margin:0 0 var(--gsq-s2);padding-left:22px}
.gsq-prose li{margin:0 0 7px}
.gsq-prose ul>li{list-style:none;position:relative}
.gsq-prose ul>li::before{content:"";position:absolute;left:-16px;top:.72em;width:6px;height:6px;
border-radius:50%;background:var(--gsq-cta)}
.gsq-prose ol>li{list-style:decimal}
.gsq-prose blockquote{margin:var(--gsq-s2) 0;padding:12px 18px;background:var(--gsq-inset);
border-left:3px solid var(--gsq-accent);border-radius:0 var(--gsq-r) var(--gsq-r) 0;
font-style:normal;color:#333a42}
.gsq-prose a{font-weight:600}
.gsq-prose hr{border:0;border-top:1px solid var(--gsq-line);margin:var(--gsq-s3) 0}
.gsq-prose img{border-radius:var(--gsq-r)}
/* первая картинка прозы — боковой флоат, на мобиле остаётся флоатом (§13) */
.gsq-prose .gsq-fig{float:right;width:clamp(170px,32%,300px);margin:4px 0 16px 20px}
.gsq-prose .gsq-fig img{width:100%;border:1px solid var(--gsq-line)}
.gsq-prose .gsq-fig figcaption{font-size:12.5px;color:var(--gsq-muted);margin-top:6px;
line-height:1.45}
/* ---------- tables ------------------------------------------------------- */
.gsq-tw{margin:var(--gsq-s3) 0;border:1px solid var(--gsq-line);border-radius:var(--gsq-r);
background:var(--gsq-paper);overflow:hidden}
.gsq-tw--scroll{overflow-x:auto}
.gsq-tw table{width:100%;border-collapse:collapse;margin:0;font-size:15.5px}
.gsq-tw--scroll table{min-width:520px}
.gsq-tw th{background:var(--gsq-inset);text-align:left;font-family:var(--gsq-head);
font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;
color:#414951;padding:11px 16px;border-bottom:1px solid var(--gsq-line)}
/* ⚠️ 16px, а не 14: у обёртки таблицы ещё 1px рамки, и gate_padding меряет зазор
от края рамки до текста — 14+1 даёт 15 при норме ≥16. Ячейка первого столбца
прилипает к рамке на КАЖДОЙ странице с таблицей, а их 260. */
.gsq-tw td{padding:11px 16px;border-bottom:1px solid var(--gsq-line-soft);vertical-align:top}
.gsq-tw tr:last-child td{border-bottom:0}
.gsq-tw tbody tr:hover td{background:#fafbfc}
.gsq-tw__note{margin:6px 0 0;font-size:12.5px;color:var(--gsq-muted)}
/* ---------- витрина этапа 08: место под неё, сжимать нечем ---------------
Этап 05 не пишет правил под блоки, которых после 08 уже нет (assesscasinos
16.08). Лист — блочный поток, поэтому зажать витрину нечему; страховка
безвредна вне грида/флекса, а контейнер темы не трогаем вовсе. */
.gsqv-wrap{grid-column:1/-1;flex:1 1 100%;box-sizing:border-box;max-width:100%;
width:100%;min-width:0;float:none;margin:var(--gsq-s3) 0}
.gsq-sheet>.gsqv-wrap:first-child{margin-top:0}
/* ---------- cards / cluster (блоки карточек на хабах) -------------------- */
/* Отбивку сверху задаёт сам заголовок И сосед: у grid нижнего поля нет,
и линейка садится на край карточки (dearmsteweek / ensemblesolidaires 24.09). */
/* Донор обтекает картинки inline-стилем (`style="float:right"`). Такая картинка
резала линейку под заголовком раздела — на /review/ колода наезжала на
«Everything in this section». Заголовки и блоки обтекание сбрасывают. */
.gsq-prose h2,.gsq-prose h3,.gsq-cl,.gsq-states,.gsq-tw,.gsqv-wrap,.gsq-faq{clear:both}
/* Классы выравнивания WordPress: тему донора мы сняли целиком, а разметка на
80 «старых» страницах на них держится. Без них картинка `alignright` стоит
inline в начале абзаца и разрывает первую строку (/review/slots-lv/). */
.gsq-prose .alignright{float:right;margin:5px 0 16px 22px}
.gsq-prose .alignleft{float:left;margin:5px 22px 16px 0}
.gsq-prose .aligncenter{display:block;margin:var(--gsq-s2) auto}
.gsq-prose .alignnone{display:block;margin:var(--gsq-s2) 0}
/* Ссылка на оффер, стоящая отдельным абзацем, заголовком или в ячейке таблицы,
— это призыв к действию, а не строчная ссылка. Внутри текста не трогаем. */
.gsq-prose p>a[href*="/go/"]:only-child,
.gsq-prose h3>a[href*="/go/"]:only-child,
.gsq-prose h4>a[href*="/go/"]:only-child,
.gsq-prose h5>a[href*="/go/"]:only-child,
.gsq-prose .gsq-tw a[href*="/go/"]{display:inline-block;padding:11px 22px;
background:var(--gsq-cta);color:#fff!important;border-radius:var(--gsq-r);
font-family:var(--gsq-head);font-weight:800;font-size:15px;line-height:1.3;
text-decoration:none!important;border:0}
.gsq-prose p>a[href*="/go/"]:only-child:hover,
.gsq-prose h3>a[href*="/go/"]:only-child:hover,
.gsq-prose h4>a[href*="/go/"]:only-child:hover,
.gsq-prose h5>a[href*="/go/"]:only-child:hover,
.gsq-prose .gsq-tw a[href*="/go/"]:hover{background:var(--gsq-cta-dark)}
.gsq-cl{margin:var(--gsq-s4) 0 var(--gsq-s3)}
.gsq-cl:first-child{margin-top:0}
.gsq-cl__grid+.gsq-cl__hd,.gsq-cl+.gsq-cl__hd,.gsqv-wrap+.gsq-cl,
.gsq-cl__grid+h2,.gsq-cl+h2,.gsq-states+h2,.gsq-tw+h2{margin-top:var(--gsq-s4)}
.gsq-cl__hd{font-family:var(--gsq-head);font-weight:800;font-size:22px;margin:0 0 4px;
display:flex;align-items:center;gap:10px}
.gsq-cl__mark{flex:0 0 30px;width:30px;height:30px;border-radius:5px;
background:var(--gsq-accent-soft);color:var(--gsq-accent);
display:inline-flex;align-items:center;justify-content:center}
.gsq-cl__mark svg{width:18px;height:18px}
.gsq-cl__sub{margin:0 0 var(--gsq-s2);color:var(--gsq-muted);font-size:15px}
.gsq-cl__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));
gap:14px;margin:0;padding:0;list-style:none}
.gsq-cl__grid>li{min-width:0}
.gsq-cl__card{display:flex;gap:12px;align-items:flex-start;height:100%;
border:1px solid var(--gsq-line);border-radius:var(--gsq-r);padding:13px;
background:var(--gsq-paper);text-decoration:none!important;color:inherit}
.gsq-cl__card:hover{border-color:#a9b6c4;background:#fcfdfe}
.gsq-cl__ico{flex:0 0 38px;width:38px;height:38px;border-radius:5px;background:var(--gsq-accent-soft);
display:flex;align-items:center;justify-content:center;color:var(--gsq-accent)}
.gsq-cl__ico svg{width:21px;height:21px}
.gsq-cl__ico img{width:100%;height:100%;object-fit:contain;border-radius:5px}
.gsq-cl__tx{min-width:0}
.gsq-cl__t{display:block;font-family:var(--gsq-head);font-weight:700;font-size:15.5px;
color:var(--gsq-ink);line-height:1.3;margin-bottom:3px}
.gsq-cl__d{display:block;font-size:13px;color:var(--gsq-muted);line-height:1.5}
/* ---------- blog: лента, источники, связанные, схема-поток ---------------- */
/* Карточка ленты — та же плитка кластера плюс строка «рубрика · дата». Рубрика
набрана на подложке, чтобы дата не читалась продолжением рубрики. */
.gsq-blogfeed .gsq-cl__card{padding:14px}
.gsq-cl__m{display:flex;align-items:center;gap:8px;margin-bottom:6px;
font-family:var(--gsq-head);font-size:11.5px;color:var(--gsq-muted)}
.gsq-cl__tag{display:inline-block;padding:2px 7px;border-radius:4px;
background:var(--gsq-accent-soft);color:var(--gsq-accent);font-weight:800;
letter-spacing:.04em;text-transform:uppercase;font-size:10.5px}
.gsq-blogfeed__ln{margin:0 0 var(--gsq-s3);font-size:14.5px;line-height:1.7}
.gsq-blogfeed__ln a{display:inline}
/* Лента автопостинга: робот moz.biz кладёт за маркером ленты в /blog/ свой
``
с инлайновым отступом и без классов. Разметку робота менять нельзя, поэтому
вид задаётся от контейнера: заголовок — той же гарнитурой и размером, что
карточка ленты, лид — основным текстом, каждый анонс отбит линейкой, чтобы
стопка не читалась сплошным полотном. Пустой контейнер не занимает места. */
.gsq-wire:empty{display:none}
.gsq-wire{margin:0 0 var(--gsq-s3)}
.gsq-wire>div{padding:0 0 14px;border-bottom:1px solid var(--gsq-line)}
.gsq-wire>div:last-child{border-bottom:0}
.gsq-wire h4{margin:0 0 5px;font-family:var(--gsq-head);font-size:17px;
line-height:1.35;font-weight:800}
.gsq-wire h4 a{color:var(--gsq-ink);text-decoration:none}
.gsq-wire h4 a:hover{color:var(--gsq-accent)}
.gsq-wire p{margin:0;font-size:15px;line-height:1.7;color:var(--gsq-muted)}
/* Источники статьи. Внешняя ссылка здесь — доказательство, а не навигация:
мельче основного текста, но НЕ бледнее — иначе контраст падает ниже 4.5. */
.gsq-src{margin:var(--gsq-s4) 0 var(--gsq-s3);padding:16px 18px;
border:1px solid var(--gsq-line);border-left:3px solid var(--gsq-accent);
border-radius:var(--gsq-r);background:var(--gsq-inset)}
.gsq-src h2{margin:0 0 4px;font-size:17px}
.gsq-src__n{margin:0 0 10px;font-size:13px;color:var(--gsq-muted);line-height:1.55}
.gsq-src ol{margin:0;padding-left:20px;font-size:13.5px;line-height:1.75}
.gsq-src li{margin:0 0 3px}
/* Адрес без ссылки (внешний http://) — он должен читаться, а не теряться. */
.gsq-src__u{word-break:break-all;color:var(--gsq-muted)}
.gsq-rel{margin:var(--gsq-s3) 0}
.gsq-rel h2{margin:0 0 6px;font-size:17px}
.gsq-rel ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.gsq-rel li{margin:0}
.gsq-rel a{display:inline-block;padding:8px 13px;border:1px solid var(--gsq-line);
border-radius:999px;background:var(--gsq-paper);font-size:14px;
text-decoration:none!important}
.gsq-rel a:hover{border-color:#a9b6c4;background:#fcfdfe}
/* Схема прохождения платежа: у писателя это ASCII-арт, здесь — шаги с номером. */
.gsq-prose ol.gsq-flow{counter-reset:gsqf;list-style:none;margin:var(--gsq-s3) 0;
padding:0}
.gsq-prose ol.gsq-flow>li{counter-increment:gsqf;position:relative;
padding:11px 14px 11px 46px;border:1px solid var(--gsq-line);
border-radius:var(--gsq-r);background:var(--gsq-paper);margin:0 0 8px;
line-height:1.6}
.gsq-prose ol.gsq-flow>li::before{content:counter(gsqf);position:absolute;
left:13px;top:11px;width:22px;height:22px;border-radius:50%;
background:var(--gsq-accent);color:#fff;font-family:var(--gsq-head);
font-weight:800;font-size:12.5px;display:flex;align-items:center;
justify-content:center}
/* ---------- games: своя сетка игр вместо десяти PNG чужой темы ----------- */
/* Донор держал здесь flex с инлайновыми стилями и картинками 60×60 из
/wp-content/themes/. Своя сетка: один штрих на весь набор, ноль запросов. */
.gsq-games{margin:var(--gsq-s3) 0}
.gsq-games__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;
list-style:none;margin:0;padding:0}
.gsq-games__c{display:flex;flex-direction:column;align-items:center;gap:8px;
padding:16px 8px;border:1px solid var(--gsq-line);border-radius:var(--gsq-r);
background:var(--gsq-paper);text-decoration:none!important;color:var(--gsq-ink);
transition:border-color .15s,background .15s}
.gsq-games__c:hover{border-color:var(--gsq-accent);background:var(--gsq-accent-soft)}
.gsq-games__i{display:flex;align-items:center;justify-content:center;
width:44px;height:44px;border-radius:50%;background:var(--gsq-inset);
color:var(--gsq-accent)}
.gsq-games__c:hover .gsq-games__i{background:var(--gsq-paper)}
.gsq-games__i svg{width:25px;height:25px}
.gsq-games__t{font-family:var(--gsq-head);font-weight:700;font-size:12.5px;
letter-spacing:.02em;text-align:center;line-height:1.3}
/* ---------- value: ценность сайта переписью (09.25a) --------------------- */
/* Четыре числа и абзац о том, откуда они. Никаких звёзд и печатей: доверие
здесь держится на счётном, а не на нарисованном. */
.gsq-value{margin:var(--gsq-s4) 0;padding:22px 24px;border:1px solid var(--gsq-line);
border-top:3px solid var(--gsq-accent);border-radius:var(--gsq-r);
background:var(--gsq-inset)}
/* ⚠️ Селектор с .gsq-prose — не перестраховка: заголовок блока лежит ВНУТРИ
прозы, а `.gsq-prose h2` (0,1,1) бьёт одиночный класс (0,1,0) и дарит
заголовку внешний margin-top внутри и без того padding-ованной плашки. */
.gsq-prose .gsq-value__h,.gsq-value__h{font-family:var(--gsq-head);font-weight:800;
font-size:20px;line-height:1.3;margin:0 0 var(--gsq-s2)}
.gsq-value__figs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
list-style:none;margin:0 0 var(--gsq-s2);padding:0}
.gsq-value__figs li{padding:12px 14px;background:var(--gsq-paper);
border:1px solid var(--gsq-line);border-radius:var(--gsq-r)}
.gsq-value__figs b{display:block;font-family:var(--gsq-head);font-weight:800;
font-size:27px;line-height:1.1;color:var(--gsq-accent)}
.gsq-value__figs span{display:block;margin-top:5px;font-size:13px;line-height:1.45;
color:var(--gsq-muted)}
.gsq-value__p{margin:0;font-size:15px;line-height:1.7}
/* ---------- method: страница «как мы проверяем» -------------------------- */
.gsq-prose ol.gsq-method{counter-reset:gsqm;list-style:none;margin:var(--gsq-s3) 0;padding:0}
.gsq-prose ol.gsq-method>li{counter-increment:gsqm;position:relative;
padding:14px 16px 14px 54px;border:1px solid var(--gsq-line);
border-radius:var(--gsq-r);background:var(--gsq-paper);margin:0 0 10px}
.gsq-prose ol.gsq-method>li::before{content:counter(gsqm);position:absolute;
left:15px;top:15px;width:26px;height:26px;border-radius:50%;
background:var(--gsq-accent);color:#fff;font-family:var(--gsq-head);
font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.gsq-prose ol.gsq-method>li h3{margin:0 0 4px;font-size:16px}
.gsq-prose ol.gsq-method>li p{margin:0;font-size:15px;color:var(--gsq-muted);line-height:1.65}
.gsq-prose ul.gsq-method__not{list-style:none;margin:var(--gsq-s3) 0;padding:0}
.gsq-prose ul.gsq-method__not li{position:relative;padding:0 0 0 30px;margin:0 0 12px;
font-size:15.5px;line-height:1.65}
/* Знак отказа рисуем, а не берём эмодзи: эмодзи в разных ОС разного цвета. */
.gsq-prose ul.gsq-method__not li::before{content:"";position:absolute;left:2px;top:9px;
width:14px;height:14px;border:2px solid var(--gsq-cta);border-radius:50%}
.gsq-prose ul.gsq-method__not li::after{content:"";position:absolute;left:6px;top:15px;
width:10px;height:2px;background:var(--gsq-cta);transform:rotate(-45deg)}
/* ---------- states: визуальный слой = почтовый код, а не цвет легальности -
Цветовой светофор законности здесь сознательно НЕ рисуется: статус штата —
утверждение о праве, его ставит страница штата, а не индекс. */
.gsq-states{margin:var(--gsq-s4) 0 var(--gsq-s3)}
.gsq-states:first-child{margin-top:0}
.gsq-states__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));
gap:8px;list-style:none;margin:0;padding:0}
.gsq-states__grid>li{min-width:0}
.gsq-states__grid a{display:flex;align-items:center;gap:10px;padding:8px 11px;
border:1px solid var(--gsq-line);border-radius:var(--gsq-r);font-size:14.5px;
text-decoration:none!important;color:var(--gsq-ink);background:var(--gsq-paper);
line-height:1.3}
.gsq-states__grid a:hover{background:var(--gsq-inset);border-color:var(--gsq-accent)}
.gsq-states__ab{flex:0 0 32px;height:26px;display:flex;align-items:center;
justify-content:center;background:var(--gsq-accent);color:#fff;border-radius:4px;
font-family:var(--gsq-head);font-weight:800;font-size:12px;letter-spacing:.04em}
.gsq-states__grid a:hover .gsq-states__ab{background:var(--gsq-cta)}
/* ---------- rail --------------------------------------------------------- */
.gsq-rail{min-width:0;display:flex;flex-direction:column;gap:var(--gsq-gap)}
.gsq-rail__b{background:var(--gsq-paper);border:1px solid var(--gsq-line);
border-radius:var(--gsq-r);overflow:hidden}
/* 16px по горизонтали во всех детях рельса: см. примечание у .gsq-hero__cap */
.gsq-rail__hd{margin:0;padding:11px 16px;background:var(--gsq-inset);
border-bottom:1px solid var(--gsq-line);font-family:var(--gsq-head);font-weight:700;
font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:#414951;
display:flex;align-items:center;gap:8px}
.gsq-rail__hd svg{width:15px;height:15px;color:var(--gsq-accent)}
.gsq-rail__list{list-style:none;margin:0;padding:0}
.gsq-rail__list li{border-bottom:1px solid var(--gsq-line-soft)}
.gsq-rail__list li:last-child{border-bottom:0}
.gsq-rail__list a{display:flex;align-items:center;gap:9px;padding:10px 16px;font-size:14.5px;
color:var(--gsq-ink);text-decoration:none!important;line-height:1.4}
.gsq-rail__list a:hover{background:var(--gsq-inset);color:var(--gsq-accent)}
.gsq-rail__list svg{width:16px;height:16px;flex:0 0 16px;color:var(--gsq-muted)}
.gsq-rail__list a:hover svg{color:var(--gsq-accent)}
.gsq-rail__num{margin-left:auto;font-size:12px;color:var(--gsq-muted);font-variant-numeric:tabular-nums}
.gsq-rail__note{padding:13px 16px;font-size:13.5px;color:var(--gsq-muted);line-height:1.6;margin:0}
.gsq-rail__note strong{color:var(--gsq-ink)}
.gsq-rail__help{display:block;margin-top:9px;padding:9px 11px;background:var(--gsq-accent-soft);
border-radius:5px;font-size:13.5px;color:var(--gsq-accent);font-weight:700;
text-decoration:none!important;text-align:center}
/* ---------- promo: перенесённое место донора ----------------------------- */
.gsq-promo__in{padding:16px}
.gsq-promo__logo{display:block;margin:0 0 12px;text-align:center}
.gsq-promo__logo img{max-width:100%;height:auto;border-radius:5px}
.gsq-promo__name{margin:0 0 10px;text-align:center;font-family:var(--gsq-head);font-weight:800;
font-size:15px;color:var(--gsq-ink);line-height:1.25}
.gsq-promo__cta{display:block;padding:11px 14px;background:var(--gsq-cta);color:#fff!important;
border-radius:var(--gsq-r);font-family:var(--gsq-head);font-weight:800;font-size:15.5px;
text-align:center;text-decoration:none!important;letter-spacing:.01em}
.gsq-promo__cta:hover{background:var(--gsq-cta-dark)}
.gsq-promo__note{margin:9px 0 0;font-size:11.5px;color:var(--gsq-muted);text-align:center;
letter-spacing:.02em}
/* ---------- обзоры донора: блоки cb-* внутри текста ----------------------
`lets-review-box-wrap` — это САМ ОБЗОР (до 5,6 тыс. знаков), обёртка снята,
внутренние блоки остаются и должны читаться без темы донора. */
.gsq-prose .cb-review-block{margin:var(--gsq-s2) 0;padding:15px 17px;
background:var(--gsq-inset);border:1px solid var(--gsq-line);border-radius:var(--gsq-r)}
/* ⚠️ Разметка проверена по /review/32-red/, а не угадана по именам классов.
Строение: `.cb-bar` — это СТРОКА критерия (подпись + балл + дорожка), а не
сама полоса; `.cb-overlay` — дорожка; заливка — вложенный span с inline
`width:NN%`. Первый заход принял `.cb-bar` за полосу и прятал `.cb-round-fi`
и `.cb-trigger-zero` — то есть ровно логотип, оффер и заливку: на странице
оставались две пустые серые плашки. Прятать здесь можно только `.fa`
(иконочный шрифт донора мы не грузим). */
/* шапка обзора: логотип бренда + строка оффера */
.gsq-prose .cb-title-block{display:flex;align-items:center;gap:16px}
.gsq-prose .cb-review-fi{flex:0 0 auto;line-height:0}
.gsq-prose .cb-review-fi img{width:84px;height:84px;object-fit:contain;background:#fff;
border:1px solid var(--gsq-line);border-radius:var(--gsq-r);padding:7px;margin:0}
.gsq-prose .cb-review-title{font-family:var(--gsq-head);font-weight:800;font-size:20px;
line-height:1.3;color:var(--gsq-ink)}
/* оценки по критериям и читательская оценка */
.gsq-prose .cb-criteria-block{display:grid;gap:13px}
.gsq-prose .cb-bar{display:grid;grid-template-columns:1fr auto;align-items:baseline;
gap:3px 12px}
.gsq-prose .cb-criteria{font-weight:700;font-size:14.5px;color:var(--gsq-muted)}
.gsq-prose .cb-votes-count{font-weight:400;font-size:13px;margin-left:7px}
.gsq-prose .cb-criteria-score{font-family:var(--gsq-head);font-weight:800;font-size:15.5px;
color:var(--gsq-accent);font-variant-numeric:tabular-nums}
.gsq-prose .cb-overlay{grid-column:1/-1;display:block;height:6px;border-radius:3px;
background:var(--gsq-line);overflow:hidden}
/* заливку донор красил inline в ярко-зелёный — перекрываем своим акцентом,
inline-ширина остаётся, это и есть значение балла */
.gsq-prose .cb-overlay>span{display:block;height:100%;border-radius:3px;
background:var(--gsq-accent)!important}
/* плюсы и минусы: две колонки */
.gsq-prose .cb-pros-cons-block{display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:6px 28px}
.gsq-prose .cb-pros-cons{position:relative;padding-left:24px;margin:0 0 7px}
.gsq-prose .cb-pro::before,.gsq-prose .cb-con::before{position:absolute;left:0;top:.05em;
font-weight:800;font-family:var(--gsq-head);font-size:17px}
.gsq-prose .cb-pro::before{content:"+";color:var(--gsq-ok)}
.gsq-prose .cb-con::before{content:"\2212";color:var(--gsq-bad)}
.gsq-prose .cb-block-header,.gsq-prose .cb-font-header,.gsq-prose .cb-lr-font-heading{
font-family:var(--gsq-head);font-weight:800;font-size:16.5px;margin:0 0 10px;display:block}
.gsq-prose .cb-clearfix::after{content:"";display:table;clear:both}
.gsq-prose .fa{display:none}
/* CTA: кнопка — это внутри .cb-aff-button, а не */
.gsq-prose .cb-aff-block{text-align:center}
.gsq-prose .cb-aff-button a{display:inline-block;padding:13px 28px;background:var(--gsq-cta);
color:#fff!important;border-radius:var(--gsq-r);font-family:var(--gsq-head);font-weight:800;
font-size:16px;text-decoration:none!important;border:0}
.gsq-prose .cb-aff-button a:hover{background:var(--gsq-cta-dark)}
.gsq-prose .cb-icon-wrap{display:none}
/* ---------- faq: ответы РАЗВЁРНУТЫ всегда (§10) -------------------------- */
.gsq-faq{margin:var(--gsq-s3) 0;border:1px solid var(--gsq-line);border-radius:var(--gsq-r);
overflow:hidden}
.gsq-faq__i{border-bottom:1px solid var(--gsq-line-soft);padding:15px 18px}
.gsq-faq__i:last-child{border-bottom:0}
.gsq-faq__q{font-family:var(--gsq-head);font-weight:700;font-size:16.5px;margin:0 0 6px;
display:flex;gap:9px}
.gsq-faq__q svg{width:17px;height:17px;flex:0 0 17px;color:var(--gsq-accent);margin-top:3px}
.gsq-faq__a{margin:0;padding-left:26px;color:#333a42;font-size:16px}
/* ---------- foot: СВЕТЛЫЙ (у всех соседей по гео тёмный) ----------------- */
.gsq-ft{background:var(--gsq-canvas);border-top:3px solid var(--gsq-accent);
margin-top:var(--gsq-s4)}
.gsq-ft__in{max-width:var(--gsq-shell);margin:0 auto;padding:var(--gsq-s4) var(--gsq-pad) var(--gsq-s3)}
.gsq-ft__trust{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;
padding:16px 18px;background:var(--gsq-paper);border:1px solid var(--gsq-line);
border-radius:var(--gsq-r);margin-bottom:var(--gsq-s3)}
.gsq-ft__badge{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;
color:#333a42;font-weight:600}
.gsq-ft__badge svg{width:22px;height:22px;color:var(--gsq-accent)}
.gsq-ft__age{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
border:2px solid var(--gsq-cta);border-radius:50%;color:var(--gsq-cta)!important;
font-family:var(--gsq-head);font-weight:800;font-size:13px}
.gsq-ft__txt{flex:1 1 320px;min-width:0;font-size:13.5px;color:var(--gsq-muted);line-height:1.6;
margin:0}
/* Строка переписи — своей строкой во всю ширину плашки доверия: это не бейдж,
а счётное утверждение, и рядом с бейджами оно читается как ещё один значок. */
.gsq-ft__census{flex:1 1 100%;display:flex;align-items:center;gap:9px;margin:0;
padding-top:13px;border-top:1px solid var(--gsq-line-soft);
font-family:var(--gsq-head);font-weight:600;font-size:13px;color:#414951;
flex-wrap:wrap}
.gsq-ft__census svg{width:19px;height:19px;color:var(--gsq-accent);flex:none}
.gsq-ft__census a{margin-left:auto;font-weight:700}
.gsq-ft__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
gap:var(--gsq-s3);margin-bottom:var(--gsq-s3)}
.gsq-ft__h{font-family:var(--gsq-head);font-weight:700;font-size:13px;letter-spacing:.05em;
text-transform:uppercase;color:#414951;margin:0 0 11px}
.gsq-ft__list{list-style:none;margin:0;padding:0;font-size:14.5px}
.gsq-ft__list li{margin:0 0 8px}
.gsq-ft__list a{color:#333a42;text-decoration:none}
.gsq-ft__list a:hover{color:var(--gsq-accent);text-decoration:underline}
.gsq-ft__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--gsq-s2);padding:0;list-style:none}
.gsq-ft__chips a{display:inline-block;padding:4px 11px;background:var(--gsq-paper);
border:1px solid var(--gsq-line);border-radius:999px;font-size:13px;color:#333a42;
text-decoration:none}
.gsq-ft__chips a:hover{border-color:var(--gsq-accent);color:var(--gsq-accent)}
.gsq-ft__legal{border-top:1px solid var(--gsq-line);padding-top:var(--gsq-s2);
display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;
font-size:13px;color:var(--gsq-muted)}
.gsq-ft__legal a{color:var(--gsq-muted)}
.gsq-ft__mark{font-family:var(--gsq-head);font-weight:800;color:var(--gsq-ink);font-size:15px}
.gsq-skip{position:absolute;left:-9999px;top:0;background:var(--gsq-cta);color:#fff;
padding:10px 16px;z-index:999}
.gsq-skip:focus{left:8px;top:8px}
/* ---------- mobile ------------------------------------------------------- */
@media (max-width:900px){
:root{--gsq-pad:14px;--gsq-sheet:16px;--gsq-gap:18px}
.gsq-main,.gsq-main--rail{grid-template-columns:minmax(0,1fr)}
.gsq-hd__in{min-height:62px;gap:12px}
.gsq-hd__mark{width:36px;height:36px;flex:0 0 36px}
.gsq-hd__name{font-size:18px}
/* бургер: чекбокс + label, ноль JS, цель >=44px */
.gsq-burger__box{display:flex;align-items:center;justify-content:center;
width:46px;height:46px;margin-left:auto;border:1px solid var(--gsq-line);
border-radius:var(--gsq-r);cursor:pointer;color:var(--gsq-ink);background:var(--gsq-paper)}
.gsq-burger__box svg{width:23px;height:23px}
/* вес тот же, что у страховочного сброса выше (0,2,0), иначе панель не встанет */
/* Боковые поля — в БАЗОВОМ правиле, а не только у раскрытого меню: закрытая
панель схлопнута по высоте, но боксы пунктов живы, и проверка «текст у края»
ловит семь строк меню, прижатых к нулю по X. */
body.gsq-page .gsq-nav{position:absolute;top:100%;left:0;right:0;margin:0;
padding:0 var(--gsq-pad);background:var(--gsq-paper);
border-bottom:1px solid var(--gsq-line);box-shadow:0 10px 22px rgba(31,35,40,.12);
max-height:0;overflow:hidden;visibility:hidden}
.gsq-burger:checked~.gsq-nav{max-height:none;visibility:visible;
padding:6px var(--gsq-pad) 14px}
.gsq-nav__list{flex-direction:column;align-items:stretch;gap:0}
.gsq-nav__item{border-bottom:1px solid var(--gsq-line-soft)}
.gsq-nav__item:last-child{border-bottom:0}
.gsq-nav__link{padding:13px 4px;font-size:16px}
.gsq-nav__item--has>.gsq-nav__link::after{float:right;margin-top:8px}
/* подменю на мобиле РАСКРЫТО, а не спрятано: скрытый текст = замечание чекера */
.gsq-nav__panel{position:static;visibility:visible;opacity:1;transform:none;
box-shadow:none;border:0;border-left:2px solid var(--gsq-accent-soft);
border-radius:0;min-width:0;padding:0 0 8px 12px;margin:0 0 8px}
.gsq-nav__panel a{padding:8px 6px;font-size:15px}
.gsq-title h1{font-size:26px}
.gsq-title__dek{font-size:16.5px}
.gsq-prose h2{font-size:21px}
.gsq-prose h3{font-size:18px}
.gsq-toc__list{columns:1}
.gsq-prose .gsq-fig{width:45%;margin-left:14px}
.gsq-cl__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.gsq-states__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
/* двухколоночную таблицу вбок НЕ гоним — переносится по словам */
.gsq-tw--scroll table{min-width:520px}
.gsq-tw--2col table{min-width:0}
.gsq-tw th,.gsq-tw td{padding:9px 11px;font-size:14.5px}
}
@media (max-width:640px){
/* Крошки — ОДНОЙ строкой с прокруткой. В две строки они разводят шапку и H1
на 64 px при норме 32: путь /legal/nevada/ на 390 px не влезает в строку. */
.gsq-crumbs{padding-top:8px}
.gsq-crumbs ol{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.gsq-crumbs ol::-webkit-scrollbar{display:none}
.gsq-crumbs li{white-space:nowrap}
/* обтекание на узком экране не работает: картинка занимает всю ширину */
.gsq-prose .alignright,.gsq-prose .alignleft{float:none;display:block;
margin:var(--gsq-s2) auto}
/* 6+ колонок и узкий экран — таблица строками-карточками (§8) */
.gsq-tw--cards table,.gsq-tw--cards thead,.gsq-tw--cards tbody,
.gsq-tw--cards tr,.gsq-tw--cards td{display:block;width:auto}
.gsq-tw--cards thead{display:none}
.gsq-tw--cards table{min-width:0}
.gsq-tw--cards tr{border-bottom:1px solid var(--gsq-line);padding:6px 0}
.gsq-tw--cards tr:last-child{border-bottom:0}
.gsq-tw--cards td{border:0;padding:5px 14px;display:flex;gap:12px}
.gsq-tw--cards td::before{content:attr(data-gsq-l);flex:0 0 40%;font-weight:700;
font-size:12.5px;letter-spacing:.03em;text-transform:uppercase;color:#414951}
.gsq-ft__trust{flex-direction:column;align-items:flex-start}
/* 5 колонок игр на 390 px дают плитку 62 px — подпись «VIDEO POKER»
переносится в три строки. На телефоне три в ряд. */
.gsq-games__grid{grid-template-columns:repeat(3,1fr);gap:8px}
.gsq-games__c{padding:13px 5px}
.gsq-value{padding:18px 16px}
.gsq-value__figs{grid-template-columns:repeat(2,1fr);gap:10px}
.gsq-value__figs b{font-size:24px}
.gsq-prose ol.gsq-method>li{padding:13px 14px 13px 48px}
.gsq-ft__census a{margin-left:0}
}
@media (max-width:900px) and (min-width:641px){
.gsq-games__grid{grid-template-columns:repeat(5,1fr)}
.gsq-value__figs{grid-template-columns:repeat(2,1fr)}
}
/* ============================================================================
ЭТАП 08 — витрина рейтинга. Приклеивается к skin..css одним файлом,
отдельной ссылки в не добавляет (gsq_assets.py склеивает).
Префикс gsqv- используется ТОЛЬКО внутри витрины (08.0а).
Фильтры — на голом CSS: чекбокс ПЕРЕД списком, ярлык после (08.0-6).
⚠️ Каждое внутреннее правило пишется от предка `.gsqv-wrap`, а не одним
классом. Витрина встаёт и ВНУТРИ `.gsq-prose`, и вне её; правило листа
`.gsq-prose p` — это (0,1,1) против (0,1,0) у `.gsqv-name`, и та же карточка
внутри статьи вырастала со 165 px до 288 px (замер 24.09.2026).
========================================================================== */
.gsqv-wrap{margin:var(--gsq-s4) 0;font-family:var(--gsq-sans);font-size:17px;
line-height:1.6;color:var(--gsq-ink)}
.gsqv-wrap *{box-sizing:border-box}
.gsqv-wrap p,.gsqv-wrap ul,.gsqv-wrap ol,.gsqv-wrap li,.gsqv-wrap h2,
.gsqv-wrap label,.gsqv-wrap time,.gsqv-wrap small,.gsqv-wrap span{
margin:0;padding:0;list-style:none;text-indent:0;background:none;border:0}
.gsqv-wrap li::before,.gsqv-wrap li::marker{content:none}
/* ---------- заголовок и подпись ----------------------------------------- */
.gsqv-wrap .gsqv-h{margin:0 0 6px;font-family:var(--gsq-head);font-weight:800;
font-size:26px;line-height:1.26;color:var(--gsq-ink);letter-spacing:-.01em}
.gsqv-wrap .gsqv-sub{margin:0 0 14px;font-size:14px;color:var(--gsq-muted);
line-height:1.6}
.gsqv-wrap .gsqv-sub time{font-weight:700;color:var(--gsq-ink)}
/* ---------- панель фильтров --------------------------------------------- */
.gsqv-wrap .gsqv-f{position:absolute;opacity:0;pointer-events:none;
width:1px;height:1px}
.gsqv-wrap .gsqv-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;
padding:12px 14px;margin:0 0 14px;background:var(--gsq-inset);
border:1px solid var(--gsq-line);border-radius:var(--gsq-r)}
.gsqv-wrap .gsqv-bar__t{margin:0 4px 0 0;font-size:12.5px;font-weight:700;
text-transform:uppercase;letter-spacing:.06em;color:var(--gsq-muted)}
.gsqv-wrap .gsqv-lb{display:inline-flex;align-items:center;gap:7px;
padding:7px 13px;font-size:14px;font-weight:700;color:var(--gsq-accent);
cursor:pointer;background:var(--gsq-paper);border:1px solid var(--gsq-line);
border-radius:99px;line-height:1.2;transition:background .12s,border-color .12s}
.gsqv-wrap .gsqv-lb:hover{background:var(--gsq-accent-soft);
border-color:var(--gsq-accent)}
.gsqv-wrap .gsqv-lb::before{content:"";width:13px;height:13px;flex:0 0 13px;
border-radius:3px;border:1.5px solid var(--gsq-line);background:var(--gsq-paper)}
.gsqv-wrap .gsqv-f:focus-visible+.gsqv-bar .gsqv-lb{outline:2px solid var(--gsq-accent);
outline-offset:2px}
.gsqv-wrap .gsqv-n{margin-left:auto;font-size:13px;color:var(--gsq-muted)}
/* ---------- список ------------------------------------------------------- */
.gsqv-wrap .gsqv-list{list-style:none;margin:0;padding:0;counter-reset:gsqv}
.gsqv-wrap .gsqv-list>li{counter-increment:gsqv;position:relative;display:grid;
grid-template-columns:44px 96px minmax(0,1fr) 172px;gap:0 14px;
align-items:center;padding:13px 14px;margin:0 0 9px;
background:var(--gsq-paper);border:1px solid var(--gsq-line);
border-radius:var(--gsq-r)}
.gsqv-wrap .gsqv-list>li:hover{border-color:#b6c2ce;
box-shadow:0 1px 3px rgba(31,35,40,.08)}
.gsqv-wrap .gsqv-list>li.gsqv-hid{display:none}
/* Тройка первых мест — разметка положения, а не украшение. */
.gsqv-wrap .gsqv-list>li.gsqv-top{border-color:var(--gsq-accent);
box-shadow:inset 3px 0 0 var(--gsq-accent)}
.gsqv-wrap .gsqv-rank{display:flex;flex-direction:column;align-items:center;gap:3px}
.gsqv-wrap .gsqv-rank__n{display:flex;align-items:center;justify-content:center;
width:32px;height:32px;border-radius:50%;background:var(--gsq-accent);color:#fff;
font-family:var(--gsq-head);font-weight:800;font-size:15px;line-height:1}
.gsqv-wrap .gsqv-rank__n::before{content:counter(gsqv)}
.gsqv-wrap .gsqv-score{font-size:12px;font-weight:700;color:var(--gsq-muted);
white-space:nowrap}
/* Рамка и БЕЛАЯ подложка — на самой плитке (ссылке), а не на картинке: плитка
меряется по родителю ![]()
, и прозрачный родитель — это «плитка не белая»
на каждой карточке сети, даже когда PNG белый от края до края. */
.gsqv-wrap .gsqv-logo{display:block;margin:0;background:#fff;overflow:hidden;
border:1px solid var(--gsq-line);border-radius:var(--gsq-r)}
.gsqv-wrap .gsqv-logo img{display:block;width:100%;height:auto;background:#fff}
.gsqv-wrap .gsqv-body{min-width:0}
.gsqv-wrap .gsqv-name{margin:0 0 1px;font-family:var(--gsq-head);font-weight:800;
font-size:17px;line-height:1.25;color:var(--gsq-ink)}
.gsqv-wrap .gsqv-offer{margin:0 0 6px;font-size:15.5px;font-weight:700;
color:var(--gsq-cta);line-height:1.3}
.gsqv-wrap .gsqv-offer small{display:block;font-size:12px;font-weight:400;
color:var(--gsq-muted);margin-top:1px;line-height:1.45}
.gsqv-wrap .gsqv-facts{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 5px;
padding:0;list-style:none}
.gsqv-wrap .gsqv-facts li{font-size:11.5px;line-height:1.3;padding:2px 8px;
border-radius:99px;background:var(--gsq-inset);
border:1px solid var(--gsq-line-soft);color:var(--gsq-muted);white-space:nowrap}
.gsqv-wrap .gsqv-facts li.gsqv-crit{background:var(--gsq-accent-soft);
border-color:#c3d3e8;color:var(--gsq-accent);font-weight:700}
.gsqv-wrap .gsqv-facts li.gsqv-nolic{background:#fff8e6;border-color:#e6d9b0;
color:var(--gsq-warn)}
.gsqv-wrap .gsqv-meta{margin:0;font-size:12.5px;color:var(--gsq-muted);
line-height:1.5}
.gsqv-wrap .gsqv-act{display:flex;flex-direction:column;gap:7px;align-items:stretch}
.gsqv-wrap .gsqv-cta{display:block;padding:12px 16px;text-align:center;
background:var(--gsq-cta);color:#fff!important;text-decoration:none!important;
font-family:var(--gsq-head);font-weight:800;font-size:15px;line-height:1.2;
border-radius:var(--gsq-r);transition:background .12s}
.gsqv-wrap .gsqv-cta:hover{background:var(--gsq-cta-dark)}
.gsqv-wrap .gsqv-rev{display:block;text-align:center;font-size:13px;
font-weight:700;color:var(--gsq-accent);text-decoration:none}
.gsqv-wrap .gsqv-rev:hover{text-decoration:underline}
.gsqv-wrap .gsqv-terms{margin:0;font-size:11px;color:var(--gsq-muted);
text-align:center;line-height:1.4}
/* ---------- «показать ещё» ----------------------------------------------- */
.gsqv-wrap .gsqv-more{display:block;width:100%;padding:13px 16px;margin:2px 0 0;
text-align:center;font-family:var(--gsq-head);font-weight:800;font-size:15px;
color:var(--gsq-accent);background:var(--gsq-paper);cursor:pointer;
border:1px solid var(--gsq-line);border-radius:var(--gsq-r)}
.gsqv-wrap .gsqv-more:hover{background:var(--gsq-accent-soft);
border-color:var(--gsq-accent)}
.gsqv-wrap .gsqv-more__b{display:none}
.gsqv-wrap .gsqv-more__a{display:inline}
/* ---------- сноска ------------------------------------------------------- */
.gsqv-wrap .gsqv-note{margin:14px 0 0;padding:12px 14px;font-size:12.5px;
line-height:1.6;color:var(--gsq-muted);background:var(--gsq-inset);
border:1px solid var(--gsq-line);border-radius:var(--gsq-r)}
.gsqv-wrap .gsqv-note b{color:var(--gsq-ink)}
/* ---------- состояния: фильтр и раскрытие -------------------------------- */
#gsqv-more:checked~.gsqv-list>li.gsqv-hid{display:grid}
#gsqv-more:checked~.gsqv-more .gsqv-more__a{display:none}
#gsqv-more:checked~.gsqv-more .gsqv-more__b{display:inline}
#gsqv-fs:checked~.gsqv-list>li:not([data-sports="1"]),
#gsqv-fc:checked~.gsqv-list>li:not([data-coins="1"]),
#gsqv-fn:checked~.gsqv-list>li:not([data-new="1"]){display:none}
#gsqv-fs:checked~.gsqv-list>li.gsqv-hid[data-sports="1"],
#gsqv-fc:checked~.gsqv-list>li.gsqv-hid[data-coins="1"],
#gsqv-fn:checked~.gsqv-list>li.gsqv-hid[data-new="1"]{display:grid}
#gsqv-fs:checked~.gsqv-bar label[for="gsqv-fs"],
#gsqv-fc:checked~.gsqv-bar label[for="gsqv-fc"],
#gsqv-fn:checked~.gsqv-bar label[for="gsqv-fn"]{background:var(--gsq-accent);
border-color:var(--gsq-accent);color:#fff}
#gsqv-fs:checked~.gsqv-bar label[for="gsqv-fs"]::before,
#gsqv-fc:checked~.gsqv-bar label[for="gsqv-fc"]::before,
#gsqv-fn:checked~.gsqv-bar label[for="gsqv-fn"]::before{background:#fff;
border-color:#fff;box-shadow:inset 0 0 0 2px var(--gsq-accent)}
/* ---------- мобильная раскладка ------------------------------------------ */
/* Узкая колонка: номер и логотип стоят В ОДНОЙ колонке слева, текст занимает
вторую целиком и тянется на обе строки. Отдельная строка под логотип (было)
добавляет карточке 80 px — медиана вырастает до 336 px при потолке 290. */
@media (max-width:860px){
.gsqv-wrap .gsqv-h{font-size:22px}
.gsqv-wrap .gsqv-list>li{grid-template-columns:auto minmax(0,1fr);
grid-template-areas:"rank body" "logo body" "act act";
gap:8px 12px;padding:13px;align-items:start}
.gsqv-wrap .gsqv-rank{grid-area:rank;flex-direction:row;gap:7px;align-items:center}
.gsqv-wrap .gsqv-logo{grid-area:logo;justify-self:start;align-self:start;width:68px}
.gsqv-wrap .gsqv-body{grid-area:body;grid-row:1/3}
/* Чипы — одной строкой с прокруткой: три чипа на 276 px встают тремя рядами
и дают карточке лишние 48 px. Прятать их нельзя — это факты отбора. */
.gsqv-wrap .gsqv-facts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
margin-bottom:6px}
.gsqv-wrap .gsqv-facts::-webkit-scrollbar{display:none}
.gsqv-wrap .gsqv-act{grid-area:act;flex-direction:row;align-items:center;
flex-wrap:wrap;gap:8px 12px;margin-top:2px}
.gsqv-wrap .gsqv-cta{flex:1 1 170px}
.gsqv-wrap .gsqv-rev{flex:0 0 auto}
.gsqv-wrap .gsqv-terms{flex:1 1 100%;text-align:left}
.gsqv-wrap .gsqv-name{font-size:16px}
.gsqv-wrap .gsqv-offer{font-size:15px}
#gsqv-more:checked~.gsqv-list>li.gsqv-hid,
#gsqv-fs:checked~.gsqv-list>li.gsqv-hid[data-sports="1"],
#gsqv-fc:checked~.gsqv-list>li.gsqv-hid[data-coins="1"],
#gsqv-fn:checked~.gsqv-list>li.gsqv-hid[data-new="1"]{display:grid}
}
@media (max-width:430px){
.gsqv-wrap .gsqv-bar{padding:10px}
.gsqv-wrap .gsqv-lb{font-size:13px;padding:6px 11px}
.gsqv-wrap .gsqv-facts li{font-size:11px}
}