/* =========================================================================
   DatabaseBasketball — собственный скин. Грузится ПОСЛЕ bootstrap,
   поэтому перебивает донорскую типографику и цвет.
   ========================================================================= */
:root{
  --sheet:1120px; --rail:258px; --pad:20px;
  --ink:#12161f; --ink-2:#1b2130; --ink-3:#252d3d;
  --paper:#ffffff; --paper-2:#f4f5f7; --paper-3:#eceff3;
  --text:#14181f; --muted:#59626f; --line:#dde2e9;
  --amber:#f0a92b; --amber-ink:#7a5000;
  --r:3px;
  --display:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* --- глушение донорских правил на голый тег ---------------------------- */
:where(.dbb-page) h1,:where(.dbb-page) h2,:where(.dbb-page) h3,
:where(.dbb-page) h4,:where(.dbb-page) h5,:where(.dbb-page) h6{
  font-family:var(--display); color:var(--text); letter-spacing:-.015em;
  line-height:1.16; margin:0 0 .5em; font-weight:700;
  hyphens:manual; overflow-wrap:break-word; text-transform:none;
}
/* ⛔ `overflow-wrap` абзацу — не «на всякий случай»: заголовки его получили
   выше, а абзацы нет, и голый длинный адрес в прозе вылезал за свою колонку
   (p 370 px в коробке 358 при экране 390). На страницах сборки таких адресов
   нет ни одного — их пишет РОБОТ, поэтому ни один гейт скина этого не видел,
   поймал `gate_tpl.js` (P8). `break-word`, а не `anywhere`: рвать длинное
   слово, только если оно иначе не влезает, и не менять min-content ячеек. */
:where(.dbb-page) p,:where(.dbb-page) li,:where(.dbb-page) td,:where(.dbb-page) th{
  font-family:var(--body); overflow-wrap:break-word;
}
:where(.dbb-page) a{color:#1b4fc2; text-decoration:none;}
:where(.dbb-page) a:hover{text-decoration:underline;}
:where(.dbb-page) img{max-width:100%; height:auto;}
:where(.dbb-page) iframe,:where(.dbb-page) video,
:where(.dbb-page) embed,:where(.dbb-page) object{max-width:100%;}
:where(.dbb-page) pre{max-width:100%; overflow-x:auto;}
:where(.dbb-page) pre code{white-space:pre-wrap; overflow-wrap:anywhere;}
/* имя поля и формула внутри прозы: отличимы от текста, но не блок кода */
:where(.dbb-page) :not(pre)>code{font-family:ui-monospace,SFMono-Regular,
  "SF Mono",Menlo,Consolas,monospace; font-size:.9em; padding:1px 5px;
  border:1px solid var(--line); border-radius:var(--r); background:var(--paper-2);
  overflow-wrap:anywhere;}
:where(.dbb-page) .dbb-math{font-family:Georgia,"Times New Roman",serif;
  font-style:italic;}
:where(.dbb-page) .dbb-formula{font-family:Georgia,"Times New Roman",serif;
  font-style:italic; font-size:17px; text-align:center; margin:20px 0;
  padding:14px 16px; background:var(--paper-2);
  border-left:3px solid var(--amber); overflow-x:auto;}
:where(.dbb-page) sup,:where(.dbb-page) sub{font-size:.72em; line-height:0;}
:where(.dbb-page) font{font-size:inherit !important; color:inherit !important;
  font-family:inherit !important;}
:where(.dbb-page) center{text-align:left;}
:where(.dbb-page) hr{border:0; border-top:1px solid var(--line); margin:22px 0;}

html{-webkit-text-size-adjust:100%;}
body.dbb-page{
  margin:0; background:var(--paper); color:var(--text);
  font-family:var(--body); font-size:16.5px; line-height:1.6;
  overflow-x:hidden;
}
.dbb-page *,.dbb-page *::before,.dbb-page *::after{box-sizing:border-box;}
.dbb-skip{position:absolute; left:-9999px; top:0; background:var(--amber);
  color:var(--ink) !important; padding:10px 16px; z-index:60;}
.dbb-skip:focus{left:8px; top:8px;}

/* --- лист: единый контракт ширины -------------------------------------- */
.dbb-sheet{width:100%; max-width:var(--sheet); margin-inline:auto;
  padding-inline:var(--pad);}

/* ======================= МАЧТА ========================================= */
.dbb-mast{background:var(--ink); color:#fff; position:relative; z-index:40;}
.dbb-mast a{color:#fff;}
.dbb-mast__top{display:flex; align-items:center; gap:16px; min-height:68px;
  padding-block:10px;}
.dbb-brand{display:flex; align-items:center; gap:11px; text-decoration:none;
  flex:0 0 auto;}
.dbb-brand:hover{text-decoration:none;}
.dbb-brand svg{display:block; width:40px; height:40px; flex:0 0 auto;}
.dbb-brand__w{font-family:var(--display); font-weight:800; font-size:21px;
  letter-spacing:-.025em; line-height:1; color:#fff;}
.dbb-brand__w i{font-style:normal; color:var(--amber);}
.dbb-brand__t{display:block; font-family:var(--body); font-weight:500;
  font-size:10.5px; letter-spacing:.14em; text-transform:uppercase;
  color:#9aa4b4; margin-top:4px;}
.dbb-mast__sp{flex:1 1 auto;}
.dbb-mast__act{display:flex; align-items:center; gap:8px; flex:0 0 auto;}
.dbb-mast__cta{display:inline-flex; align-items:center; min-height:38px;
  padding:0 15px; background:var(--amber); color:var(--ink) !important;
  font-weight:700; font-size:13.5px; border-radius:var(--r);
  letter-spacing:.01em; white-space:nowrap;}
.dbb-mast__cta:hover{background:#ffc35a; text-decoration:none;}

/* --- поиск по сайту ---------------------------------------------------- */
.dbb-find{position:relative; flex:0 1 302px; display:flex; gap:6px;
  align-items:center; margin:0;}
.dbb-find__l{position:absolute; width:1px; height:1px; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap;}
.dbb-find__i{flex:1 1 auto; min-width:0; height:38px; padding:0 11px;
  border:1px solid #39424f; border-radius:var(--r); background:var(--ink-3);
  color:#fff; font:400 14px/1.2 inherit; -webkit-appearance:none;}
.dbb-find__i::placeholder{color:#8d97a6;}
.dbb-find__i:focus{outline:2px solid var(--amber); outline-offset:1px;
  background:var(--ink-2);}
.dbb-find__b{height:38px; padding:0 13px; border:0; border-radius:var(--r);
  background:#39424f; color:#fff; font:700 13.5px/1 inherit; cursor:pointer;}
.dbb-find__b:hover{background:#4a5563;}
.dbb-find__r{position:absolute; z-index:60; top:calc(100% + 5px); left:0;
  right:0; background:var(--paper); border:1px solid var(--line);
  border-radius:var(--r); box-shadow:0 14px 34px rgba(8,12,20,.3);
  max-height:344px; overflow:auto; padding:5px;}
.dbb-find__r a{display:block; padding:7px 9px; border-radius:var(--r);
  color:var(--text) !important; text-decoration:none; font-size:14px;
  line-height:1.3;}
.dbb-find__r a:hover,.dbb-find__r a:focus{background:var(--paper-3);}
.dbb-find__r b{display:block; font-weight:700;}
.dbb-find__r i{font-style:normal; font-size:12px; color:var(--muted);
  text-transform:uppercase; letter-spacing:.06em;}
.dbb-find__r p{margin:0; padding:9px; font-size:14px; color:var(--muted);}

/* --- меню -------------------------------------------------------------- */
.dbb-navtog,.dbb-navtog-lbl{display:none;}
.dbb-nav{background:var(--ink-2); border-top:1px solid rgba(255,255,255,.08);}
.dbb-nav__in{display:flex; align-items:stretch; gap:0;}
.dbb-nav__i{position:relative;}
.dbb-nav__l{display:flex; align-items:center; min-height:46px; line-height:1.4;
  padding:0 15px; font-family:var(--display); font-weight:700; font-size:14px;
  letter-spacing:.02em; text-transform:uppercase; color:#e6eaf0 !important;
  border-bottom:3px solid transparent; white-space:nowrap;}
.dbb-nav__l:hover,.dbb-nav__i:hover>.dbb-nav__l{background:var(--ink-3);
  border-bottom-color:var(--amber); text-decoration:none;}
.dbb-nav__l[aria-current="page"]{border-bottom-color:var(--amber);}
.dbb-nav__l i{font-style:normal; margin-left:6px; font-size:10px; opacity:.7;}
.dbb-sub{position:absolute; left:0; top:100%; min-width:224px;
  background:var(--ink-2); border:1px solid rgba(255,255,255,.12);
  border-top:2px solid var(--amber); padding:5px 0; margin:0; list-style:none;
  opacity:0; visibility:hidden; transform:translateY(-4px);
  transition:opacity .13s ease, transform .13s ease; z-index:45;}
.dbb-nav__i:hover>.dbb-sub,.dbb-nav__i:focus-within>.dbb-sub{
  opacity:1; visibility:visible; transform:none;}
.dbb-sub a{display:flex; align-items:center; min-height:44px; line-height:1.4;
  padding:0 16px; font-size:14.5px; color:#d7dde6 !important;}
.dbb-sub a:hover{background:var(--ink-3); color:#fff !important;
  text-decoration:none;}

/* --- полоса чипов ------------------------------------------------------ */
.dbb-chips{background:var(--paper-2); border-bottom:1px solid var(--line);}
.dbb-chips__in{display:flex; align-items:center; gap:9px; padding-block:9px;
  overflow-x:auto; scrollbar-width:none;}
.dbb-chips__in::-webkit-scrollbar{display:none;}
.dbb-chips__h{font-family:var(--display); font-weight:800; font-size:11px;
  letter-spacing:.13em; text-transform:uppercase; color:var(--muted);
  flex:0 0 auto; padding-right:3px;}
.dbb-chip{display:inline-flex; align-items:center; min-height:30px;
  padding:0 12px; background:var(--paper); border:1px solid var(--line);
  border-radius:15px; font-size:13px; font-weight:600; color:var(--text) !important;
  white-space:nowrap; flex:0 0 auto;}
.dbb-chip:hover{border-color:var(--ink); text-decoration:none;}
/* Лента вкладок донора внутри статьи: те же чипы, но переносом, а не
   прокруткой — в колонке текста горизонтальная прокрутка не читается. */
.dbb-onpage{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px;}

/* ======================= КАРКАС СТРАНИЦЫ =============================== */
.dbb-main{display:block; padding-bottom:52px; min-height:40vh;}
.dbb-grid{display:grid; grid-template-columns:minmax(0,1fr); gap:34px;
  align-items:start;}
@media (min-width:980px){
  .dbb-grid:has(>.dbb-rail){grid-template-columns:minmax(0,1fr) var(--rail);}
}
.dbb-col{min-width:0;}
.dbb-rail{min-width:0;}

/* --- крошки ------------------------------------------------------------ */
.dbb-crumbs{font-size:12.5px; color:var(--muted); padding-block:14px 0;
  display:flex; flex-wrap:wrap; gap:6px; align-items:center;}
.dbb-crumbs a{color:var(--muted) !important;}
.dbb-crumbs a:hover{color:var(--text) !important;}
.dbb-crumbs span{opacity:.5;}

/* --- кикер и шапка материала ------------------------------------------- */
.dbb-kick{display:inline-flex; align-items:center; min-height:22px;
  padding:0 9px; font-family:var(--display); font-weight:800; font-size:11px;
  letter-spacing:.1em; text-transform:uppercase; color:#fff !important;
  border-radius:2px; margin-bottom:11px;}
.dbb-head{padding-block:18px 8px;}
.dbb-head h1{font-size:clamp(28px,4.4vw,44px); margin:0 0 12px;}
.dbb-head__sub{font-size:18px; line-height:1.5; color:var(--muted);
  margin:0 0 14px; max-width:60ch;}
.dbb-meta{display:flex; flex-wrap:wrap; gap:8px 16px; font-size:13px;
  color:var(--muted); border-top:1px solid var(--line);
  border-bottom:1px solid var(--line); padding-block:11px; margin-bottom:24px;}
.dbb-meta b{color:var(--text); font-weight:600;}

/* --- проза ------------------------------------------------------------- */
.dbb-prose{font-size:17.5px; line-height:1.72;}
.dbb-prose>*{max-width:100%;}
.dbb-prose h2{font-size:26px; margin-top:1.7em;}
.dbb-prose h3{font-size:20.5px; margin-top:1.5em;}
.dbb-prose p{margin:0 0 1.15em;}
.dbb-prose ul,.dbb-prose ol{margin:0 0 1.2em; padding-left:1.35em;}
.dbb-prose li{margin-bottom:.45em;}
/* Список, собранный обратно из <li>, осиротевших у донора. Имя своё:
   `dbb-list` ниже по файлу — это ЛЕНТА ССЫЛОК (list-style:none, грид), и
   обычные пункты правил в ней потеряли бы и маркер, и отступ. */
.dbb-relist{margin:0 0 1.2em; padding-left:1.35em;}
.dbb-relist li{margin-bottom:.45em;}
.dbb-prose blockquote{margin:1.4em 0; padding:2px 0 2px 20px;
  border-left:3px solid var(--amber); color:var(--text); font-size:19px;}
/* донорская/роботная таблица в прозе — пишется вслепую, до того как увидим */
.dbb-prose>table{display:block; width:100%; max-width:100%; overflow-x:auto;}
/* ⛔ РАЗМЕТКА, КОТОРОЙ НА САЙТЕ ПОКА НЕТ. Статья робота приезжает голым html
   в `%CONTENT_1%`: обёрток сборщика (`.dbb-tbl__wrap`, `.dbb-relist`) у неё
   не будет никогда, и ни один гейт скина этих узлов не видит — в момент
   приёмки их ещё нет ни одной. Одеваем заранее. */
.dbb-prose{container-type:inline-size;}
/* Подпись у таблицы-коробки уезжает вместе с прокруткой и обрезается: держим
   её на месте и меряем по ВИДИМОЙ части (`100cqi` от обёртки прозы, не от
   прокручиваемой ширины). `max-width:100%` обязателен — `100cqi` считается
   по рамке обёртки, а видимая часть таблицы на 2 px уже. */
.dbb-prose>table>caption{position:sticky; left:0; caption-side:top;
  width:100cqi; max-width:100%; text-align:left; padding:0 0 6px;
  font-size:13px; color:var(--muted);}
.dbb-prose figure{margin:1.4em 0;}
.dbb-prose figure img{display:block; max-width:100%; height:auto;}
.dbb-prose figcaption{margin-top:7px; font-size:13px; color:var(--muted);
  line-height:1.5;}
.dbb-prose cite{font-style:normal; color:var(--muted);}
.dbb-prose blockquote cite{display:block; margin-top:8px; font-size:14px;}
/* `ArticleDateStamp::inject()` дописывает свой абзац даты сразу после <h1>,
   а <h1> уходит в `%H1%` — значит абзац приезжает ПЕРВЫМ узлом прозы.
   Селектор с контейнером: иначе его перебьёт правило первого абзаца. */
.dbb-prose .pbn-published-date{margin:0 0 18px; font-family:var(--display);
  font-size:12.5px; letter-spacing:.04em; text-transform:uppercase;
  color:var(--muted);}

/* Разобранная вёрсточная таблица донора: две половины шапки игрока/команды.
   На десктопе они стоят рядом, на узком — одна под другой, и текст больше не
   жмётся в колонку 115 px. */
.dbb-lay{display:grid; gap:14px 26px; margin:0 0 20px;}
@media (min-width:760px){
  .dbb-lay{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
}
.dbb-lay__c>:first-child{margin-top:0;}
.dbb-lay__c>:last-child{margin-bottom:0;}

/* ======================= ТАБЛИЦЫ ======================================= */
.dbb-tbl{margin:0 0 20px;}
.dbb-tbl__hint{font-size:12.5px; color:var(--muted); margin:0 0 6px;
  display:none;}
.dbb-tbl__wrap{overflow-x:auto; -webkit-overflow-scrolling:touch;
  border:1px solid var(--line); border-radius:var(--r); background:var(--paper);}
.dbb-tbl table{border-collapse:collapse; font-size:14px; margin:0;}
/* от 4 колонок таблица живёт по своей ширине и скроллится */
.dbb-tbl.dbb-tbl--wide table{width:max-content; min-width:100%; max-width:none;}
.dbb-tbl.dbb-tbl--narrow table{width:100%;}
.dbb-tbl th,.dbb-tbl td{padding:8px 12px; text-align:left; max-width:340px;
  border-bottom:1px solid var(--line); vertical-align:top;}
.dbb-tbl thead th{background:var(--paper-2); font-family:var(--display);
  font-weight:700; font-size:12px; letter-spacing:.06em; text-transform:uppercase;
  color:var(--muted); white-space:nowrap; position:sticky; top:0; z-index:2;}
.dbb-tbl tbody tr:nth-child(even){background:#fafbfc;}
.dbb-tbl tbody tr:hover{background:#f2f6fd;}
.dbb-tbl caption{display:block; position:sticky; left:0;
  width:calc(100vw - var(--pad)*2); max-width:100%;
  font-family:var(--display); font-weight:700; font-size:15px;
  text-align:left; padding:10px 12px; color:var(--text);
  background:var(--paper-2); border-bottom:1px solid var(--line);}
@media (max-width:760px){
  /* подсказка только там, где вбок действительно едет: у узкой таблицы
     она обещает прокрутку, которой нет */
  .dbb-tbl--wide>.dbb-tbl__hint{display:block;}
  .dbb-tbl th,.dbb-tbl td{max-width:260px; padding:7px 12px;}
}

/* ======================= ТАБЛО (виджет) ================================ */
.dbb-board{background:var(--ink); color:#fff; padding:22px 0 24px;
  margin-bottom:34px;}
.dbb-board h2{color:#fff; font-size:15px; letter-spacing:.11em;
  text-transform:uppercase; margin:0 0 3px;}
.dbb-board__note{font-size:13px; color:#9aa4b4; margin:0 0 15px;}
.dbb-board__pills{display:flex; gap:7px; overflow-x:auto; padding-bottom:11px;
  scrollbar-width:none;}
.dbb-board__pills::-webkit-scrollbar{display:none;}
.dbb-board__pill{display:inline-flex; align-items:center; min-height:30px;
  padding:0 13px; border:1px solid rgba(255,255,255,.22); border-radius:15px;
  font-size:12.5px; font-weight:700; color:#e6eaf0 !important; white-space:nowrap;
  background:transparent; flex:0 0 auto; cursor:pointer;}
.dbb-board__pill:hover{background:rgba(255,255,255,.1); text-decoration:none;}
.dbb-board__strip{display:grid; gap:9px; grid-auto-flow:column;
  grid-auto-columns:minmax(178px,1fr); overflow-x:auto; padding-bottom:6px;
  scrollbar-width:none;}
.dbb-board__strip::-webkit-scrollbar{display:none;}
.dbb-card{background:var(--ink-2); border:1px solid rgba(255,255,255,.1);
  border-radius:var(--r); padding:12px 13px; min-width:0; display:block;}
.dbb-card:hover{border-color:var(--amber); text-decoration:none;}
.dbb-card__yr{font-family:var(--display); font-weight:800; font-size:12px;
  letter-spacing:.08em; color:var(--amber); display:block; margin-bottom:6px;}
.dbb-card__t{font-family:var(--display); font-weight:700; font-size:16px;
  color:#fff; display:block; line-height:1.25; margin-bottom:5px;}
.dbb-card__m{font-size:12.5px; color:#9aa4b4; display:block; line-height:1.4;}

/* ======================= СЕКЦИОННАЯ ПОЛОСА ============================= */
.dbb-sec{clear:both; margin:0 0 30px;}
.dbb-sec__bar{display:flex; align-items:center; gap:12px; margin-bottom:16px;
  border-bottom:2px solid var(--ink); padding-bottom:0;}
.dbb-sec__t{display:inline-flex; align-items:center; min-height:31px;
  padding:0 13px; background:var(--ink); color:#fff !important;
  font-family:var(--display); font-weight:800; font-size:13px;
  letter-spacing:.08em; text-transform:uppercase;}
.dbb-sec__n{font-size:12.5px; color:var(--muted); margin-left:auto;
  font-weight:600;}
.dbb-sec__n a{color:var(--muted) !important;}

/* --- лента ------------------------------------------------------------- */
.dbb-feed{display:grid; gap:0;}
.dbb-day{display:flex; align-items:center; gap:12px; margin:6px 0 16px;}
.dbb-day__t{font-family:var(--display); font-weight:800; font-size:11.5px;
  letter-spacing:.12em; text-transform:uppercase; color:var(--muted);
  white-space:nowrap;}
.dbb-day__r{flex:1 1 auto; height:1px; background:var(--line);}
.dbb-item{display:grid; grid-template-columns:minmax(0,1fr); gap:14px;
  padding:0 0 20px; margin-bottom:20px; border-bottom:1px solid var(--line);}
.dbb-item__b{min-width:0;}
.dbb-item h3{font-size:19.5px; margin:0 0 7px;}
.dbb-item h3 a{color:var(--text) !important;}
.dbb-item h3 a:hover{color:#1b4fc2 !important; text-decoration:none;}
.dbb-item__d{font-size:14.5px; color:var(--muted); margin:0 0 7px;
  line-height:1.52;}
.dbb-item__m{font-size:12px; color:var(--muted); letter-spacing:.03em;}

/* --- ЛЕНТА АВТОПОСТИНГА ------------------------------------------------
   ⛔ Анонс приносит РОБОТ, разметкой, которой в сборке нет ни одной:
   `<div style="margin-bottom: 20px;"><h4><a>…</a></h4><p>…</p></div>` сразу
   за маркером `<!-- BLOG -->`. Оформление вешается на контейнер, инлайновый
   отступ робота перебивается. До первой публикации секция пуста — прячем её
   ЦЕЛИКОМ вместе с подписью «Latest», иначе на видном месте стоит заголовок
   ни над чем. ⛔ Одним уровнем `:has`: вложенный `:has` браузер выбрасывает
   молча, и тогда исчезает лента, а подпись остаётся. */
.dbb-sec:has(>.dbb-wire):not(:has(>.dbb-wire>div)){display:none;}
.dbb-wire>div{margin:0 0 20px !important; padding:0 0 20px;
  border-bottom:1px solid var(--line);}
.dbb-wire>div:last-child{margin-bottom:0 !important; padding-bottom:0;
  border-bottom:0;}
.dbb-wire h4{font-size:19.5px; margin:0 0 7px; line-height:1.3;}
.dbb-wire h4 a{color:var(--text) !important;}
.dbb-wire h4 a:hover{color:#1b4fc2 !important;}
.dbb-wire p{font-size:14.5px; color:var(--muted); margin:0; line-height:1.52;}

/* --- нумерованный рельс ------------------------------------------------ */
.dbb-rank{border:1px solid var(--line); border-top:3px solid var(--ink);
  border-radius:var(--r); background:var(--paper); margin-bottom:26px;}
.dbb-rank__h{padding:13px 15px 11px; border-bottom:1px solid var(--line);}
.dbb-rank__h h2{font-size:14px; letter-spacing:.09em; text-transform:uppercase;
  margin:0 0 3px;}
.dbb-rank__h p{font-size:12px; color:var(--muted); margin:0; line-height:1.45;}
.dbb-rank__l{list-style:none; margin:0; padding:0; counter-reset:dbbr;}
.dbb-rank__l li{counter-increment:dbbr; display:flex; gap:11px;
  align-items:baseline; padding:9px 15px; border-bottom:1px solid var(--line);
  font-size:14.5px; min-width:0;}
.dbb-rank__l li:last-child{border-bottom:0;}
.dbb-rank__l li::before{content:counter(dbbr); font-family:var(--display);
  font-weight:800; font-size:13px; color:var(--muted); min-width:17px;
  flex:0 0 auto;}
.dbb-rank__nm{flex:1 1 auto; min-width:0; overflow-wrap:break-word;}
.dbb-rank__nm a{color:var(--text) !important;}
.dbb-rank__v{flex:0 0 auto; font-family:var(--display); font-weight:700;
  font-size:14px; color:var(--text);}
.dbb-rank__f{padding:10px 15px; font-size:12.5px;}

/* --- карточка термина -------------------------------------------------- */
.dbb-term{border:1px solid var(--line); border-left:3px solid #6b4ea8;
  background:var(--paper-2); border-radius:var(--r); padding:15px 17px;
  margin:26px 0;}
.dbb-term__h{font-family:var(--display); font-weight:800; font-size:11px;
  letter-spacing:.12em; text-transform:uppercase; color:#6b4ea8;
  margin:0 0 6px;}
.dbb-term h3{font-size:18px; margin:0 0 6px;}
.dbb-term p{font-size:14.5px; line-height:1.55; margin:0 0 8px;
  color:var(--text);}
.dbb-term__m{font-size:12.5px; margin:0;}

/* --- индекс рубрики ---------------------------------------------------- */
.dbb-index{margin-bottom:30px;}
.dbb-index__row{display:flex; flex-wrap:wrap; gap:7px; margin-bottom:12px;}
.dbb-idx{display:inline-flex; align-items:center; justify-content:center;
  min-width:38px; min-height:38px; padding:0 10px; background:var(--paper-2);
  border:1px solid var(--line); border-radius:var(--r);
  font-family:var(--display); font-weight:700; font-size:14px;
  color:var(--text) !important; line-height:1.4;}
.dbb-idx:hover{background:var(--ink); color:#fff !important; border-color:var(--ink);
  text-decoration:none;}
.dbb-idx b{font-weight:700;}
.dbb-idx i{font-style:normal; font-size:11px; color:var(--muted);
  margin-left:5px; font-weight:600;}
.dbb-idx:hover i{color:#b9c2ce;}

/* --- сетка карточек ---------------------------------------------------- */
.dbb-tile{border:1px solid var(--line); border-radius:var(--r);
  background:var(--paper); padding:14px 15px; min-width:0; display:block;}
.dbb-tile:hover{border-color:var(--ink); text-decoration:none;}
.dbb-tile__t{font-family:var(--display); font-weight:700; font-size:16.5px;
  color:var(--text); display:block; line-height:1.28; margin-bottom:6px;
  overflow-wrap:break-word;}

/* --- список ссылок в две-три колонки ----------------------------------- */
.dbb-list{list-style:none; margin:0 0 22px; padding:0; display:grid; gap:0;
  grid-template-columns:repeat(auto-fill,minmax(258px,1fr));}
.dbb-list li{min-width:0; border-bottom:1px solid var(--line);}
.dbb-list a{display:block; padding:9px 12px 9px 0; font-size:15px;
  color:var(--text) !important; overflow-wrap:break-word; line-height:1.45;}
.dbb-list a:hover{color:#1b4fc2 !important; text-decoration:none;}
.dbb-list i{font-style:normal; color:var(--muted); font-size:12.5px;
  margin-left:6px;}

/* --- разное ------------------------------------------------------------ */
.dbb-leg{display:flow-root;}
.dbb-note{background:var(--paper-2); border:1px solid var(--line);
  border-radius:var(--r); padding:14px 16px; font-size:14.5px;
  color:var(--muted); margin:0 0 24px; line-height:1.55;}
.dbb-note b{color:var(--text); display:block; margin:0 0 6px;}
/* Заметка бывает списком: в неё переносится уникальный текст снятой
   донорской колонки (условия бонуса на странице обзора). */
.dbb-note ul{margin:0; padding-left:20px;}
.dbb-note li{margin:0 0 4px;}
.dbb-note li:last-child{margin-bottom:0;}
/* Вводка хаба: обычный читаемый текст, а не подпись — на хабе, где ниже идут
   одни списки ссылок, это единственный абзац, который объясняет раздел. */
.dbb-intro{margin:0 0 26px; max-width:70ch;}
.dbb-intro p{margin:0 0 12px; font-size:16px; line-height:1.65;}
.dbb-intro p:last-child{margin-bottom:0;}
.dbb-intro a{border-bottom:1px solid var(--line);}

/* --- проданный блок: оставлен дословно, только поля ---------------------*/
.dbb-sold{margin:30px 0 0;}
.dbb-sold .widget_text>h2,.dbb-sold section>h2{font-size:15px;
  letter-spacing:.09em; text-transform:uppercase; color:var(--muted);
  margin:0 0 12px;}

/* ======================= ПОДВАЛ ======================================== */
.dbb-foot{background:var(--ink); color:#b9c2ce; padding:38px 0 26px;
  font-size:14px; margin-top:8px;}
.dbb-foot a{color:#d7dde6 !important;}
.dbb-foot a:hover{color:#fff !important;}
.dbb-foot__g{display:grid; gap:26px; grid-template-columns:minmax(0,1fr);
  padding-bottom:24px; border-bottom:1px solid rgba(255,255,255,.12);}
@media (min-width:720px){.dbb-foot__g{grid-template-columns:1.5fr 1fr 1fr 1fr;}}
.dbb-foot__c{min-width:0;}
.dbb-foot h2{color:#fff; font-size:12px; letter-spacing:.12em;
  text-transform:uppercase; margin:0 0 11px;}
.dbb-foot ul{list-style:none; margin:0; padding:0;}
.dbb-foot li{margin-bottom:7px; line-height:1.45;}
.dbb-foot__ab{font-size:13.5px; line-height:1.6; margin:0 0 12px; color:#9aa4b4;
  max-width:44ch;}
.dbb-foot__b{display:flex; flex-wrap:wrap; gap:10px 20px; align-items:center;
  padding-top:18px; font-size:12.5px; color:#8b96a6;}
.dbb-foot__b p{margin:0;}
.dbb-foot__age{display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; border:1.5px solid #8b96a6; border-radius:50%;
  font-size:10.5px; font-weight:700; flex:0 0 auto;}

/* ======================= МОБИЛЬНОЕ ===================================== */
@media (max-width:979px){
  :root{--pad:16px;}
  .dbb-navtog-lbl{display:inline-flex; align-items:center; justify-content:center;
    min-width:44px; min-height:44px; cursor:pointer; color:#fff;
    border:1px solid rgba(255,255,255,.28); border-radius:var(--r);
    flex:0 0 auto; margin-left:4px;}
  .dbb-navtog-lbl span{display:block; width:19px; height:2px; background:#fff;
    position:relative;}
  .dbb-navtog-lbl span::before,.dbb-navtog-lbl span::after{content:"";
    position:absolute; left:0; width:19px; height:2px; background:#fff;}
  .dbb-navtog-lbl span::before{top:-6px;}
  .dbb-navtog-lbl span::after{top:6px;}
  .dbb-nav{display:none;}
  .dbb-navtog:checked~.dbb-nav{display:block;}
  .dbb-nav__in{display:block; padding-bottom:8px;}
  .dbb-nav__i{border-bottom:1px solid rgba(255,255,255,.08);}
  .dbb-nav__l{min-height:48px; padding:0 var(--pad); border-bottom:0;
    font-size:15px;}
  .dbb-nav__l:hover{border-bottom-color:transparent;}
  .dbb-sub{position:static; opacity:1; visibility:visible; transform:none;
    border:0; border-top:1px solid rgba(255,255,255,.08);
    background:rgba(0,0,0,.24); min-width:0; padding:0;}
  .dbb-sub a{min-height:46px; padding-left:calc(var(--pad) + 14px);
    font-size:14.5px;}
  .dbb-mast__cta{display:none;}
  .dbb-board__strip{grid-auto-columns:minmax(164px,1fr);}
  .dbb-mast__top{flex-wrap:wrap;}
  .dbb-mast__sp{display:none;}
  .dbb-find{order:3; flex:1 0 100%; padding-bottom:10px;}
}
@media (max-width:620px){
  .dbb-head h1{font-size:clamp(25px,7vw,32px);}
  .dbb-prose{font-size:17px;}
  .dbb-list{grid-template-columns:minmax(0,1fr);}
  .dbb-brand__w{font-size:19px;}
  .dbb-brand svg{width:36px; height:36px;}
}

/* ======================= СОВМЕСТИМОСТЬ С ДОНОРСКИМ КОНТЕНТОМ =========== */
/* проданные блоки и обзоры собраны на bootstrap-сетке; она оставлена,
   но её типографика и цвет перекрыты выше. Здесь — только заплатки. */
.dbb-page .bottom-list-button{padding:12px 10px; text-align:center;}
.dbb-page .bottom-list-button img{max-width:100%; height:auto;}
.dbb-page .review-star,.dbb-page .mts-icon-star{color:var(--amber);}
.dbb-page .btn{border-radius:var(--r); font-weight:700;}
.dbb-page .btn-secondary{background:var(--ink); border-color:var(--ink);
  color:#fff !important;}
.dbb-page .btn-secondary:hover{background:var(--ink-3); border-color:var(--ink-3);}
.dbb-page .news-box,.dbb-page .random-cards,.dbb-page .free-bonus{
  border:1px solid var(--line); border-radius:var(--r); background:var(--paper);
  padding:16px 18px; margin:18px 0;}
.dbb-page .glossary-abc{border-radius:var(--r);}
.dbb-page .site-main{padding:0;}

/* Рамка донора без внутреннего поля: текст лежал в 1–15 px от границы —
   на рендере это 70 замечаний «отступ меньше 16 px». Bootstrap-утилиты
   `p-1`/`mt-3` донора тут не годятся, поле задаём сами. */
.dbb-page .card{border:1px solid var(--line); border-radius:var(--r);
  background:var(--paper); padding:16px 18px; margin:18px 0;}
.dbb-page .card>.card{border:0; padding:0; margin:0;}
.dbb-page .card-header{margin:-16px -18px 14px; padding:12px 18px;
  border-bottom:1px solid var(--line); background:var(--paper-2);
  font-family:var(--display); font-weight:700;}
.dbb-page .card-body{padding:0;}
.dbb-page .sub-nav-header{padding:12px 16px; margin:0 0 14px;
  border-radius:var(--r) var(--r) 0 0;}
.dbb-page .sub-nav-header.bg-dark{background:var(--ink) !important;
  color:#fff !important;}
.dbb-page .sub-nav-header.bg-dark a{color:#fff !important;}
.dbb-page .border-bottom.p-1{padding:10px 14px !important;}

/* Карточки офферов донора лежат по три в ряд (`col-4`): в колонке статьи это
   180 px и перенос посреди слова («Welcom/e Bonus»). Ряд перестраивается в
   сетку с минимальной шириной карточки — число карточек в ряду выбирает
   ширина, а не донорский класс. */
.dbb-page #products>ul{display:grid; gap:14px; list-style:none;
  margin:0; padding:0;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));}
.dbb-page #products>ul>li{max-width:none; width:auto; flex:none; margin:0;}
/* Шапка оффера (лого · бонус · кнопка) держалась на `col-md-2`: 90 px, и
   «You Can Not Play» вставало по слову в строку. */
.dbb-page .brand-image-hovereffect .row{flex-wrap:wrap; align-items:center;}
.dbb-page .brand-image-hovereffect .row>[class*="col-"]{
  flex:1 1 150px; max-width:none; min-width:0;}

/* звёзды wp-review: плагин снят, разметка осталась. Пять серых звёзд,
   поверх них обрезанный по ширине слой заполненных — как было у донора. */
.dbb-page .review-result-wrapper{position:relative; display:inline-block;
  white-space:nowrap; line-height:1; color:var(--line) !important;}
.dbb-page .review-result{position:absolute; top:0; left:0; overflow:hidden;
  white-space:nowrap; color:var(--amber) !important;}
.dbb-page .mts-icon-star{font-style:normal;}
.dbb-page .mts-icon-star::before{content:"\2605"; font-size:17px;}
.dbb-page .review-wrapper{border:1px solid var(--line); border-radius:var(--r);
  background:var(--paper); padding:14px; margin:18px 0;}
.dbb-page .review-total-only .review-result-wrapper{font-size:19px;}
.dbb-page .factlist-li{display:flex; gap:10px; flex-wrap:wrap;
  border-bottom:1px solid var(--line); padding:7px 0;}
.dbb-page .factlist-p{min-width:160px; margin:0; font-weight:700;}
.dbb-page .factlist-div{margin:0; min-width:0; overflow-wrap:anywhere;}
.dbb-page .review-list{list-style:none; margin:0; padding:0;}
/* заголовок донора, под которым не оказалось раздела: подпись, а не рубрика */
.dbb-oh{margin:16px 0 6px; font-family:var(--display); font-size:15.5px;
  line-height:1.4; color:var(--text);}

/* вкладки донора держались на bootstrap.js, которого нет: раскрыты в секции */
.dbb-page .dbb-panes{display:block;}
.dbb-page .dbb-pane{display:block !important; opacity:1 !important;
  margin:0 0 18px;}
.dbb-page .dbb-pane__h{font-size:19px; margin:18px 0 8px;
  padding-bottom:6px; border-bottom:2px solid var(--ink);}
/* Донорская картинка в колонке несёт `h-100 w-100`: без bootstrap-сетки она
   растягивается на всю высоту блока и теряет пропорции (рендер: «растянутых
   img»). Возвращаем исходное соотношение сторон. */
.dbb-page .col-6 img.h-100,.dbb-page .col-6 img.w-100,
.dbb-page .dbb-pane img.h-100,.dbb-page .dbb-pane img.w-100,
.dbb-page .card img.h-100,.dbb-page .card img.w-100{
  height:auto !important; width:auto !important; max-width:100%;
  object-fit:contain;}

/* модалка донора → раскрывающийся блок условий */
.dbb-terms{border:1px solid var(--line); border-radius:var(--r);
  background:var(--paper-2); margin:10px 0;}
.dbb-terms>summary{cursor:pointer; padding:9px 12px; font-weight:700;
  font-size:14px; color:var(--text); list-style:none;}
.dbb-terms>summary::-webkit-details-marker{display:none;}
.dbb-terms>summary::before{content:"+"; display:inline-block; width:16px;
  font-weight:800; color:var(--muted);}
.dbb-terms[open]>summary::before{content:"\2212";}
.dbb-terms[open]>summary{border-bottom:1px solid var(--line);}
.dbb-terms__b{padding:12px; font-size:14px; color:var(--muted);
  max-height:420px; overflow:auto;}
.dbb-terms__b h3{font-size:16px; margin:0 0 8px; color:var(--text);}
.dbb-terms__b p,.dbb-terms__b li{font-size:14px; line-height:1.55;}
/* Отсылка вместо второго экземпляра того же свода условий: у донора он висел
   на каждой карточке акции, и страница обзора несла его дважды целиком. */
.dbb-terms__same{margin:0 0 14px; font-size:13px; color:var(--muted);}
.dbb-terms__same a{color:#1b4fc2;}

/* подпись редакции — в конце КАЖДОЙ страницы */
.dbb-sig{display:flex; gap:14px; align-items:flex-start; margin:26px 0 4px;
  padding:16px 16px 14px; border:1px solid var(--line); border-radius:var(--r);
  background:var(--paper-2);}
.dbb-sig__m{flex:0 0 40px; color:var(--amber-ink);}
.dbb-sig__b{min-width:0;}
.dbb-sig__w{margin:0 0 6px; font-weight:700; font-size:15px; color:var(--text);}
.dbb-sig__n{margin:0 0 8px; font-size:13.5px; line-height:1.6; color:var(--muted);}
.dbb-sig__d{margin:0; font-size:13px; color:var(--muted);}
.dbb-upd{font-weight:700; color:var(--text);}

/* ценность сайта на главной: тема, объём в числах, гео, источник */
.dbb-val{border:1px solid var(--line); border-left:4px solid var(--amber);
  border-radius:var(--r); background:var(--paper-2); padding:16px 18px;
  margin:0 0 18px;}
.dbb-val h2{font-size:17px; margin:0 0 8px; letter-spacing:.01em;}
.dbb-val p{margin:0 0 10px; font-size:14.5px; line-height:1.65; color:var(--muted);}
.dbb-val p:last-child{margin-bottom:0;}
.dbb-val__n{display:flex; flex-wrap:wrap; gap:8px 22px; margin:0 0 10px;
  padding:0; list-style:none;}
.dbb-val__n li{font-size:13px; color:var(--muted);}
.dbb-val__n b{display:block; font-size:20px; color:var(--text);
  font-variant-numeric:tabular-nums;}
/* Подписка владельца: div-приёмник пустой, разметку рисует чужой скрипт.
   ⚠️ Класс НЕ `dbb-sub`: так называется выпадающее подменю шапки, и эти
   правила, объявленные ниже, перекрашивали его в светлое, оставляя текст
   #d7dde6 — контраст 1.25 на каждой странице сайта. Имя разведено. */
.dbb-subs{border:1px solid var(--line); border-radius:var(--r);
  background:var(--paper-2); padding:20px 18px; margin:0 0 4px;}
.dbb-subs h2{font-size:18px; margin:0 0 6px;}
.dbb-subs p{margin:0 0 12px; font-size:14.5px; color:var(--muted); max-width:62ch;}
.dbb-subs #subscribe-form-target:empty{display:none;}
.dbb-subs input[type=email],.dbb-subs input[type=text]{font:inherit;
  padding:10px 12px; border:1px solid var(--line); border-radius:8px;
  background:var(--paper); color:var(--text); min-width:min(320px,100%);}
.dbb-subs button,.dbb-subs input[type=submit]{font:inherit; font-weight:700;
  padding:10px 18px; border:0; border-radius:8px; background:var(--amber);
  color:#1a1207; cursor:pointer;}

/* витрина главной: крупный материал слева, колонка свежего справа */
.dbb-top{display:grid; grid-template-columns:minmax(0,1fr); gap:20px;}
@media (min-width:900px){
  .dbb-top{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:30px;}
  .dbb-top__rest{border-top:0; padding-left:28px; border-left:1px solid var(--line);}
}
.dbb-top__lead h2{font-size:31px; line-height:1.13; margin:10px 0 9px;}
.dbb-top__lead h2 a{color:var(--text) !important;}
.dbb-top__lead h2 a:hover{color:#1b4fc2 !important; text-decoration:none;}
.dbb-top__d{font-size:15.5px; line-height:1.6; color:var(--muted); margin:0 0 8px;
  max-width:62ch;}
.dbb-top__rest{list-style:none; margin:0; padding:0; border-top:1px solid var(--line);}
.dbb-top__rest li{display:flex; flex-direction:column; align-items:flex-start;
  gap:6px; padding:13px 0; border-bottom:1px solid var(--line);}
.dbb-top__rest li:last-child{border-bottom:0; padding-bottom:0;}
.dbb-top__h{font-family:var(--display); font-weight:700; font-size:16.5px;
  line-height:1.25; color:var(--text) !important; letter-spacing:-.01em;}
.dbb-top__h:hover{color:#1b4fc2 !important; text-decoration:none;}
.dbb-top__rest .dbb-item__m{margin:0;}
.dbb-top__more{display:grid; gap:16px; margin-top:18px; padding-top:16px;
  border-top:1px solid var(--line);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,178px),1fr));}
.dbb-mini{display:block;}
.dbb-mini__h{display:block; margin-bottom:5px; font-family:var(--display);
  font-weight:700; font-size:14.5px; line-height:1.3; color:var(--text);
  letter-spacing:-.01em;}
.dbb-mini:hover .dbb-mini__h{color:#1b4fc2;}
.dbb-mini .dbb-item__m{display:block;}

/* сетка разделов: цвет рубрики держит верхнюю кромку плитки */
.dbb-tiles{display:grid; gap:12px;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,228px),1fr));}
.dbb-tile{display:block; background:var(--paper); border:1px solid var(--line);
  border-top:3px solid var(--k,#2559c9); border-radius:var(--r);
  padding:14px 15px 15px;}
.dbb-tile:hover{background:var(--paper-2); border-color:var(--k,#2559c9);
  text-decoration:none;}
.dbb-tile__t{display:block; font-family:var(--display); font-weight:700;
  font-size:17px; color:var(--text);}
.dbb-tile__n{display:block; margin:3px 0 7px; font-size:11.5px; font-weight:700;
  letter-spacing:.05em; text-transform:uppercase; color:var(--k,#2559c9);
  font-variant-numeric:tabular-nums;}
.dbb-tile__d{display:block; font-size:13.5px; line-height:1.55; color:var(--muted);}

/* проданные размещения: помечены платными и отделены от редакционного текста */
.dbb-ad{margin:30px 0 4px; padding:16px 18px 18px; border:1px solid var(--line);
  border-left:3px solid var(--paper-3); border-radius:var(--r);
  background:var(--paper-2);}
.dbb-ad__lab{margin:0 0 6px; font-family:var(--display); font-weight:700;
  font-size:11.5px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--muted);}
.dbb-ad__n{margin:0 0 12px; font-size:13px; line-height:1.55; color:var(--muted);
  max-width:74ch;}
.dbb-ad__list{list-style:none; margin:0; padding:0; display:grid; gap:7px 22px;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,236px),1fr));}
.dbb-ad__list li{font-size:14px; line-height:1.45;}

@media (max-width:560px){
  .dbb-ad{padding:14px 14px 15px;}
  .dbb-sig{flex-direction:column; gap:10px;}
  .dbb-val__n{gap:8px 16px;}
  .dbb-subs{padding:16px 14px;}
  .dbb-top__lead h2{font-size:25px;}
  .dbb-tiles{gap:10px;}
}