/* =========================================================================
   danskecasino.org — каркас KOBOLT, версия k1
   Мотив: датская кобальтовая роспись по фарфору. Отбивка секций — РИФЛЕНИЕ
   (вертикальные волосяные рёбра), а не рамки и не пилюли.
   Порядок секций здесь совпадает с порядком блоков в разметке (05.0к).
   ========================================================================= */

/* ——— [dco:root] ——————————————————————————————————————————————————————— */
:root{
  --ko_ink:#0d1b33;
  --ko_cobalt:#123a8c;
  --ko_cobalt2:#2d5fc4;
  --ko_cobalt3:#0a2560;
  --ko_gold:#dfa42b;
  --ko_signal:#d7263d;
  --ko_mint:#0f8a5f;
  --ko_canvas:#dde3ee;
  --ko_paper:#ffffff;
  --ko_inset:#f1f4fa;
  --ko_porcelain:#f6f7fa;
  --ko_line:#c7cfe0;
  --ko_line2:#e4e9f2;
  --ko_text:#17203a;
  /* на холсте #dde3ee прошлый #5a6579 давал контраст 4.51 — ровно на границе
     нормы 4.5 и R3 его резал; #4f5a6e даёт 5.4 и на холсте, и на бумаге */
  --ko_mute:#4f5a6e;
  --ko_pad:20px;
  --ko_col:888px;          /* лист с витриной, таблицами и карточками */
  --ko_col_text:760px;     /* лист, где только текст */
  --ko_shell:1120px;       /* контент шапки и подвала */
  --ko_sheetpad:36px;
  --ko_gap:26px;
  --ko_r:3px;              /* фарфор — острый край, скруглений почти нет */
  --ko_sans:"Plex",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --ko_serif:"SSerif",Georgia,"Times New Roman",serif;
  --ko_shadow:0 1px 0 rgba(13,27,51,.06),0 10px 30px -18px rgba(13,27,51,.45);
}
@media (max-width:640px){
  :root{--ko_pad:14px;--ko_sheetpad:16px;--ko_gap:18px}
}

/* ——— [dco:font] ——————————————————————————————————————————————————————— */
@font-face{font-family:"Plex";src:url("/a/dco/plex.k1.woff2") format("woff2");
  font-weight:100 700;font-style:normal;font-display:swap}
@font-face{font-family:"SSerif";src:url("/a/dco/sserif.k1.woff2") format("woff2");
  font-weight:200 900;font-style:normal;font-display:swap}

/* ——— [dco:reset] —————————————————————————————————————————————————————— */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ko_canvas);color:var(--ko_text);
  font:400 17px/1.7 var(--ko_sans);overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}
a{color:var(--ko_cobalt);text-decoration:underline;text-underline-offset:2px;
  text-decoration-thickness:1px;text-decoration-color:rgba(18,58,140,.35)}
a:hover{color:var(--ko_cobalt2);text-decoration-color:currentColor}
/* правила по ГОЛОМУ тегу: текст донора лежит и вне контентного контейнера */
h1,h2,h3,h4{font-family:var(--ko_serif);color:var(--ko_ink);
  font-weight:600;line-height:1.22;margin:0 0 .5em}
h1{font-size:clamp(28px,3.6vw,40px);letter-spacing:-.01em}
h2{font-size:clamp(22px,2.4vw,27px);margin-top:1.7em}
h3{font-size:19px;margin-top:1.4em;font-family:var(--ko_sans);font-weight:700}
p,li{font-size:17px;line-height:1.75}
p{margin:0 0 1.05em}
ul,ol{padding-left:1.15em;margin:0 0 1.1em}
li{margin:.3em 0}
/* ⚠️ У браузера свой отступ 40px по бокам — цитата вставала уже колонки (604 при
   684) и R11 видел «секции не по одной сетке». Ширину возвращаем, а вместо
   отступа даём цитате свой вид: рифление слева по мотиву каркаса. */
blockquote{margin:1.4em 0;padding:16px 20px 16px 22px;
  background:var(--ko_inset);border-left:4px solid var(--ko_cobalt);
  border-radius:0 var(--ko_r) var(--ko_r) 0}
blockquote>:last-child{margin-bottom:0}
table{border-collapse:collapse;width:100%}
figure{margin:0}
:target{scroll-margin-top:84px}

/* ——— [dco:flute] — общий мотив, им отбиваются секции —————————————————— */
.dco-flute{display:block;height:14px;
  background-image:repeating-linear-gradient(90deg,
    var(--ko_cobalt) 0 1px,transparent 1px 9px);
  opacity:.28}
h2::after{content:"";display:block;width:64px;height:9px;margin-top:.45em;
  background-image:repeating-linear-gradient(90deg,
    var(--ko_gold) 0 2px,transparent 2px 8px)}

/* ——— [dco:hd] — двухъярусная шапка ———————————————————————————————————— */
.dco-hd{background:var(--ko_ink);color:#eaeefa;position:relative;z-index:30}
.dco-hd__in{max-width:var(--ko_shell);margin:0 auto;padding:0 var(--ko_pad)}
.dco-hd__top{display:flex;align-items:center;gap:18px;min-height:64px}
.dco-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;
  font-family:var(--ko_serif);font-weight:600;font-size:21px;letter-spacing:-.01em}
.dco-brand:hover{color:#fff}
.dco-brand__m{flex:0 0 auto;width:34px;height:34px}
.dco-brand__t{display:block}
.dco-brand__t i{display:block;font-style:normal;font-family:var(--ko_sans);
  font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  color:#9fb2dd;margin-top:1px}
.dco-hd__sp{flex:1 1 auto}
.dco-hd__meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:#9fb2dd}
.dco-hd__age{display:inline-flex;align-items:center;gap:6px;border:1px solid #3a4c74;
  padding:3px 9px;border-radius:2px;font-weight:600;letter-spacing:.04em;color:#cfd9f2}
@media (max-width:860px){.dco-hd__meta{display:none}}

/* ——— [dco:nav] — второй ярус, выпадашки на CSS, ноль JS ——————————————— */
.dco-nav{background:var(--ko_cobalt3);border-top:1px solid rgba(255,255,255,.08)}
.dco-nav__in{max-width:var(--ko_shell);margin:0 auto;padding:0 var(--ko_pad)}
.dco-nav ul{list-style:none;margin:0;padding:0}
.dco-nav__lvl1{display:flex;flex-wrap:wrap;align-items:stretch}
/* ⚠️ у самого `li` цвет наследовался от страницы (тёмные чернила) — на кобальтовой
   полосе это 1.1 контраста: ссылка видна, а любой текст рядом с ней — нет */
.dco-nav__lvl1>li{position:relative;color:#dbe3f7}
.dco-nav__lvl1>li>a{display:flex;align-items:center;gap:7px;padding:12px 15px;
  color:#dbe3f7;font-size:14.5px;font-weight:600;text-decoration:none;
  border-bottom:3px solid transparent}
.dco-nav__lvl1>li>a svg{flex:0 0 auto;opacity:.8}
.dco-nav__lvl1>li:hover>a,.dco-nav__lvl1>li:focus-within>a{color:#fff;
  background:rgba(255,255,255,.07);border-bottom-color:var(--ko_gold)}
.dco-nav__lvl2{position:absolute;left:0;top:100%;min-width:248px;
  background:var(--ko_paper);border:1px solid var(--ko_line);
  box-shadow:0 18px 40px -20px rgba(13,27,51,.6);
  padding:7px 0;opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .14s ease,transform .14s ease;z-index:40}
.dco-nav__lvl1>li:hover .dco-nav__lvl2,
.dco-nav__lvl1>li:focus-within .dco-nav__lvl2{opacity:1;visibility:visible;transform:none}
.dco-nav__lvl2 a{display:block;padding:8px 16px;color:var(--ko_text);font-size:14.5px;
  text-decoration:none;border-left:3px solid transparent}
.dco-nav__lvl2 a:hover{background:var(--ko_inset);border-left-color:var(--ko_cobalt);
  color:var(--ko_cobalt)}
.dco-nav__lvl1>li:nth-last-child(-n+2) .dco-nav__lvl2{left:auto;right:0}
.dco-burger,.dco-burger__lbl{display:none}

@media (max-width:860px){
  .dco-burger__lbl{display:flex;align-items:center;justify-content:center;
    width:46px;height:46px;margin-left:auto;cursor:pointer;color:#dbe3f7}
  .dco-nav__in{padding:0}
  .dco-nav__lvl1{display:none;flex-direction:column;padding:4px 0}
  .dco-burger:checked~.dco-hd .dco-nav__lvl1{display:flex}
  .dco-nav__lvl1>li>a{padding:13px var(--ko_pad);min-height:46px}
  .dco-nav__lvl2{position:static;opacity:1;visibility:visible;transform:none;
    border:0;box-shadow:none;background:rgba(255,255,255,.05);padding:0}
  .dco-nav__lvl2 a{color:#c3cfeb;padding:11px var(--ko_pad) 11px 34px;min-height:44px}
  .dco-nav__lvl2 a:hover{background:rgba(255,255,255,.08);color:#fff}
}

/* ——— [dco:crumbs] ———————————————————————————————————————————————————— */
.dco-crumbs{max-width:var(--ko_shell);margin:0 auto;padding:12px var(--ko_pad) 0;
  font-size:12.5px;color:var(--ko_mute)}
.dco-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0}
.dco-crumbs li::after{content:"·";margin-left:7px;color:var(--ko_line)}
.dco-crumbs li:last-child::after{content:none}
.dco-crumbs a{color:var(--ko_mute)}

/* ——— [dco:titleband] — только текст, не больше трети экрана (05.0ш) —— */
.dco-titleband{max-width:var(--ko_shell);margin:0 auto;padding:14px var(--ko_pad) 18px}
.dco-kicker{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;
  font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ko_cobalt)}
.dco-kicker svg{opacity:.9}
.dco-titleband h1{margin:.3em 0 .35em;max-width:20ch}
.dco-byline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;
  font-size:12.5px;color:var(--ko_mute)}
.dco-byline b{color:var(--ko_text);font-weight:600}
.dco-byline time{white-space:nowrap}
.dco-disc{display:inline-flex;align-items:center;gap:6px;color:var(--ko_mute)}

/* ——— [dco:body] — полотно, лист и рельс ——————————————————————————————— */
.dco-body{max-width:var(--ko_shell);margin:0 auto;padding:0 var(--ko_pad) 44px;
  display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:var(--ko_gap);
  align-items:start}
.dco-body--solo{grid-template-columns:minmax(0,1fr)}
@media (max-width:980px){.dco-body{grid-template-columns:minmax(0,1fr)}}
.dco-sheet{min-width:0;background:var(--ko_paper);border:1px solid var(--ko_line);
  border-radius:var(--ko_r);box-shadow:var(--ko_shadow);
  padding:var(--ko_sheetpad);overflow-wrap:break-word}
.dco-sheet--text{max-width:calc(var(--ko_col_text) + var(--ko_sheetpad)*2)}
.dco-sheet>:first-child{margin-top:0}
.dco-sheet>:last-child{margin-bottom:0}

/* врезки внутри листа — второй тон и БЕЗ своей рамки (05.15e) */
.dco-inset{background:var(--ko_inset);padding:18px 20px;margin:1.4em 0;
  border-left:3px solid var(--ko_cobalt)}
.dco-inset>:first-child{margin-top:0}
.dco-inset>:last-child{margin-bottom:0}

/* ——— [dco:rail] ——————————————————————————————————————————————————————— */
.dco-rail{min-width:0;display:flex;flex-direction:column;gap:14px;
  position:sticky;top:14px}
@media (max-width:980px){.dco-rail{position:static}}
.dco-railbox{background:var(--ko_paper);border:1px solid var(--ko_line);
  border-radius:var(--ko_r);box-shadow:var(--ko_shadow);overflow:hidden}
.dco-railbox__h{display:flex;align-items:center;gap:8px;padding:11px 16px;
  background:var(--ko_ink);color:#fff;font-size:12px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase}
.dco-railbox__b{padding:14px 16px}
.dco-railbox__b>:last-child{margin-bottom:0}
.dco-facts{list-style:none;margin:0;padding:0}
.dco-facts li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;
  border-bottom:1px solid var(--ko_line2);font-size:14px;line-height:1.5}
.dco-facts li:last-child{border-bottom:0}
.dco-facts svg{flex:0 0 auto;margin-top:2px;color:var(--ko_cobalt)}
.dco-facts b{display:block;font-size:11.5px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--ko_mute);font-weight:700}

/* ——— [dco:hero] — только на главной ——————————————————————————————————— */
.dco-hero{position:relative;background:var(--ko_ink)}
.dco-hero__img{display:block;width:100%;aspect-ratio:3.2/1;object-fit:cover;
  object-position:50% 46%;opacity:.55}
@media (max-width:640px){.dco-hero__img{aspect-ratio:2.1/1;object-position:60% 46%}}
.dco-hero__txt{position:absolute;inset:0;display:flex;align-items:center}
.dco-hero__in{max-width:var(--ko_shell);margin:0 auto;padding:0 var(--ko_pad);width:100%}
.dco-hero h1{color:#fff;margin:.18em 0 .3em;max-width:17ch;
  text-shadow:0 2px 18px rgba(4,12,28,.75)}
.dco-hero .dco-kicker{color:var(--ko_gold)}
.dco-hero__lead{color:#dfe6f7;max-width:46ch;font-size:16px;margin:0;
  text-shadow:0 1px 12px rgba(4,12,28,.8)}
/* ⛔ прятать лид нельзя: это единственный связный текст первого экрана,
   и R5 считает его потерянным. На телефоне он просто мельче. */
@media (max-width:640px){.dco-hero__lead{font-size:14.5px;line-height:1.5;max-width:none}}
/* ⚠️ R7 меряет КОРОБКУ, а не текст: внутренний padding её не сужает, и строка
   кредита числилась «у края». Сужаем саму коробку шириной. */
.dco-hero__cred{width:calc(100% - var(--ko_pad)*2);
  max-width:calc(var(--ko_shell) - var(--ko_pad)*2);margin:6px auto 0;padding:0;
  font-size:11px;color:var(--ko_mute)}
.dco-hero__cred a{color:var(--ko_mute)}
/* ⚠️ НА ТЕЛЕФОНЕ ОВЕРЛЕЯ НЕТ. Блок текста (надзаголовок + H1 + лид + дата) выше
   самой картинки при 390 px, и абсолютной раскладкой он вылезал ЗА героя прямо
   на строку кредита — две строки текста друг по другу (глазами по живому сайту
   20.09.2026; `gate_overlap` этого не поймал, он ходил по 8 адресам).
   Текст уходит ПОД фото, отступ живёт на `.dco-hero` — она и красит фон. */
@media (max-width:640px){
  .dco-hero__txt{position:static}
  .dco-hero{padding-bottom:18px}
  .dco-hero__img{opacity:.8}
  .dco-hero h1{max-width:none;margin-top:.4em}
}

/* дата обновления на первом экране: её двигает крон, а не вёрстка */
.dco-hero__upd{margin:10px 0 0;font-size:12.5px;color:#c3cee6;letter-spacing:.02em;
  text-shadow:0 1px 10px rgba(4,12,28,.8)}
.dco-hero__upd time{color:#e8eefc}

/* ——— [dco:section] — заголовок секции + лид + кнопка справа —————————— */
.dco-sec{max-width:var(--ko_shell);margin:0 auto;padding:26px var(--ko_pad) 0}
.dco-sec__h{display:flex;align-items:flex-end;justify-content:space-between;
  gap:18px;flex-wrap:wrap;margin-bottom:14px}
.dco-sec__h h2{margin:0}
.dco-sec__h p{margin:.45em 0 0;color:var(--ko_mute);font-size:15px;max-width:58ch}
.dco-btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  border:1.5px solid var(--ko_cobalt);color:var(--ko_cobalt);background:transparent;
  padding:9px 16px;border-radius:2px;font-size:14px;font-weight:700;
  text-decoration:none;min-height:44px}
.dco-btn:hover{background:var(--ko_cobalt);color:#fff}
.dco-btn--fill{background:var(--ko_cobalt);color:#fff}
.dco-btn--fill:hover{background:var(--ko_cobalt3);color:#fff}

/* ——— [dco:tiles] — плитки разделов с картинкой и стрелкой —————————— */
.dco-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:14px;margin:0;padding:0;list-style:none}
.dco-tile{min-width:0;background:var(--ko_paper);border:1px solid var(--ko_line);
  border-radius:var(--ko_r);box-shadow:var(--ko_shadow);overflow:hidden;
  display:flex;flex-direction:column}
.dco-tile__pic{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;
  background:var(--ko_inset)}
.dco-tile__b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.dco-tile__b h3{margin:0;font-size:17px}
.dco-tile__b p{margin:0;font-size:14px;color:var(--ko_mute);line-height:1.55;flex:1}
.dco-tile__go{display:inline-flex;align-items:center;gap:6px;margin-top:4px;
  font-size:13.5px;font-weight:700;color:var(--ko_cobalt);text-decoration:none}
.dco-tile a::after{content:"";position:absolute;inset:0}
.dco-tile{position:relative}

/* ——— [dco:toc] — своё оглавление, СВЁРНУТОЕ ——————————————————————————— */
.dco-toc{margin:1.4em 0;background:var(--ko_inset);border-left:3px solid var(--ko_gold)}
.dco-toc>summary{cursor:pointer;padding:12px 18px;font-weight:700;font-size:14.5px;
  color:var(--ko_ink);list-style:none;display:flex;align-items:center;gap:9px;
  min-height:44px}
.dco-toc>summary::-webkit-details-marker{display:none}
.dco-toc>summary svg{transition:transform .15s ease}
.dco-toc[open]>summary svg{transform:rotate(90deg)}
.dco-toc ol{margin:0;padding:0 18px 14px 36px}
.dco-toc li{font-size:14.5px;margin:.25em 0}

/* ——— [dco:faq] — ответы РАЗВЁРНУТЫ, без скрытого текста —————————————— */
.dco-faq{margin:1.6em 0;display:flex;flex-direction:column;gap:2px}
.dco-faq__q{margin:0;padding:14px 18px 6px;background:var(--ko_inset);
  font-family:var(--ko_sans);font-size:16px;font-weight:700;color:var(--ko_ink)}
.dco-faq__a{margin:0;padding:0 18px 14px;background:var(--ko_inset);font-size:16px}

/* ——— [dco:prose] — таблицы и картинки внутри статьи ————————————————— */
.dco-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.dco-sheet table{margin:1.3em 0;font-size:15px;background:var(--ko_paper)}
.dco-sheet th{background:var(--ko_ink);color:#fff;text-align:left;
  font-size:12px;letter-spacing:.09em;text-transform:uppercase;
  padding:10px 12px;font-weight:700}
.dco-sheet td{padding:10px 12px;border-bottom:1px solid var(--ko_line2);
  vertical-align:top}
.dco-sheet tr:nth-child(even) td{background:var(--ko_porcelain)}
.dco-fig{margin:1.4em 0}
.dco-fig img{display:block;width:100%;border:1px solid var(--ko_line);
  border-radius:var(--ko_r)}
.dco-fig figcaption{font-size:12.5px;color:var(--ko_mute);margin-top:7px}
/* врезка-картинка рядом с вводным абзацем; на телефоне уходит ПОД текст (05.0ш) */
.dco-lede{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;
  align-items:start;margin-bottom:1.2em}
.dco-lede__t>:first-child{margin-top:0}
@media (max-width:760px){
  .dco-lede{grid-template-columns:minmax(0,1fr)}
  .dco-lede__p{order:2}
}

/* ——— [dco:mark] — знак оператора на ЕГО обзоре; это НЕ витрина ————————
   Донор оставлял голый <img> и ссылку «Play Now» текстом: в нашем каркасе
   читается как поломка. Отступ живёт на самой плашке — она и красит фон. */
.dco-mark{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;
  align-items:center;margin:1.4em 0;padding:16px 18px;background:var(--ko_inset);
  border:1px solid var(--ko_line);border-left:3px solid var(--ko_cobalt);
  border-radius:var(--ko_r)}
.dco-mark_plate{display:flex;align-items:center;justify-content:center;
  width:172px;height:104px;padding:10px;background:var(--ko_paper);
  border:1px solid var(--ko_line2);border-radius:var(--ko_r)}
.dco-mark_plate img{max-width:100%;max-height:100%;width:auto;height:auto;
  object-fit:contain}
.dco-mark_n{margin:0;font:800 19px/1.25 var(--ko_sans);color:var(--ko_ink)}
.dco-mark_t{margin:6px 0 0;font-size:12px;color:var(--ko_mute)}
.dco-mark_cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:0 20px;background:var(--ko_gold);color:var(--ko_ink);
  font-size:14.5px;font-weight:800;text-decoration:none;border-radius:2px;
  white-space:nowrap}
.dco-mark_cta:hover{background:#c98f1f;color:var(--ko_ink)}
@media (max-width:760px){
  .dco-mark{grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:12px}
  .dco-mark_plate{width:100%;height:96px}
  .dco-mark_cta{width:100%}
}

/* ——— [dco:band] — фото-полоса для типов страниц, где нет витрины —————— */
.dco-band{width:calc(100% - var(--ko_pad)*2);
  max-width:calc(var(--ko_shell) - var(--ko_pad)*2);margin:0 auto 4px}
.dco-band img{display:block;width:100%;aspect-ratio:1400/360;object-fit:cover;
  border-radius:var(--ko_r);border:1px solid var(--ko_line)}
.dco-band figcaption{margin-top:6px;font-size:11.5px;color:var(--ko_mute)}
.dco-band figcaption a{color:var(--ko_mute)}
@media (max-width:640px){.dco-band img{aspect-ratio:16/9}}

/* ——— [dco:cards] — листалка гайдов; карточка целиком одна ссылка ——————— */
.dco-lead{font-size:18.5px;line-height:1.65;color:var(--ko_ink);margin:0 0 1.4em}
.dco-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));
  gap:14px;list-style:none;margin:0;padding:0}
.dco-card{margin:0}
.dco-card__l{display:flex;flex-direction:column;gap:7px;height:100%;
  padding:16px 18px 15px;background:var(--ko_paper);text-decoration:none;
  border:1px solid var(--ko_line);border-radius:var(--ko_r);
  border-top:3px solid var(--ko_cobalt);box-shadow:var(--ko_shadow)}
.dco-card__l:hover{border-top-color:var(--ko_gold)}
.dco-card__k{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ko_cobalt);font-weight:600}
.dco-card__h{font-family:var(--ko_serif);font-size:19px;line-height:1.25;
  color:var(--ko_ink);font-weight:600}
.dco-card__p{font-size:14.5px;line-height:1.55;color:var(--ko_mute);flex:1 1 auto}
.dco-card__go{display:inline-flex;align-items:center;gap:6px;font-size:13px;
  font-weight:600;color:var(--ko_cobalt);min-height:24px}
/* рифление у нижнего края карточки — тот же мотив, что у заголовков */
.dco-card__l::after{content:"";display:block;height:7px;margin-top:2px;
  background-image:repeating-linear-gradient(90deg,
    rgba(18,58,140,.3) 0 1px,transparent 1px 7px)}

/* ——— [dco:ft] ————————————————————————————————————————————————————————— */
.dco-ft{background:var(--ko_ink);color:#b9c5e0;margin-top:34px}
.dco-ft__in{max-width:var(--ko_shell);margin:0 auto;padding:30px var(--ko_pad) 26px}
.dco-ft__cols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:26px}
@media (max-width:760px){.dco-ft__cols{grid-template-columns:1fr}}
.dco-ft h2,.dco-ft h3{color:#fff;font-family:var(--ko_sans);font-size:12px;
  letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px}
.dco-ft h2::after,.dco-ft h3::after{content:none}
.dco-ft p{font-size:14px;line-height:1.65;color:#b9c5e0}
.dco-ft ul{list-style:none;margin:0;padding:0}
.dco-ft li{margin:.42em 0;font-size:14px}
.dco-ft a{color:#cfd9f2;text-decoration:none}
.dco-ft a:hover{color:#fff;text-decoration:underline}
.dco-ft__trust{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}
.dco-trust{display:inline-flex;align-items:center;gap:8px;border:1px solid #3a4c74;
  padding:7px 11px;border-radius:2px;font-size:12.5px;color:#cfd9f2;
  text-decoration:none;min-height:44px}
.dco-trust:hover{border-color:var(--ko_gold);color:#fff}
.dco-ft__low{border-top:1px solid rgba(255,255,255,.1);margin-top:22px;padding-top:16px;
  display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;
  font-size:12.5px;color:#8e9dc0}

/* ——— [dco:a11y] —————————————————————————————————————————————————————— */
/* ⚠️ `left:-9999px` уводит ссылку за лист и даёт горизонтальный overflow
   (gate_render R2 ловит это на всех страницах). Прячем вырезкой — ширина 0. */
.dco-skip{position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.dco-skip:focus{width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;
  left:var(--ko_pad);top:8px;z-index:80;background:#fff;
  color:var(--ko_ink);padding:10px 14px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* =========================================================================
   [dcov:*] — ВИТРИНА №440. Префикс отдельный: скин её не красит (05.24).
   ========================================================================= */

/* ——— [dcov:wrap] —————————————————————————————————————————————————————— */
.dcov{margin:1.5em 0;display:flex;flex-direction:column;gap:10px}
.dcov-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.dcov__note{font-size:12px;color:var(--ko_mute);display:flex;align-items:center;gap:7px}

/* ——— [dcov:row] — цифра ранга · плитка · оффер · чипы · балл · CTA —— */
.dcov_row{position:relative;display:grid;
  grid-template-columns:52px 176px minmax(0,1fr) 168px;
  gap:0 16px;align-items:center;
  background:var(--ko_paper);border:1px solid var(--ko_line);
  border-radius:var(--ko_r);box-shadow:var(--ko_shadow);padding:14px 16px 14px 0}
.dcov_row--top{border-color:var(--ko_cobalt);box-shadow:0 0 0 1px var(--ko_cobalt),var(--ko_shadow)}
.dcov_rank{align-self:stretch;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:6px;
  background-image:repeating-linear-gradient(90deg,
    rgba(18,58,140,.22) 0 1px,transparent 1px 7px);
  border-right:1px solid var(--ko_line2)}
.dcov_rank b{font-family:var(--ko_serif);font-size:25px;line-height:1;
  color:var(--ko_cobalt);font-weight:600}
.dcov_rank i{font-style:normal;font-size:9.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ko_mute)}
.dcov_tile{display:block;border:1px solid var(--ko_line2);border-radius:2px;
  background:var(--ko_porcelain)}
.dcov_tile img{display:block;width:100%;aspect-ratio:360/220;object-fit:contain}
.dcov_mid{min-width:0}
.dcov_name{margin:0 0 2px;font-family:var(--ko_sans);font-size:15px;font-weight:700;
  color:var(--ko_ink)}
.dcov_offer{display:block;font-family:var(--ko_serif);font-size:21px;line-height:1.2;
  font-weight:600;color:var(--ko_ink)}
.dcov_offer i{display:block;font-style:normal;font-family:var(--ko_sans);
  font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ko_mute);margin-bottom:3px}
.dcov_chips{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 0;padding:0;list-style:none}
.dcov_chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;
  color:var(--ko_ink);background:var(--ko_inset);padding:4px 8px;border-radius:2px}
.dcov_chip svg{color:var(--ko_cobalt)}
.dcov_end{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.dcov_score{display:flex;align-items:baseline;justify-content:center;gap:4px;
  font-family:var(--ko_serif);font-weight:600;color:var(--ko_ink)}
.dcov_score b{font-size:23px;line-height:1}
.dcov_score i{font-style:normal;font-size:12px;color:var(--ko_mute)}
.dcov_cta{display:flex;align-items:center;justify-content:center;gap:8px;
  background:var(--ko_gold);color:var(--ko_ink);min-height:46px;padding:0 14px;
  border-radius:2px;font-size:14.5px;font-weight:800;text-decoration:none;
  letter-spacing:.01em}
.dcov_cta:hover{background:#c98f1f;color:var(--ko_ink)}
.dcov_rev{text-align:center;font-size:12.5px}
.dcov_terms{grid-column:2/-1;margin:9px 0 0;font-size:11px;line-height:1.45;
  color:var(--ko_mute)}

/* ⚠️ Высота строки на телефоне — проверка R9 (норма 150–290). Строка в 357px
   значит, что до второго оффера надо мотать почти экран: плитка, оффер и чипы
   ужимаются, состав строки при этом не меняется. */
@media (max-width:760px){
  .dcov_row{grid-template-columns:44px minmax(0,1fr);
    grid-template-areas:"rank tile" "mid mid" "end end" "terms terms";
    padding:0 14px 10px 0;gap:7px 14px}
  .dcov_rank{grid-area:rank}
  .dcov_tile{grid-area:tile;max-width:140px;margin-top:12px}
  .dcov_mid{grid-area:mid;padding-left:58px;gap:4px}
  /* ⚠️ медиана строки на телефоне дошла до 289px при пороге 290 (R9, живой
     сайт 20.09.2026): длинные велкомы «Op til 1.000 kr. i bonuspenge + 50 free
     spins uden indbetaling» переносятся на четыре строки. Состав не режем —
     ужимаем кегль и интерлиньяж оффера. */
  .dcov_offer{font-size:15px;line-height:1.28}
  .dcov_chips{gap:5px}
  .dcov_chip{font-size:11px;padding:3px 7px}
  .dcov_name{font-size:15px}
  .dcov_end{grid-area:end;padding-left:58px;flex-direction:row;align-items:center}
  .dcov_score{flex:0 0 auto}
  .dcov_cta{flex:1 1 auto}
  .dcov_terms{grid-area:terms;padding-left:58px;margin:-2px 0 0}
}

/* ——— [dcov:filter] — рельс фильтров под витриной, ноль JS ————————————— */
.dcov_axis__h{margin:0 0 6px;font:600 11px/1.2 var(--ko_sans);letter-spacing:.09em;
  text-transform:uppercase;color:var(--ko_ink);opacity:.62}
.dcov_axis{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 4px;padding:0;list-style:none}
.dcov_axis a{display:inline-flex;align-items:center;gap:6px;min-height:44px;
  padding:0 13px;border:1px solid var(--ko_line);background:var(--ko_paper);
  border-radius:2px;font-size:13.5px;font-weight:600;color:var(--ko_text);
  text-decoration:none}
.dcov_axis a:hover{border-color:var(--ko_cobalt);color:var(--ko_cobalt)}
.dcov_axis svg{color:var(--ko_cobalt)}