@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/x/gdm/f/bitter-latin-ext.66dee456.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/x/gdm/f/bitter-latin.0f3d8fb9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/x/gdm/f/bitter-latin-ext.66dee456.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/x/gdm/f/bitter-latin.0f3d8fb9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/x/gdm/f/sourcesans3-latin-ext.ea449cc6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/x/gdm/f/sourcesans3-latin.fe93b8f8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/x/gdm/f/sourcesans3-latin-ext.ea449cc6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/x/gdm/f/sourcesans3-latin.fe93b8f8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/x/gdm/f/sourcesans3-latin-ext.ea449cc6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/x/gdm/f/sourcesans3-latin.fe93b8f8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ============================================================
   BRASS RAIL — скин gamblingdom.com  (префикс gdm-, витрина gdmv-)
   Гео US. Ширины: текст 760 · витрина 888 · шапка/подвал 1120.
   ============================================================ */

/* --- 0. токены ------------------------------------------------ */
:root{
  --gdm-felt:#0D3B2E;
  --gdm-felt-2:#08281F;
  --gdm-felt-3:#12513E;
  --gdm-canvas:#EEF1F4;
  --gdm-paper:#FFFFFF;
  --gdm-ink:#16202B;
  --gdm-ink-2:#4A5763;
  --gdm-line:#D7DEE4;
  --gdm-line-2:#E8EDF1;
  --gdm-accent:#0E7A5F;
  --gdm-accent-d:#0A5F4A;
  --gdm-brass:#C8962E;
  --gdm-brass-d:#9E7420;
  --gdm-red:#A32218;

  --gdm-head:"Bitter",Georgia,"Times New Roman",serif;
  --gdm-body:"Source Sans 3",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;

  --pad:20px;          /* горизонтальное поле блока, который красит фон */
  --g1:14px;           /* малый вертикальный зазор */
  --g2:30px;           /* средний */
  --g3:56px;           /* крупный, между секциями */
  --shell:1120px;
  --col:760px;
  --col-wide:888px;
}

/* --- 1. сброс и база ------------------------------------------ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.gdm-page{
  margin:0;padding:0;
  background:var(--gdm-canvas);
  color:var(--gdm-ink);
  font-family:var(--gdm-body);
  font-size:17px;line-height:1.72;
  overflow-x:hidden;
}
body.gdm-page img{max-width:100%;height:auto}
body.gdm-page a{color:var(--gdm-accent);text-decoration:underline;text-underline-offset:2px}
body.gdm-page a:hover{color:var(--gdm-accent-d)}
/* без :where(): его вес НОЛЬ, и `body.gdm-page a` с подчёркиванием побеждал —
   подчёркнуты оказывались логотип, меню, крошки, кнопки витрины и подвал */
body.gdm-page .gdm-hd a,body.gdm-page .gdm-ft a,body.gdm-page .gdm-crumbs a,
body.gdm-page .gdm-rail a,body.gdm-page .gdm-act a,body.gdm-page .gdmv a,
body.gdm-page .gdm-hero a,body.gdm-page .gdm-cards a,body.gdm-page .gdm-toc a,
body.gdm-page .gdm-tiles a,body.gdm-page .gdm-op a,
body.gdm-page .gdm-feed h3 a,body.gdm-page .gdm-anno h4 a{text-decoration:none}

/* --- 2. оболочки и сетка -------------------------------------- */
.gdm-shell{max-width:var(--shell);margin:0 auto;padding:0 var(--pad)}
.gdm-main{display:block;padding:var(--g2) var(--pad) var(--g3)}
.gdm-col{max-width:var(--col);margin:0 auto}
.gdm-page--wide .gdm-col{max-width:var(--col-wide)}
.gdm-paper{
  background:var(--gdm-paper);
  border:1px solid var(--gdm-line);
  border-top:3px solid var(--gdm-brass);
  padding:34px var(--pad) 38px;
}

/* --- 3. шапка: верхний ярус ----------------------------------- */
.gdm-hd{background:var(--gdm-felt);color:#fff;position:relative;z-index:200}
.gdm-hd__top{display:flex;align-items:center;gap:18px;min-height:70px;padding:10px 0}
/* ⚠️ `body.gdm-page a` (0,2,1) перебивает одноклассовое правило: без !important бренд
   в шапке красился в акцентный зелёный поверх зелёного фона (R3, контраст 2,36) */
.gdm-brand{display:flex;align-items:center;gap:11px;color:#fff!important;flex:0 0 auto}
.gdm-brand svg{display:block;width:42px;height:42px;flex:0 0 42px}
.gdm-brand__name{font-family:var(--gdm-head);font-weight:700;font-size:21px;line-height:1.1;letter-spacing:-.01em;color:#fff}
.gdm-brand__sub{display:block;font-family:var(--gdm-body);font-weight:400;font-size:11.5px;
  letter-spacing:.12em;text-transform:uppercase;color:#9FC7B8;margin-top:2px}
.gdm-hd__care{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  justify-content:flex-end;min-width:0}
.gdm-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #2D6553;border-radius:3px;
  padding:4px 9px;font-size:12.5px;line-height:1.35;color:#DCEBE4;white-space:normal}
.gdm-chip b{color:#fff;font-weight:600}
.gdm-chip--age{background:var(--gdm-brass);border-color:var(--gdm-brass);color:#16202B!important;font-weight:700}
.gdm-chip--age b{color:#16202B!important}

/* --- 4. шапка: нижний ярус, хабы и выпадашки ------------------ */
.gdm-hd__bar{background:var(--gdm-felt-2);border-top:1px solid #16543F}
.gdm-nav{display:flex;align-items:stretch;gap:0;margin:0;padding:0;list-style:none}
.gdm-nav>li{position:relative;list-style:none}
.gdm-nav>li::before,.gdm-nav>li::after{content:none}
.gdm-nav>li>a{display:flex;align-items:center;gap:7px;padding:13px 15px;color:#E6F1EC!important;
  font-weight:600;font-size:14.5px;letter-spacing:.02em;border-bottom:3px solid transparent}
.gdm-nav>li>a svg{width:17px;height:17px;flex:0 0 17px;stroke:var(--gdm-brass);fill:none;stroke-width:1.9}
.gdm-nav>li:hover>a,.gdm-nav>li:focus-within>a{background:var(--gdm-felt-3);border-bottom-color:var(--gdm-brass)}
.gdm-drop{position:absolute;top:100%;left:0;min-width:248px;background:#fff;border:1px solid var(--gdm-line);
  border-top:3px solid var(--gdm-brass);box-shadow:0 14px 34px rgba(8,40,31,.22);
  margin:0;padding:6px 0;list-style:none;z-index:210;
  visibility:hidden;opacity:0;transform:translateY(-4px);transition:opacity .13s,transform .13s,visibility .13s}
.gdm-nav>li:hover>.gdm-drop,.gdm-nav>li:focus-within>.gdm-drop{visibility:visible;opacity:1;transform:none}
.gdm-drop li{list-style:none}
.gdm-drop li::before,.gdm-drop li::after{content:none}
.gdm-drop a{display:block;padding:7px 16px;color:var(--gdm-ink)!important;font-size:14.5px;line-height:1.4}
.gdm-drop a:hover{background:#F2F7F5;color:var(--gdm-accent-d)!important}
.gdm-nav>li:nth-last-child(1)>.gdm-drop,.gdm-nav>li:nth-last-child(2)>.gdm-drop{left:auto;right:0}

/* бургер — чекбокс, без JS */
.gdm-burger{display:none}
.gdm-burger__box{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

/* --- 5. крошки ------------------------------------------------ */
.gdm-crumbs{background:#E3E9EE;border-bottom:1px solid var(--gdm-line)}
.gdm-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:9px var(--pad);
  max-width:var(--shell);margin:0 auto;list-style:none;font-size:13.5px;color:var(--gdm-ink-2)}
.gdm-crumbs li{list-style:none;display:flex;align-items:center}
.gdm-crumbs li::before,.gdm-crumbs li::after{content:none}
.gdm-crumbs li+li::before{content:"›";content:"›"/"";display:inline-block;margin:0 8px;color:#8C9AA6}
.gdm-crumbs a{color:var(--gdm-ink-2)!important}
.gdm-crumbs a:hover{color:var(--gdm-accent-d)!important;text-decoration:underline}
.gdm-crumbs [aria-current]{color:var(--gdm-ink);font-weight:600}

/* --- 6. геро + полоса цифр ------------------------------------ */
.gdm-hero{background:var(--gdm-felt);color:#fff;position:relative;overflow:hidden}
.gdm-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.26;z-index:1}
.gdm-hero__in{position:relative;z-index:2;max-width:var(--shell);margin:0 auto;padding:46px var(--pad) 40px}
.gdm-hero__kick{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gdm-brass);
  font-weight:700;margin:0 0 10px}
.gdm-hero h1,.gdm-hero .gdm-hero__h{font-family:var(--gdm-head);font-size:40px;line-height:1.14;
  font-weight:700;margin:0 0 14px;color:#fff;max-width:17ch}
.gdm-hero p{font-size:18px;line-height:1.62;color:#D9E7E1;margin:0;max-width:62ch}
.gdm-stats{display:flex;flex-wrap:wrap;gap:0;margin:26px 0 0;padding:0;list-style:none;
  border-top:1px solid #2D6553}
.gdm-stats li{list-style:none;flex:1 1 150px;padding:14px 16px 12px;border-right:1px solid #2D6553}
.gdm-stats li::before,.gdm-stats li::after{content:none}
.gdm-stats li:last-child{border-right:0}
.gdm-stats b{display:block;font-family:var(--gdm-head);font-size:27px;line-height:1.1;color:var(--gdm-brass)}
.gdm-stats span{display:block;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:#A9C8BC;margin-top:4px}

/* --- 7. полоса правового статуса (US) ------------------------- */
.gdm-legal{background:#FFF8E8;border:1px solid #E6D08E;border-left:4px solid var(--gdm-brass);
  padding:13px var(--pad);margin:0 0 var(--g2);font-size:14.5px;line-height:1.6;color:#4A3B13}
.gdm-legal b{color:#16202B}
.gdm-legal a{color:#7A5A10!important;text-decoration:underline}

/* --- 8. проза ------------------------------------------------- */
.gdm-prose{font-size:17px;line-height:1.72;color:var(--gdm-ink)}
.gdm-paper h1{font-family:var(--gdm-head);font-size:33px;line-height:1.2;font-weight:700;
  margin:0 0 var(--g1);letter-spacing:-.01em}
.gdm-prose h2{font-family:var(--gdm-head);font-size:25px;line-height:1.26;font-weight:700;
  margin:var(--g3) 0 var(--g1);padding-bottom:8px;border-bottom:2px solid var(--gdm-line-2)}
.gdm-prose h3{font-family:var(--gdm-head);font-size:20px;line-height:1.3;font-weight:600;margin:var(--g2) 0 10px}
.gdm-prose h4{font-family:var(--gdm-body);font-size:17px;font-weight:700;margin:var(--g2) 0 8px;
  letter-spacing:.02em;text-transform:uppercase;color:var(--gdm-ink-2)}
.gdm-prose p{margin:0 0 var(--g1)}
.gdm-prose ul,.gdm-prose ol{margin:0 0 var(--g1);padding-left:22px}
.gdm-prose li{margin:0 0 6px}
.gdm-prose ul>li{list-style:disc}
.gdm-prose ol>li{list-style:decimal}
.gdm-prose ul>li::marker{color:var(--gdm-brass)}
/* указатель донора (был абзац со <br>): колонки по ширине листа.
   Число колонок задаёт сборщик по самой длинной строке: узкая — имена казино,
   --mid — названия с уточнением, --flat — строки выплатных таблиц, их не делим. */
.gdm-prose ul.gdm-links{padding:0;margin:0 0 var(--g1);
  display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:0 22px}
.gdm-prose ul.gdm-links--mid{grid-template-columns:repeat(auto-fill,minmax(322px,1fr))}
.gdm-prose ul.gdm-links--flat{grid-template-columns:1fr}
.gdm-prose ul.gdm-links>li{list-style:none;margin:0;padding:9px 2px;
  border-bottom:1px solid var(--gdm-line)}
.gdm-prose ul.gdm-links>li>a{text-decoration:none}
.gdm-prose ul.gdm-links>li:has(>a):hover{background:var(--gdm-canvas)}
.gdm-prose ul.gdm-links>li:has(>a):hover>a{color:var(--gdm-accent)}
.gdm-prose strong,.gdm-prose b{font-weight:700}
.gdm-prose em,.gdm-prose i{font-style:italic}
.gdm-prose sup{font-size:.72em;vertical-align:super;line-height:0}
.gdm-prose big{font-size:1.1em}
.gdm-prose hr{border:0;border-top:1px solid var(--gdm-line);margin:var(--g2) 0}
.gdm-prose blockquote{margin:var(--g2) 0;padding:4px 0 4px 18px;border-left:3px solid var(--gdm-brass);
  font-size:18px;color:var(--gdm-ink-2)}
.gdm-prose blockquote p:last-child{margin-bottom:0}
.gdm-prose>:first-child{margin-top:0}
.gdm-prose>:last-child{margin-bottom:0}

/* картинки в тексте */
.gdm-fig{margin:var(--g2) 0;background:#F6F8FA;border:1px solid var(--gdm-line-2);padding:12px}
.gdm-fig img{display:block;width:100%;height:auto}
.gdm-fig figcaption{font-size:13.5px;line-height:1.55;color:var(--gdm-ink-2);margin-top:9px}
.gdm-fig--side{float:right;width:44%;margin:4px 0 16px 20px;padding:10px}
.gdm-prose img{display:block;margin:var(--g1) 0}

/* таблицы */
.gdm-tbl{margin:var(--g2) 0}
.gdm-tbl__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.gdm-tbl table{border-collapse:collapse;width:100%;font-size:15.5px;line-height:1.5;background:#fff}
.gdm-tbl--multi table{min-width:520px}
.gdm-tbl th{background:var(--gdm-felt);color:#fff;text-align:left;font-weight:600;padding:10px 12px;
  border:1px solid #235746}
.gdm-tbl td{padding:9px 12px;border:1px solid var(--gdm-line);vertical-align:top}
.gdm-tbl tbody tr:nth-child(even) td{background:#F7F9FB}
.gdm-tbl__note{font-size:13px;color:var(--gdm-ink-2);margin:7px 0 0}

/* --- 9. своё оглавление --------------------------------------- */
.gdm-toc{border:1px solid var(--gdm-line);border-left:4px solid var(--gdm-accent);background:#F7FAF9;
  padding:0;margin:0 0 var(--g2)}
.gdm-toc>summary{list-style:none;cursor:pointer;padding:12px var(--pad);font-weight:700;font-size:15px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--gdm-felt);display:flex;align-items:center;gap:9px}
.gdm-toc>summary::-webkit-details-marker{display:none}
.gdm-toc>summary::after{content:"+";margin-left:auto;font-size:20px;line-height:1;color:var(--gdm-accent)}
.gdm-toc[open]>summary::after{content:"–"}
.gdm-toc ol{margin:0;padding:0 var(--pad) 14px 38px;font-size:15.5px}
.gdm-toc li{margin:0 0 5px;list-style:decimal}
.gdm-toc li::marker{color:var(--gdm-ink-2)}
.gdm-toc a{color:var(--gdm-ink)!important}
.gdm-toc a:hover{color:var(--gdm-accent-d)!important;text-decoration:underline}

/* --- 10. подпись выпуска -------------------------------------- */
.gdm-byline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;
  border-top:1px solid var(--gdm-line-2);border-bottom:1px solid var(--gdm-line-2);
  padding:10px 0;margin:0 0 var(--g2);font-size:13.5px;color:var(--gdm-ink-2)}
.gdm-byline b{color:var(--gdm-ink);font-weight:600}
.gdm-byline__tag{display:inline-flex;align-items:center;gap:6px;background:#EDF4F1;border:1px solid #CADFD6;
  border-radius:3px;padding:2px 8px;color:var(--gdm-accent-d);font-weight:600;font-size:12.5px}

/* --- 11. свой CTA на /go/ ------------------------------------- */
.gdm-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px var(--pad);
  background:var(--gdm-felt);color:#fff;padding:16px var(--pad);margin:var(--g2) 0;
  border-left:4px solid var(--gdm-brass)}
.gdm-act__txt{flex:1 1 260px;min-width:0;color:#fff}
.gdm-act__txt b{display:block;font-family:var(--gdm-head);font-size:18px;line-height:1.3;color:#fff}
.gdm-act__txt span{display:block;font-size:14px;color:#BFD8CE;margin-top:3px}
.gdm-act__btn{flex:0 0 auto;display:inline-block;background:var(--gdm-brass);color:#16202B!important;
  font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;
  padding:12px 22px;border-radius:3px;border-bottom:3px solid var(--gdm-brass-d)}
.gdm-act__btn:hover{background:#D9A63E;color:#16202B!important}

/* --- 11б. карточка оператора в начале обзора ------------------ */
.gdm-op{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:0 18px;
  border:1px solid var(--gdm-line);border-top:3px solid var(--gdm-brass);background:#fff;
  padding:16px var(--pad);margin:var(--g2) 0}
/* плитка карточки оператора НЕ носит класс витрины: общий gate ищет
   `class="…gdmv…"` и объявлял обзор страницей с витриной (C11.4, 5 адресов) */
.gdm-op__tile{display:block;width:88px;height:88px;max-width:100%;margin:0;padding:4px;
  border:1px solid var(--gdm-line-2);background:#fff}
.gdm-op__logo{display:block;width:100%;height:100%;margin:0;border:0;background:#fff;
  object-fit:contain}
.gdm-op__main{min-width:0}
.gdm-op__name{font-family:var(--gdm-head);font-size:21px;font-weight:700;line-height:1.2;
  color:var(--gdm-ink);margin:0}
.gdm-op__facts{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:3px 20px;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.gdm-op__facts li{list-style:none;margin:0;font-size:14px;line-height:1.45;color:var(--gdm-ink-2)}
.gdm-op__facts b{display:block;font-size:12px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--gdm-ink-2);font-weight:700}
.gdm-op__cta{display:flex;flex-direction:column;align-items:stretch;gap:6px;max-width:250px}
.gdm-op__cta .gdm-act__btn{text-align:center}
.gdm-op__note{font-size:12px;line-height:1.35;color:var(--gdm-ink-2)}

/* --- 12. рельс «дальше в разделе» ----------------------------- */
.gdm-rail{margin:var(--g3) 0 0;border-top:2px solid var(--gdm-brass);padding-top:var(--g1)}
.gdm-rail__hd{font-family:var(--gdm-body);font-size:13px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gdm-ink-2);margin:0 0 12px}
.gdm-rail ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:0 24px;
  margin:0;padding:0;list-style:none}
.gdm-rail li{list-style:none;margin:0;border-bottom:1px solid var(--gdm-line-2)}
.gdm-rail li::before,.gdm-rail li::after{content:none}
.gdm-rail a{display:block;padding:9px 0;color:var(--gdm-ink)!important;font-size:15.5px;line-height:1.45}
.gdm-rail a:hover{color:var(--gdm-accent-d)!important}

/* --- 13. плитки разделов на хабах ----------------------------- */
.gdm-cards{margin:var(--g3) 0 0}
.gdm-cards__hd{font-family:var(--gdm-head);font-size:23px;font-weight:700;margin:0 0 var(--g1);
  padding-bottom:8px;border-bottom:2px solid var(--gdm-line-2)}
.gdm-cards ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:14px;
  margin:0;padding:0;list-style:none}
.gdm-cards li{list-style:none;margin:0}
.gdm-cards li::before,.gdm-cards li::after{content:none}
.gdm-cards a{display:flex;gap:11px;align-items:flex-start;height:100%;background:#F7F9FB;
  border:1px solid var(--gdm-line);border-left:3px solid var(--gdm-accent);padding:13px 15px;
  color:var(--gdm-ink)!important;font-size:15.5px;line-height:1.42;font-weight:600}
.gdm-cards a:hover{background:#EEF4F2;border-left-color:var(--gdm-brass)}
.gdm-cards svg{width:19px;height:19px;flex:0 0 19px;margin-top:2px;stroke:var(--gdm-accent);fill:none;stroke-width:1.9}

/* --- 13б. плитки разделов на портальной главной ---------------
   крупнее карточек хаба: иконка, название, что внутри раздела. Числа под
   названием — из карты сайта на сборке, а не «более 500». */
.gdm-tiles{margin:var(--g3) 0 0}
/* первый блок портальной главной идёт сразу под героем, без лишней полосы */
.gdm-col>.gdmv-wrap:first-child{margin-top:0}
/* на главной статья идёт ПОСЛЕ блоков портала — ей нужен отступ сверху */
.gdm-col>.gdm-paper:not(:first-child){margin-top:var(--g3)}
.gdm-tiles__hd{font-family:var(--gdm-head);font-size:23px;font-weight:700;margin:0 0 var(--g1);
  padding-bottom:8px;border-bottom:2px solid var(--gdm-line-2)}
/* шесть плиток ровно в два ряда по три: auto-fit на широкой колонке ставил
   пять в ряд и одну сиротой */
.gdm-tiles ul{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  margin:0;padding:0;list-style:none}
.gdm-tiles li{list-style:none;margin:0}
.gdm-tiles li::before,.gdm-tiles li::after{content:none}
.gdm-tiles a{display:block;height:100%;background:#fff;border:1px solid var(--gdm-line);
  border-top:3px solid var(--gdm-accent);padding:16px 17px 15px;color:var(--gdm-ink)!important}
.gdm-tiles a:hover{border-top-color:var(--gdm-brass);background:#F7F9FB}
.gdm-tile__ic{display:block}
.gdm-tiles svg{width:26px;height:26px;stroke:var(--gdm-accent);fill:none;stroke-width:1.8}
.gdm-tile__nm{display:block;font-family:var(--gdm-head);font-size:19px;font-weight:700;
  line-height:1.24;margin:9px 0 5px}
.gdm-tile__sub{display:block;font-size:14px;line-height:1.5;color:var(--gdm-ink-2)}

/* заголовок статьи главной: герой уже держит H1, здесь h2 в его размере */
.gdm-paper__hd{font-family:var(--gdm-head);font-size:33px;line-height:1.2;font-weight:700;
  margin:0 0 var(--g1);letter-spacing:-.01em;border:0;padding:0}

/* --- 14. редакция (замена авторского блока донора) ------------ */
.gdm-desk{margin:var(--g3) 0 0;background:#F4F7F6;border:1px solid var(--gdm-line);
  border-top:3px solid var(--gdm-accent);padding:18px var(--pad)}
.gdm-desk__hd{display:flex;align-items:center;gap:10px;margin:0 0 9px}
.gdm-desk__hd svg{width:26px;height:26px;flex:0 0 26px;stroke:var(--gdm-accent);fill:none;stroke-width:1.7}
.gdm-desk__hd b{font-family:var(--gdm-head);font-size:17px;color:var(--gdm-felt)}
.gdm-desk p{margin:0 0 9px;font-size:15px;line-height:1.62;color:var(--gdm-ink-2)}
.gdm-desk p:last-child{margin-bottom:0}
.gdm-desk a{color:var(--gdm-accent-d)!important;text-decoration:underline}

/* --- 15. отзывы читателей ------------------------------------- */
.gdm-say{margin:var(--g3) 0 0}
.gdm-say__hd{font-family:var(--gdm-head);font-size:21px;font-weight:700;margin:0 0 var(--g1);
  padding-bottom:8px;border-bottom:2px solid var(--gdm-line-2)}
.gdm-say ol{margin:0;padding:0;list-style:none}
.gdm-say li{list-style:none;margin:0 0 12px;background:#F7F9FB;border:1px solid var(--gdm-line-2);
  border-left:3px solid var(--gdm-line);padding:12px 15px}
.gdm-say li::before,.gdm-say li::after{content:none}
.gdm-say__who{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;margin:0 0 5px;
  font-size:13px;color:var(--gdm-ink-2)}
.gdm-say__who b{font-size:15px;color:var(--gdm-ink);font-weight:700}
.gdm-say p{margin:0;font-size:15.5px;line-height:1.6}
.gdm-say__note{font-size:13px;color:var(--gdm-ink-2);margin:0 0 var(--g1)}

/* --- 16. подвал ----------------------------------------------- */
.gdm-ft{background:var(--gdm-felt);color:#DCE9E3;margin-top:var(--g3)}
.gdm-ft a{color:#DCE9E3!important}
.gdm-ft a:hover{color:#fff!important;text-decoration:underline}
.gdm-ft__top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:26px;
  max-width:var(--shell);margin:0 auto;padding:34px var(--pad) 26px}
.gdm-ft__hd{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gdm-brass);margin:0 0 11px}
.gdm-ft ul{margin:0;padding:0;list-style:none}
.gdm-ft li{list-style:none;margin:0 0 7px;font-size:15px;line-height:1.5}
.gdm-ft li::before,.gdm-ft li::after{content:none}
.gdm-ft p{margin:0 0 10px;font-size:14.5px;line-height:1.62;color:#B7CFC5}
.gdm-ft__brand{display:flex;align-items:center;gap:11px;margin:0 0 13px}
.gdm-ft__brand svg{width:38px;height:38px;flex:0 0 38px}
.gdm-ft__brand b{font-family:var(--gdm-head);font-size:19px;color:#fff}
.gdm-ft__badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 0}
.gdm-ft__badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #2D6553;border-radius:3px;
  padding:6px 10px;font-size:12.5px;line-height:1.3;color:#DCE9E3;background:#0A3527}
.gdm-ft__badge svg{width:20px;height:20px;flex:0 0 20px}
.gdm-ft__badge--age{background:var(--gdm-brass);border-color:var(--gdm-brass);color:#16202B!important;font-weight:700}
.gdm-ft__svc{max-width:var(--shell);margin:0 auto;padding:0 var(--pad) 18px}
.gdm-ft__svc ul{display:flex;flex-wrap:wrap;gap:6px 20px}
.gdm-ft__svc li{font-size:14px}
.gdm-ft__law{background:var(--gdm-felt-2);border-top:1px solid #16543F}
.gdm-ft__law div{max-width:var(--shell);margin:0 auto;padding:15px var(--pad);
  font-size:13.5px;line-height:1.6;color:#9FBBB0}
.gdm-ft__law b{color:#CFE2DA}

/* --- 17. витрина gdmv ------------------------------------------------------
   ⚠️ Имена классов — КОНВЕНЦИЯ СЕТИ: корень `section.gdmv-wrap`, строки
   `.gdmv-list > li`, хвост `li.gdmv-hid`, чекбокс «показать все» `.gdmv-more`.
   BEM с `__` тут запрещён: общий gate_render.js ищет именно `-wrap`/`-list`,
   иначе «витрин: 0», а хвост под «показать все» уходит в «скрытый текст».
   Файл скина один (/x/gdm/skin.<hash>.css) и имени `gdmv` в ИМЕНИ ФАЙЛА нет —
   повторный прогон этапа 05 не может снести стили витрины вместе со скином. */

/* обёртка донора не должна обрезать витрину: :has() пишется на КАЖДОМ селекторе.
   ⛔ Исключить СВОИ обёртки каркаса: на страницах блога витрина стоит СЕСТРОЙ листа,
   то есть прямым ребёнком `.gdm-col`, и общий `div:has(> .gdmv-wrap)` снимал
   с колонки max-width — статья растягивалась на 1400px вместо 888
   ([[showcase-has-guard-widens-own-column]]). */
.gdm-paper:has(> .gdmv-wrap),.gdm-prose:has(> .gdmv-wrap),
div:has(> .gdmv-wrap):not(.gdm-col):not(.gdm-main):not(.gdm-shell),
section:has(> .gdmv-wrap){
  display:block!important;float:none!important;width:auto!important;max-width:none!important}
/* витрина внутри чужой сетки/флекса занимает всю строку, а не колонку */
.gdmv-wrap{grid-column:1/-1;flex:1 1 100%;min-width:0}

.gdmv-wrap{margin:var(--g3) 0 0;border:1px solid var(--gdm-line);background:#fff;
  container-type:inline-size}
.gdmv-h{background:var(--gdm-felt);color:#fff;padding:14px var(--pad);margin:0;
  font-family:var(--gdm-head);font-size:20px;line-height:1.25;font-weight:700}
.gdmv-wrap h2.gdmv-h{color:#fff}
.gdmv-sub{margin:0;padding:10px var(--pad);background:#F4F7F6;
  border-bottom:1px solid var(--gdm-line-2);font-size:13.5px;line-height:1.55;color:var(--gdm-ink-2)}

/* тогглы — ПРЯМЫЕ БРАТЬЯ <ol>, стоят ПЕРЕД ним, иначе `~` до списка не достаёт */
.gdmv-f,.gdmv-more{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.gdmv-fl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  padding:11px var(--pad);border-bottom:1px solid var(--gdm-line-2);background:#fff}
.gdmv-fl b{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--gdm-ink-2)}
.gdmv-chip{display:inline-block;cursor:pointer;font-size:13px;line-height:1.25;
  padding:6px 11px;border:1px solid var(--gdm-line);border-radius:14px;
  color:var(--gdm-ink-2);background:#fff;user-select:none}
.gdmv-chip:hover{border-color:var(--gdm-accent);color:var(--gdm-accent-d)}

.gdmv-list{margin:0;padding:0;list-style:none;counter-reset:none}
.gdmv-list > li{display:grid;grid-template-columns:52px 1fr 1.05fr 152px;gap:0 16px;
  align-items:center;margin:0;padding:16px var(--pad);
  border-top:1px solid var(--gdm-line-2);list-style:none;min-height:0}
.gdmv-list > li:first-child{border-top:0}
.gdmv-list > li:nth-child(even){background:#F8FAFB}
.gdmv-list > li::before,.gdmv-list > li::after{content:none}
/* ⚠️ специфичность: `.gdmv-list > li{display:grid}` (0,1,1) БЬЁТ `.gdmv-hid{display:none}`
   (0,1,0) — хвост остался бы виден, «показать все» мёртв. Пишем `li.gdmv-hid`. */
.gdmv-list > li.gdmv-hid{display:none}
.gdmv-more:checked ~ .gdmv-list > li.gdmv-hid{display:grid}

/* фильтры: правила идут ПОСЛЕ «показать все» при равной специфичности — режут и раскрытый хвост */
.gdmv-f--crypto:checked ~ .gdmv-list > li:not([data-crypto="1"]),
.gdmv-f--sport:checked ~ .gdmv-list > li:not([data-sport="1"]),
.gdmv-f--poker:checked ~ .gdmv-list > li:not([data-poker="1"]),
.gdmv-f--spins:checked ~ .gdmv-list > li:not([data-spins="1"]),
.gdmv-f--nocode:checked ~ .gdmv-list > li:not([data-nocode="1"]),
.gdmv-f--low:checked ~ .gdmv-list > li:not([data-low="1"]){display:none}
/* фильтр обязан РАБОТАТЬ, а не только прятать пятёрку сверху: включённый фильтр
   достаёт из хвоста все подходящие строки, иначе «Low minimum» не режет ничего —
   первые пять и так все с низким депозитом (R: «фильтры не режут 1/6») */
.gdmv-f--crypto:checked ~ .gdmv-list > li.gdmv-hid[data-crypto="1"],
.gdmv-f--sport:checked ~ .gdmv-list > li.gdmv-hid[data-sport="1"],
.gdmv-f--poker:checked ~ .gdmv-list > li.gdmv-hid[data-poker="1"],
.gdmv-f--spins:checked ~ .gdmv-list > li.gdmv-hid[data-spins="1"],
.gdmv-f--nocode:checked ~ .gdmv-list > li.gdmv-hid[data-nocode="1"],
.gdmv-f--low:checked ~ .gdmv-list > li.gdmv-hid[data-low="1"]{display:grid}
/* активный фильтр подсвечивает свою метку */
.gdmv-f--crypto:checked ~ .gdmv-fl .gdmv-chip--crypto,
.gdmv-f--sport:checked ~ .gdmv-fl .gdmv-chip--sport,
.gdmv-f--poker:checked ~ .gdmv-fl .gdmv-chip--poker,
.gdmv-f--spins:checked ~ .gdmv-fl .gdmv-chip--spins,
.gdmv-f--nocode:checked ~ .gdmv-fl .gdmv-chip--nocode,
.gdmv-f--low:checked ~ .gdmv-fl .gdmv-chip--low{
  background:var(--gdm-accent);border-color:var(--gdm-accent-d);color:#fff}

.gdmv-rank{width:42px;height:42px;border-radius:50%;background:var(--gdm-brass);color:#16202B;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--gdm-head);font-weight:700;font-size:19px;
  border:2px solid var(--gdm-brass-d)}
.gdmv-list > li:first-child .gdmv-rank{box-shadow:0 0 0 4px rgba(200,150,46,.22)}
.gdmv-brand{min-width:0}
/* плитка логотипа: R15 меряет РОДИТЕЛЯ картинки — фон плитки обязан быть белым,
   а знак занимать ≥75 % поля. Пока img лежал прямо в .gdmv-brand, «плиткой» считался
   весь блок с названием, и знак выходил на 43–53 % на прозрачном фоне. */
.gdmv-tile{display:block;width:88px;height:88px;max-width:100%;margin:0 0 6px;padding:4px;
  border:1px solid var(--gdm-line-2);background:#fff}
.gdmv-logo{display:block;width:100%;height:100%;margin:0;border:0;background:#fff;object-fit:contain}
.gdmv-name{display:block;font-family:var(--gdm-head);font-size:17px;font-weight:700;color:var(--gdm-ink)}
.gdmv-meta{display:block;font-size:13px;line-height:1.4;color:var(--gdm-ink-2);margin-top:2px}
.gdmv-offer{min-width:0}
.gdmv-offer b{display:block;font-size:16.5px;font-weight:700;color:var(--gdm-ink);line-height:1.34}
.gdmv-chips{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 0;padding:0;list-style:none;overflow:visible}
.gdmv-chips li{display:block;list-style:none;margin:0;font-size:12px;line-height:1.3;padding:3px 8px;
  background:#EDF4F1;border:1px solid #CADFD6;border-radius:3px;color:var(--gdm-accent-d);white-space:normal}
.gdmv-chips li::before,.gdmv-chips li::after{content:none}
.gdmv-cta{display:flex;flex-direction:column;gap:7px;align-items:stretch}
.gdmv-go{display:block;text-align:center;background:var(--gdm-accent);color:#fff!important;font-weight:700;
  font-size:14.5px;letter-spacing:.04em;text-transform:uppercase;padding:11px 12px;border-radius:3px;
  border-bottom:3px solid var(--gdm-accent-d)}
.gdmv-go:hover{background:var(--gdm-accent-d);color:#fff!important}
.gdmv-rev{display:block;text-align:center;border:1px solid var(--gdm-line);color:var(--gdm-ink-2)!important;
  font-size:13.5px;padding:7px 10px;border-radius:3px;background:#fff}
.gdmv-rev:hover{border-color:var(--gdm-accent);color:var(--gdm-accent-d)!important}

.gdmv-foot{padding:12px var(--pad);border-top:1px solid var(--gdm-line-2);background:#F4F7F6;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.gdmv-btn{display:inline-block;cursor:pointer;font-family:var(--gdm-head);font-size:14px;font-weight:700;
  padding:9px 16px;border:1px solid var(--gdm-brass-d);border-radius:3px;
  background:var(--gdm-brass);color:#16202B;user-select:none}
.gdmv-btn:hover{background:var(--gdm-brass-d);color:#fff}
.gdmv-more:checked ~ .gdmv-foot .gdmv-btn{background:#fff;color:var(--gdm-ink-2);border-color:var(--gdm-line)}
.gdmv-more:checked ~ .gdmv-foot .gdmv-btn .gdmv-btn__on{display:none}
.gdmv-btn__off{display:none}
.gdmv-more:checked ~ .gdmv-foot .gdmv-btn .gdmv-btn__off{display:inline}
.gdmv-note{margin:0;padding:12px var(--pad);border-top:1px solid var(--gdm-line-2);
  font-size:12.5px;line-height:1.6;color:var(--gdm-ink-2);background:#fff}
.gdmv-note a{color:var(--gdm-accent-d)!important;text-decoration:underline}

/* узкий контейнер (сайдбар, колонка донора) — та же раскладка, что на мобилке */
@container (max-width:620px){
  .gdmv-list > li{grid-template-columns:42px 1fr;gap:10px 12px}
  .gdmv-offer,.gdmv-cta{grid-column:2}
  .gdmv-cta{flex-direction:row;flex-wrap:wrap}
}

/* --- 18. значение / методика ---------------------------------- */
.gdm-value{margin:var(--g3) 0 0;background:#F4F7F6;border:1px solid var(--gdm-line);padding:18px var(--pad)}
.gdm-value__hd{font-family:var(--gdm-head);font-size:20px;font-weight:700;margin:0 0 10px;color:var(--gdm-felt)}
.gdm-value ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 22px;
  margin:0;padding:0;list-style:none}
.gdm-value li{list-style:none;margin:0;font-size:15px;line-height:1.55;padding-left:26px;position:relative}
.gdm-value li::after{content:none}
.gdm-value li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;
  border:2px solid var(--gdm-brass);border-radius:2px;display:block}
.gdm-value li b{display:block;color:var(--gdm-ink)}

/* --- 19. блог ------------------------------------------------- */
.gdm-feed{margin:0;padding:0;list-style:none}
.gdm-feed li{list-style:none;margin:0;padding:16px 0;border-bottom:1px solid var(--gdm-line-2)}
.gdm-feed li::before,.gdm-feed li::after{content:none}
.gdm-feed h3{font-family:var(--gdm-head);font-size:19px;line-height:1.32;margin:0 0 5px;font-weight:700}
.gdm-feed h3 a{color:var(--gdm-ink)!important}
.gdm-feed h3 a:hover{color:var(--gdm-accent-d)!important}
.gdm-feed time{display:block;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--gdm-ink-2);margin:0 0 5px}
.gdm-feed p{margin:0;font-size:15.5px;line-height:1.6;color:var(--gdm-ink-2)}
.gdm-feed__kick{display:inline-block;font-family:var(--gdm-head);font-size:11px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--gdm-accent-d);margin:0 0 6px}

/* лента анонсов автопостинга: робот moz.biz кладёт СРАЗУ после маркера голый
   <div style='margin-bottom:20px'><h4><a href="/slug">Заголовок</a></h4><p>дата</p></div>,
   поэтому правила висят на теге, а не на классе — класса у его блока нет */
.gdm-anno{margin:var(--g3) 0 0;background:#F7F9FB;border:1px solid var(--gdm-line);
  border-top:3px solid var(--gdm-brass);padding:18px var(--pad) 6px}
.gdm-anno__hd{font-family:var(--gdm-head);font-size:20px;font-weight:700;margin:0 0 4px}
.gdm-anno__sub{font-size:14px;line-height:1.55;color:var(--gdm-ink-2);margin:0 0 var(--g1)}
.gdm-anno>div{padding:13px 0;border-top:1px solid var(--gdm-line-2)}
.gdm-anno>div:first-of-type{border-top:0}
.gdm-anno h4{font-family:var(--gdm-head);font-size:17.5px;line-height:1.34;margin:0 0 4px;font-weight:700}
.gdm-anno h4 a{color:var(--gdm-ink)!important;text-decoration:none}
.gdm-anno h4 a:hover{color:var(--gdm-accent-d)!important}
.gdm-anno p{margin:0;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--gdm-ink-2)}
/* дата внутри статьи робота (шаблон blog-template) */
.pbn-published-date{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--gdm-ink-2);margin:0 0 var(--g1)}

/* --- 20. мобильная зона --------------------------------------- */
@media (max-width:900px){
  :root{--pad:14px;--g2:24px;--g3:40px}
  .gdm-hd__top{flex-wrap:wrap;gap:10px 14px;min-height:0;padding:12px 0}
  .gdm-hd__care{margin-left:0;width:100%;justify-content:flex-start}
  .gdm-brand__name{font-size:19px}
  .gdm-burger{display:flex;align-items:center;gap:8px;margin-left:auto;cursor:pointer;
    border:1px solid #2D6553;border-radius:3px;padding:7px 11px;color:#fff;font-size:14px;font-weight:600}
  .gdm-burger svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2}
  .gdm-nav{display:none;flex-direction:column;padding:4px 0 10px}
  .gdm-burger__box:checked ~ .gdm-hd__bar .gdm-nav{display:flex}
  .gdm-nav>li>a{padding:11px var(--pad);border-bottom:1px solid #16543F}
  .gdm-drop{position:static;visibility:visible;opacity:1;transform:none;box-shadow:none;
    background:#0A3527;border:0;border-left:3px solid var(--gdm-brass);margin:0 var(--pad) 8px 26px;padding:4px 0}
  .gdm-drop a{color:#DCE9E3!important;padding:6px 12px;font-size:14px}
  .gdm-drop a:hover{background:#12513E;color:#fff!important}
  .gdm-hero__in{padding:32px var(--pad) 30px}
  .gdm-hero h1,.gdm-hero .gdm-hero__h{font-size:29px;max-width:none}
  .gdm-hero p{font-size:16.5px}
  .gdm-stats li{flex:1 1 130px;padding:11px 12px 10px}
  .gdm-stats b{font-size:22px}
  .gdm-paper{padding:22px var(--pad) 26px}
  .gdm-paper h1{font-size:26px}
  .gdm-prose h2{font-size:21px}
  .gdm-prose h3{font-size:18px}
  .gdm-fig--side{float:none;width:100%;margin:var(--g2) 0}
  .gdm-ft__top{grid-template-columns:1fr;gap:22px}
  .gdmv-h{font-size:18px}
  .gdmv-list > li{grid-template-columns:42px 1fr;gap:10px 12px;padding:14px var(--pad)}
  .gdmv-rank{width:38px;height:38px;font-size:17px}
  /* на узком экране плитка встаёт СЛЕВА от названия, а не над ним:
     столбиком строка витрины вырастала до 356px при эталоне ≈200 (R9) */
  .gdmv-brand{display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;
    gap:2px 10px}
  .gdmv-tile{width:56px;height:56px;margin:0;grid-area:1/1/3/2;align-self:center}
  .gdmv-name{grid-column:2;align-self:end}
  .gdmv-meta{grid-column:2;align-self:start;margin-top:0}
  .gdmv-offer{grid-column:2}
  .gdmv-cta{grid-column:2;flex-direction:row;flex-wrap:wrap;gap:8px}
  .gdmv-go{flex:1 1 150px}
  .gdmv-rev{flex:1 1 110px}
  .gdmv-foot{flex-direction:column;align-items:stretch}
  .gdmv-btn{text-align:center}
  .gdm-rail ul{grid-template-columns:1fr;gap:0}
  .gdm-cards ul{grid-template-columns:1fr}
  /* карточка оператора: на узком экране два столбца, кнопка — отдельной строкой.
     Тремя столбцами кнопка наезжала на факты */
  .gdm-op{grid-template-columns:56px 1fr;gap:0 12px;padding:14px var(--pad)}
  .gdm-op__tile{width:56px;height:56px}
  .gdm-op__name{font-size:19px}
  .gdm-op__facts{grid-template-columns:1fr}
  .gdm-op__cta{grid-column:1/-1;max-width:none;margin-top:13px}
  .gdm-tiles ul{grid-template-columns:1fr 1fr;gap:10px}
  .gdm-tiles a{padding:13px 13px 12px}
  .gdm-tile__nm{font-size:16.5px;margin:7px 0 4px}
  .gdm-tile__sub{font-size:13px}
  .gdm-paper__hd{font-size:23px}
}
@media (max-width:420px){
  .gdm-hero h1,.gdm-hero .gdm-hero__h{font-size:25px}
  .gdm-paper h1,.gdm-paper__hd{font-size:23px}
  .gdm-stats li{flex:1 1 100%;border-right:0;border-bottom:1px solid #2D6553}
  .gdm-tiles ul{grid-template-columns:1fr}
  .gdm-tbl--multi table{min-width:440px}
}

/* --- 21. печать и мелочи -------------------------------------- */
.gdm-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* --- 22. виджеты владельца (fortunida) ------------------------- */
/* Скрипт рисует форму сам и кладёт свои цвета в <style>: подпись
   `.subscribe-form-privacy` приходит #9CA3AF — 2,54 на белом фоне статьи,
   рендер-гейт печатает «контраст 1». Правится только перекрытием со своей
   стороны: своей разметки в виджете нет, а `data-accent-color` красит кнопку,
   а не подпись (этап 11, п. 11.17). */
body.gdm-page .subscribe-form-privacy,
body.gdm-page .feedback-form-privacy,
body.gdm-page .subscribe-form-note{color:var(--gdm-ink-2)}

.gdm-hero__bg{background-image:url(/x/gdm/hero.e7740eb8.svg)}