@charset "utf-8";
/* ============================================================================
   (dcn) NORDLYS — danskecasinoer.net
   Каркас прогона dcn. Образцы разобраны в этом прогоне: casino.org (вдавленная
   шапка-таблетка над цветной полосой, сетка входных плиток, карточка в цвете
   бренда) и vegasslotsonline.com (панель цифр в геро, врезка «месяца»).
   Словарь классов — датская редакционная лексика (rubrik, manchet, spalte,
   kolofon), маркеры блоков — (dcn) имя.
   ========================================================================= */

/* Все три начертания — font-display:optional, НЕ swap. Подмена шрифта после первой
   отрисовки двигает вёрстку: ряд цифр геро .dcn-tal держится 45 px на запасном и 117 px
   на Plex (подпись шире и ряд переносится) — CLS 0,1957 на каждой второй загрузке.
   При optional браузер либо успевает (шрифты в preload и со своего домена), либо
   оставляет запасной на этот показ — но НЕ переливает готовую страницу. */
/* (dcn) skrifter ------------------------------------------------------------ */
@font-face{font-family:'Outfit dcn';src:url('/media/dcn/font/outfit-var.d8a316f7.woff2') format('woff2-variations');font-weight:400 800;font-style:normal;font-display:optional}
@font-face{font-family:'Plex dcn';src:url('/media/dcn/font/plex-var.d8b4e62d.woff2') format('woff2-variations');font-weight:400 700;font-style:normal;font-display:optional}
@font-face{font-family:'Plex dcn';src:url('/media/dcn/font/plex-italic-var.7a4e432a.woff2') format('woff2-variations');font-weight:400 700;font-style:italic;font-display:optional}
/* Запасные под Outfit с ПОДОГНАННОЙ ШИРИНОЙ. Замер 20.09.2026: «Spil på sider» 800/54px —
   Outfit 282,3 px, system-ui 300,4 (94,0 %), Arial 341,4 (82,7 %). Без подгонки заголовок
   геро на запасном шрифте переносится на лишнюю строку, и в момент подмены вся главная
   съезжает: CLS 0,1938 (источники — .dcn-forside__ord, .dcn-ruder, полоса). Высоту строки
   задаём мы сами, поэтому хватает `size-adjust`. Plex подгонять не надо: расхождение 0,6 %. */
@font-face{font-family:'Outfit res';src:local('Segoe UI'),local('Roboto'),local('Helvetica Neue');size-adjust:94%}
@font-face{font-family:'Outfit res2';src:local('Arial');size-adjust:83%}

/* (dcn) grundfarver --------------------------------------------------------- */
:root{
  --dcn-nat:#0d1230;          /* ночь — верхняя полоса */
  --dcn-dyb:#1b2a6b;          /* глубина — низ градиента */
  --dcn-nordlys:#2fd0a6;      /* сияние — холодный акцент */
  --dcn-nordlys-2:#7c5cff;    /* второй язык сияния */
  --dcn-rav:#f2a33c;          /* янтарь — CTA */
  --dcn-rav-m:#d8862a;
  --dcn-is:#f2f5fb;           /* полотно страницы */
  --dcn-ark:#ffffff;          /* лист контента */
  --dcn-kul:#111726;          /* текст */
  --dcn-graa:#5d6880;         /* второстепенный текст */
  --dcn-kant:#dfe5f1;         /* линейка */
  --dcn-kant-m:#2a3566;       /* линейка на тёмном */
  --dcn-w:1120px;             /* ширина хрома */
  --dcn-wc:888px;             /* ширина контента */
  --dcn-ws:760px;             /* ширина текстовой страницы */
  --dcn-pad:20px;             /* общий горизонтальный отступ */
  --dcn-r:14px;
}

/* (dcn) nulstil ------------------------------------------------------------- */
html{-webkit-text-size-adjust:100%}
body.dcn-krop{margin:0;background:var(--dcn-is);color:var(--dcn-kul);
  font:400 17px/1.72 'Plex dcn',system-ui,'Segoe UI',Arial,sans-serif}
.dcn-krop *,.dcn-krop *::before,.dcn-krop *::after{box-sizing:border-box}
.dcn-krop img{max-width:100%;height:auto}
.dcn-krop table{max-width:100%}
/* ⛔ own-nodes-must-survive-donor-reset: базовая ссылка идёт через :where(), иначе
   `.dcn-krop a` (0,2,0) перебивает КАЖДЫЙ наш класс (.dcn-rude, .dcnv-knap — 0,1,0)
   и красит синим и плитки геро, и кнопку CTA. С :where() вес правила — один `a`. */
:where(.dcn-krop) a{color:#1d3fbf;text-decoration:none}
:where(.dcn-krop) a:hover{text-decoration:underline}
.dcn-krop h1,.dcn-krop h2,.dcn-krop h3,.dcn-krop h4{
  font-family:'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif;font-weight:700;
  color:var(--dcn-kul);letter-spacing:-.015em;margin:1.7em 0 .55em;line-height:1.18}
.dcn-krop h1{font-size:40px;font-weight:800;margin:0 0 .5em;letter-spacing:-.03em}
.dcn-krop h2{font-size:27px}
.dcn-krop h3{font-size:21px}
.dcn-krop p{margin:0 0 1.05em}
.dcn-krop ul,.dcn-krop ol{margin:0 0 1.15em;padding-left:1.3em}
.dcn-krop li{margin:.3em 0}
/* ⛔ own-nodes-must-survive-donor-reset: здесь стоял сброс `li::before/::after`
   с `!important` «на случай донорских маркеров». Донорский CSS на страницу не
   подключён ВООБЩЕ (в <head> один наш файл), зато сброс сносил СВОИ знаки:
   нумерацию «Læs også» в рельсе, галочки списков статьи и «/» в хлебных крошках.
   Маркеры донора гасит `list-style:none` на своих блоках, а не глобальный сброс. */
.dcn-skjul{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* (dcn) baand — полосы во всю ширину, контент внутри по сетке ---------------- */
.dcn-baand{width:100%;margin:0}
.dcn-bred{max-width:var(--dcn-w);margin:0 auto;padding:0 var(--dcn-pad)}
.dcn-midte{max-width:var(--dcn-wc);margin:0 auto;padding:0 var(--dcn-pad)}
.dcn-smal{max-width:var(--dcn-ws);margin:0 auto;padding:0 var(--dcn-pad)}
/* Полоса НЕ режет по overflow: выпадалка шапки обязана выходить за её низ, а на
   внутренних страницах полоса высотой в одну таблетку. Сияние поэтому живёт внутри
   `inset:0`, а центры радиальных градиентов вынесены за верхний край процентами. */
.dcn-baand--nat{position:relative;color:#eaefff;
  background:linear-gradient(168deg,var(--dcn-nat) 0%,#141c48 46%,var(--dcn-dyb) 100%)}
.dcn-baand--nat::before{content:'';position:absolute;inset:0;
  background:radial-gradient(67% 50% at 12% -30%,rgba(47,208,166,.28),transparent 62%),
             radial-gradient(58% 48% at 91% -40%,rgba(124,92,255,.32),transparent 60%);
  pointer-events:none}
.dcn-baand--nat > *{position:relative;z-index:1}
/* Шапка — над СОСЕДЯМИ по полосе. Без этого геро главной (тот же z-index:1, но ниже
   по DOM) закрашивал выпадающее меню целиком. */
.dcn-hd{position:relative;z-index:30}
.dcn-baand--is{background:var(--dcn-is)}

/* (dcn) hd — вдавленная шапка-таблетка над ночной полосой -------------------- */
.dcn-hd{width:100%;padding:18px 0 0}
.dcn-hd__pille{display:flex;align-items:center;gap:18px;min-height:62px;
  padding:9px 18px;border-radius:999px;background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14)}
/* ⛔ `backdrop-filter` на таблетке НЕ ставить: Chromium делает её backdrop-root, и
   выпадалка внутри — при своём непрозрачном `background:#fff` — рисуется полупрозрачной,
   сквозь неё читается H1 геро. По ровному градиенту полосы блюр всё равно не виден. */
.dcn-navn{display:flex;align-items:center;gap:10px;flex:none;color:#fff;text-decoration:none}
.dcn-navn:hover{text-decoration:none}
.dcn-navn__tegn{width:32px;height:32px;flex:none;display:block}
.dcn-navn__ord{font:800 20px/1 'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif;letter-spacing:-.02em;color:#fff}
.dcn-navn__ord i{font-style:normal;color:var(--dcn-nordlys)}
.dcn-navn__under{display:block;font:400 11px/1.3 'Plex dcn',system-ui,Arial,sans-serif;
  color:rgba(234,239,255,.72);letter-spacing:.06em;text-transform:uppercase;margin-top:3px}

.dcn-menu{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none;flex:1 1 auto;
  min-width:0;flex-wrap:wrap}
.dcn-menu > li{position:relative;margin:0}
.dcn-menu > li > a{display:block;padding:9px 12px;border-radius:999px;
  font:600 14.5px/1 'Plex dcn',system-ui,Arial,sans-serif;color:#e7ecff;white-space:nowrap}
.dcn-menu > li > a:hover,.dcn-menu > li:hover > a{background:rgba(255,255,255,.14);text-decoration:none}
.dcn-menu > li.dcn-menu--har > a::after{content:'';display:inline-block;width:7px;height:7px;margin-left:7px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7}
.dcn-folde{position:absolute;left:0;top:100%;z-index:60;min-width:246px;margin:0;padding:8px;
  list-style:none;background:#fff;border:1px solid var(--dcn-kant);border-radius:12px;
  box-shadow:0 18px 40px rgba(9,14,36,.22);opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s}
.dcn-menu > li:hover > .dcn-folde,.dcn-menu > li:focus-within > .dcn-folde{opacity:1;visibility:visible;transform:translateY(0)}
.dcn-folde a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;
  font:500 14.5px/1.35 'Plex dcn',system-ui,Arial,sans-serif;color:var(--dcn-kul)}
.dcn-folde a:hover{background:#eef2fb;text-decoration:none}
.dcn-folde svg{width:17px;height:17px;flex:none;color:var(--dcn-dyb)}

.dcn-hd__kn{flex:none;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;
  background:var(--dcn-rav);color:#221503;font:700 14px/1 'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif}
.dcn-hd__kn:hover{background:#ffb95a;text-decoration:none;color:#221503}

/* burger — чекбокс, ноль JS */
.dcn-luge{display:none}
.dcn-luge__kn{display:none;flex:none;width:44px;height:44px;border-radius:12px;cursor:pointer;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);
  align-items:center;justify-content:center}
.dcn-luge__kn span,.dcn-luge__kn span::before,.dcn-luge__kn span::after{
  content:'';display:block;width:19px;height:2px;background:#fff;border-radius:2px;position:relative}
.dcn-luge__kn span::before{position:absolute;top:-6px}
.dcn-luge__kn span::after{position:absolute;top:6px}

/* (dcn) forside — геро главной ---------------------------------------------- */
.dcn-forside{display:grid;grid-template-columns:minmax(0,1fr) 452px;gap:40px;align-items:center;
  padding:52px 0 60px}
.dcn-forside__ord h1{font-size:54px;line-height:1.05;color:#fff;margin:0 0 18px;letter-spacing:-.035em}
.dcn-forside__ord h1 em{font-style:normal;display:block;
  background:linear-gradient(92deg,var(--dcn-nordlys),#8ee7c9 45%,var(--dcn-nordlys-2));
  -webkit-background-clip:text;background-clip:text;color:transparent}
/* ⚠️ Ширина лида — в ПИКСЕЛЯХ, не в ch: единица ch считается по ширине «0» текущего
   шрифта (Plex 10,5 px, system-ui 9,44), и до подгрузки шрифта 46ch = 434 px вместо 483 —
   абзац переносится иначе, вырастает на строку и вся главная съезжает (CLS 0,1957). */
.dcn-forside__ord p{max-width:483px;color:rgba(232,238,255,.86);font-size:17.5px;margin:0 0 22px}
.dcn-tal{display:flex;gap:26px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.dcn-tal li{display:flex;align-items:center;gap:10px;margin:0}
.dcn-tal svg{width:26px;height:26px;color:var(--dcn-nordlys);flex:none}
.dcn-tal b{display:block;font:800 21px/1.1 'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif;color:#fff}
.dcn-tal span{display:block;font-size:13px;color:rgba(226,233,255,.7)}

.dcn-ruder{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dcn-rude{display:flex;flex-direction:column;justify-content:space-between;gap:26px;min-height:132px;
  padding:16px 18px;border-radius:18px;color:#fff;text-decoration:none;
  background:rgba(9,14,42,.55);border:1px solid rgba(255,255,255,.13)}
.dcn-rude:hover{background:rgba(9,14,42,.75);border-color:rgba(47,208,166,.5);text-decoration:none;color:#fff}
.dcn-rude__top{display:flex;align-items:flex-start;justify-content:space-between}
.dcn-rude__ikon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,rgba(47,208,166,.22),rgba(124,92,255,.26))}
.dcn-rude__ikon svg{width:26px;height:26px;color:#c9ffef}
.dcn-rude__pil{width:22px;height:22px;color:rgba(255,255,255,.55)}
.dcn-rude b{display:block;font:700 16.5px/1.25 'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif}
.dcn-rude__und{display:block;font-size:12.5px;color:rgba(226,233,255,.66);margin-top:3px}

/* знак вместо иконки донора внутри текста */
.dcn-ikon-i{display:inline-flex;width:34px;height:34px;border-radius:10px;vertical-align:-10px;
  align-items:center;justify-content:center;margin-right:8px;
  background:rgba(47,208,166,.12);border:1px solid rgba(47,208,166,.3);color:var(--dcn-dyb)}
.dcn-ikon-i svg{width:20px;height:20px}

/* (dcn) ark — лист контента на полотне --------------------------------------- */
.dcn-ark{background:var(--dcn-ark);border:1px solid var(--dcn-kant);border-radius:20px;
  padding:34px var(--dcn-pad) 40px;margin:26px auto 34px;box-shadow:0 1px 0 rgba(17,23,38,.04)}
.dcn-spalte{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;align-items:start}
.dcn-spalte--rille{grid-template-columns:minmax(0,1fr) 240px;gap:26px}
.dcn-brod > *:first-child{margin-top:0}

/* (dcn) rubrik — заголовок секции с действием справа ------------------------- */
.dcnv-rubrik{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
  margin:44px 0 18px;padding-bottom:12px;border-bottom:2px solid var(--dcn-kant)}
.dcnv-rubrik h2{margin:0;font-size:28px}
.dcnv-rubrik p{margin:6px 0 0;color:var(--dcn-graa);font-size:15px}
.dcnv-rubrik a{flex:none;display:inline-flex;align-items:center;gap:7px;
  font:600 14.5px/1 'Plex dcn',system-ui,Arial,sans-serif;color:var(--dcn-dyb);padding-bottom:3px}
.dcnv-rubrik a svg{width:16px;height:16px}
.dcn-manchet{font-size:19px;line-height:1.62;color:#2b3450;margin:0 0 22px;
  padding-left:16px;border-left:4px solid var(--dcn-nordlys)}

/* (dcn) stige — витрина «лестница» ------------------------------------------ */
.dcnv-list{margin:0 0 30px;padding:0;list-style:none;display:grid;gap:12px}
.dcnv-trin{display:grid;grid-template-columns:38px 150px minmax(0,1fr) 210px;gap:16px;align-items:center;
  padding:14px 16px;border:1px solid var(--dcn-kant);border-radius:16px;background:#fff;
  position:relative;overflow:hidden}
.dcnv-trin::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;
  background:var(--dcn-acc,var(--dcn-kant))}
.dcnv-trin--1::before,.dcnv-trin--2::before,.dcnv-trin--3::before{width:6px}
.dcnv-trin--1{box-shadow:0 8px 26px rgba(242,163,60,.16)}
.dcnv-trin__nr{font:800 22px/1 'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif;color:var(--dcn-graa);text-align:center}
.dcnv-trin--1 .dcnv-trin__nr,.dcnv-trin--2 .dcnv-trin__nr,.dcnv-trin--3 .dcnv-trin__nr{color:var(--dcn-kul)}
.dcnv-maerke,.dcn-maerke{width:150px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  padding:7px 10px;overflow:hidden}
.dcnv-maerke img,.dcn-maerke img{max-width:100%;max-height:42px;width:auto;display:block}
.dcnv-trin__midt{min-width:0}
.dcnv-trin__navn{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font:700 17px/1.2 'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif;margin:0 0 4px;color:var(--dcn-kul)}
.dcnv-licens{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 6px;border-radius:999px;
  font:600 11.5px/1.5 'IBM Plex Sans dcn',system-ui,Arial,sans-serif;letter-spacing:.01em;
  color:#0a6b55;background:rgba(47,208,166,.14);border:1px solid rgba(47,208,166,.34)}
.dcnv-licens svg{width:12px;height:12px;stroke-width:2.4}
.dcnv-trin__bonus{font-size:15.5px;color:#22304f;margin:0 0 3px}
.dcnv-trin__bonus b{color:#0f1a36}
.dcnv-trin__vilk{font-size:12.5px;color:#5b6784;margin:0 0 7px}
.dcnv-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.dcnv-chips li{display:inline-flex;align-items:center;gap:5px;margin:0;
  font-size:12.5px;color:#2c3a5c;background:#eff3fb;border-radius:7px;padding:3px 8px}
.dcnv-chips svg{width:13px;height:13px;color:var(--dcn-dyb)}
.dcnv-trin__hoejre{display:grid;gap:7px;justify-items:stretch}
.dcnv-knap{display:block;text-align:center;padding:12px 14px;border-radius:12px;
  background:var(--dcn-rav);color:#231604;font:700 15px/1 'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif}
.dcnv-knap:hover{background:#ffb95a;color:#231604;text-decoration:none}
.dcnv-knap--2{background:#fff;color:var(--dcn-dyb);border:1.5px solid var(--dcn-kant);font-weight:600;padding:9px 14px;font-size:13.5px}
.dcnv-knap--2:hover{background:#eef2fb;color:var(--dcn-dyb)}
.dcnv-vilkaar{font-size:11.5px;line-height:1.45;color:var(--dcn-graa);margin:9px 0 0}

/* (dcn) fakta — ячейки «подпись сверху, значение снизу» ---------------------- */
.dcn-fakta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px;padding:0;list-style:none}
.dcn-fakta li{margin:0;padding:12px 14px;background:#f4f7fd;border-radius:12px}
.dcn-fakta span{display:block;font-size:12.5px;color:var(--dcn-graa);margin-bottom:3px}
.dcn-fakta b{font:700 16px/1.2 'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif}

/* (dcn) rille — рельс справа -------------------------------------------------- */
.dcn-rille{display:grid;gap:16px;align-content:start}
.dcn-rille section{border:1px solid var(--dcn-kant);border-radius:16px;padding:16px;background:#fbfcff}
.dcn-rille h3{margin:0 0 10px;font-size:15px;text-transform:uppercase;letter-spacing:.07em;color:var(--dcn-graa)}
.dcn-rille ol,.dcn-rille ul{margin:0;padding:0;list-style:none;counter-reset:dcnr}
.dcn-rille li{margin:0;padding:8px 0;border-top:1px solid var(--dcn-kant);font-size:14.5px;line-height:1.45}
.dcn-rille li:first-child{border-top:0;padding-top:0}
.dcn-rille ol li{counter-increment:dcnr;display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:baseline}
.dcn-rille ol li::before{content:counter(dcnr);font:800 14px/1.4 'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif;
  color:var(--dcn-nordlys-2);display:block!important}
.dcn-rille--top li{display:grid;grid-template-columns:66px minmax(0,1fr);gap:10px;align-items:center}
.dcn-rille--top .dcn-maerke{width:66px;height:30px;border-radius:8px;padding:4px}
.dcn-rille--top .dcn-maerke img{max-height:24px}
.dcn-rille--top b{display:block;font:700 14px/1.2 'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif}
.dcn-rille--top span{display:block;font-size:12.5px;color:var(--dcn-graa)}
/* памятка вместо полосы брендов — на обзоре оператора конкурентов не показываем */
.dcn-rille--fakta li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;align-items:start}
.dcn-rille--fakta svg{width:18px;height:18px;color:var(--dcn-dyb);margin-top:2px}
.dcn-rille--fakta span{font-size:14px;line-height:1.4}
.dcn-rille__ikoner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dcn-rille__ikoner a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;
  background:#fff;border:1px solid var(--dcn-kant);font-size:13.5px;color:var(--dcn-kul);font-weight:600}
.dcn-rille__ikoner a:hover{border-color:var(--dcn-nordlys);text-decoration:none}
.dcn-rille__ikoner svg{width:18px;height:18px;color:var(--dcn-dyb);flex:none}

/* (dcn) indhold — своё свёрнутое оглавление ---------------------------------- */
.dcn-indhold{border:1px solid var(--dcn-kant);border-radius:14px;background:#fbfcff;padding:0;margin:0 0 26px}
.dcn-indhold > summary{cursor:pointer;list-style:none;padding:13px 16px;
  font:700 15px/1.3 'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif;display:flex;align-items:center;gap:9px}
.dcn-indhold > summary::-webkit-details-marker{display:none}
.dcn-indhold > summary svg{width:17px;height:17px;color:var(--dcn-dyb);flex:none}
.dcn-indhold[open] > summary{border-bottom:1px solid var(--dcn-kant)}
.dcn-indhold ol{margin:0;padding:12px 16px 14px 32px}
.dcn-indhold ol ol{padding:4px 0 6px 22px;list-style:disc}
.dcn-indhold li{margin:.22em 0;font-size:15px}
.dcn-indhold ol ol li{font-size:14px;color:#4c5875}
.dcn-indhold > ol > li > a{font-weight:600}

/* (dcn) sporg — FAQ, ответы всегда раскрыты ---------------------------------- */
.dcn-sporg{margin:26px 0;display:grid;gap:12px}
.dcn-sporg > div{border:1px solid var(--dcn-kant);border-left:4px solid var(--dcn-nordlys);
  border-radius:12px;padding:15px 17px;background:#fbfcff}
.dcn-sporg h3{margin:0 0 6px;font-size:17px}
.dcn-sporg p:last-child{margin-bottom:0}

/* (dcn) billede — смысловые изображения --------------------------------------- */
.dcn-billede{margin:26px 0;border-radius:16px;overflow:hidden;border:1px solid var(--dcn-kant);background:#fff}
.dcn-billede img{display:block;width:100%}
.dcn-billede figcaption{padding:12px 18px;font-size:12.5px;color:var(--dcn-graa);border-top:1px solid var(--dcn-kant)}
.dcn-billede figcaption a{color:var(--dcn-graa);text-decoration:underline}

/* (dcn) brod — редакционная проработка ТЕЛА статьи ----------------------------
   Полотно донора — сплошной текст; каждый его блок получает свой знак, иначе
   страница читается как черновик (design-every-block-must-be-designed). */
.dcn-brod > p:first-of-type{font-size:18.5px;line-height:1.62;color:#1a2440}
.dcn-brod h2{position:relative;margin:38px 0 14px;padding:0 0 0 16px;line-height:1.2}
.dcn-brod h2::before{content:"";position:absolute;left:0;top:.16em;bottom:.16em;width:4px;
  border-radius:4px;background:linear-gradient(180deg,var(--dcn-nordlys),var(--dcn-dyb))}
.dcn-brod h3{margin:28px 0 10px;padding-left:16px;position:relative}
.dcn-brod h3::before{content:"";position:absolute;left:1px;top:.55em;width:7px;height:7px;
  border-radius:50%;background:var(--dcn-nordlys)}
.dcn-brod h4{margin:22px 0 8px;font-size:17.5px;color:#22304f}
.dcn-brod ul{list-style:none;margin:0 0 22px;padding:0}
.dcn-brod ul > li{position:relative;padding:0 0 0 27px;margin:.42em 0}
.dcn-brod ul > li::before{content:"";position:absolute;left:0;top:.36em;width:16px;height:16px;
  border-radius:5px;background:rgba(47,208,166,.16);
  box-shadow:inset 0 0 0 1px rgba(47,208,166,.42)}
.dcn-brod ul > li::after{content:"";position:absolute;left:4.5px;top:.62em;width:7px;height:4px;
  border-left:2px solid var(--dcn-dyb);border-bottom:2px solid var(--dcn-dyb);
  transform:rotate(-45deg)}
.dcn-brod ol{counter-reset:dcnnr;list-style:none;margin:0 0 22px;padding:0}
.dcn-brod ol > li{counter-increment:dcnnr;position:relative;padding:0 0 0 32px;margin:.5em 0}
.dcn-brod ol > li::before{content:counter(dcnnr);position:absolute;left:0;top:.02em;
  width:22px;height:22px;border-radius:7px;background:var(--dcn-dyb);color:#fff;
  font:700 12.5px/22px 'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif;text-align:center}
.dcn-brod blockquote{margin:24px 0;padding:16px 18px;border-radius:14px;
  background:#f4f7fd;border-left:4px solid var(--dcn-nordlys);color:#1a2440}
.dcn-brod blockquote p:last-child{margin-bottom:0}
.dcn-brod img{border-radius:14px;border:1px solid var(--dcn-kant)}
.dcn-brod hr{border:0;border-top:1px solid var(--dcn-kant);margin:30px 0}
.dcn-brod a{color:#1d3fbf;border-bottom:1px solid rgba(29,63,191,.28)}
.dcn-brod a:hover{border-bottom-color:currentColor;text-decoration:none}
.dcn-brod strong,.dcn-brod b{color:#0f1a36}

/* (dcn) tabel ----------------------------------------------------------------- */
.dcn-brod table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15px}
.dcn-brod th,.dcn-brod td{padding:11px 16px;border-bottom:1px solid var(--dcn-kant);text-align:left;vertical-align:top}
.dcn-brod thead th{background:#f4f7fd;font:700 13.5px/1.3 'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif;
  text-transform:uppercase;letter-spacing:.05em;color:#2b3450}
.dcn-brod tbody tr:nth-child(even) td{background:#fafbff}
/* R-overflow: широкая таблица донора на телефоне уезжает за лист на 17-18px.
   Катаем её вбок внутри своей колонки, вместо того чтобы рвать страницу. */
@media(max-width:700px){.dcn-brod table{display:block;width:max-content;
  max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* (dcn) indeks — указатель раздела -------------------------------------------- */
/* Монограмма вместо логотипа: у 24 из 27 обзоров знака в базе нет, а пустая
   плитка читается как битая картинка. Оттенок считается из адреса страницы —
   указатель выглядит собранным, а не однотонной простынёй ссылок. */
.dcn-indeks{margin:34px 0 0;padding:26px 0 0;border-top:1px solid var(--dcn-kant)}
.dcn-indeks h2{margin:0 0 18px;font:700 24px/1.2 'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif;
  color:var(--dcn-kul)}
/* align-items:start — иначе сетка тянет низкую карточку до высоты соседней
   и под коротким описанием зияет пустая треть плитки. */
.dcn-indeks__net{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));
  gap:10px;align-items:start}
.dcn-indeks__net a{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;
  border:1px solid var(--dcn-kant);border-radius:12px;background:#fff;text-decoration:none;
  transition:border-color .16s,transform .16s,box-shadow .16s}
.dcn-indeks__net a:hover{border-color:#b9c6e6;transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(16,26,64,.08)}
.dcn-indeks__mono{flex:none;width:38px;height:38px;border-radius:10px;display:grid;
  place-items:center;font:700 17px/1 'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif;color:#fff;
  background:linear-gradient(140deg,
    hsl(calc(212deg + var(--dcn-drej,0deg)) 58% 46%),
    hsl(calc(250deg + var(--dcn-drej,0deg)) 52% 34%))}
.dcn-indeks__ord{min-width:0}
.dcn-indeks__ord b{display:block;font:600 15.5px/1.25 'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif;
  color:var(--dcn-kul)}
.dcn-indeks__ord span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
  overflow:hidden;margin:3px 0 0;font-size:13px;line-height:1.42;color:var(--dcn-graa)}

/* (dcn) sti — хлебные крошки --------------------------------------------------- */
.dcn-sti{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:0;padding:16px 0 0;list-style:none;
  font-size:13px;color:rgba(226,233,255,.72)}
.dcn-sti li{margin:0;display:flex;align-items:center;gap:7px}
.dcn-sti li + li::before{content:'/';opacity:.45}
.dcn-sti a{color:rgba(226,233,255,.9)}

/* (dcn) opdat — видимая дата обновления ---------------------------------------- */
.dcn-opdat{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--dcn-graa);margin:0 0 18px}
.dcn-opdat svg{width:15px;height:15px;color:var(--dcn-dyb)}

/* (dcn) ft / kolofon — подвал ---------------------------------------------------- */
.dcn-ft{width:100%;margin:0;color:#c9d2ee;
  background:linear-gradient(6deg,#080c22 0%,var(--dcn-nat) 62%,#141c48 100%)}
.dcn-kolofon{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:34px;padding:42px 0 30px}
.dcn-kolofon h3{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}
.dcn-kolofon p{font-size:14.5px;line-height:1.66;color:#aab6da}
.dcn-kolofon ul{margin:0;padding:0;list-style:none}
.dcn-kolofon li{margin:0 0 8px;font-size:14.5px}
.dcn-kolofon a{color:#d6deff}
.dcn-hjaelp{display:grid;gap:9px;margin:16px 0 0;padding:16px;border-radius:12px;
  background:rgba(255,255,255,.06);border:1px solid var(--dcn-kant-m)}
.dcn-hjaelp b{color:#fff;font:700 15px/1.3 'Outfit dcn','Outfit res','Outfit res2',system-ui,Arial,sans-serif}
.dcn-hjaelp span{font-size:13.5px;color:#aab6da}
.dcn-hjaelp a{color:var(--dcn-nordlys);font-weight:600}
.dcn-tegn{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0;padding:18px 0;list-style:none;
  border-top:1px solid var(--dcn-kant-m)}
.dcn-tegn li{margin:0;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:9px;
  background:#f3f6ff;color:#16203f;font:600 12.5px/1 'Plex dcn',system-ui,Arial,sans-serif}
.dcn-tegn svg{width:16px;height:16px;color:var(--dcn-dyb)}
.dcn-tegn li.dcn-tegn--18{background:var(--dcn-rav);color:#241704;font-weight:700}
.dcn-slut{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;
  padding:14px 0 26px;border-top:1px solid var(--dcn-kant-m);font-size:13px;color:#8e9bc4}
.dcn-slut a{color:#aab6da}

/* (dcn) mobil ------------------------------------------------------------------- */
@media (max-width:1040px){
  .dcn-forside{grid-template-columns:minmax(0,1fr);gap:30px;padding:38px 0 44px}
  .dcn-forside__ord h1{font-size:40px}
  .dcn-spalte--rille{grid-template-columns:minmax(0,1fr)}
  .dcn-kolofon{grid-template-columns:1fr 1fr;gap:26px}
}
@media (max-width:860px){
  :root{--dcn-pad:14px}
  .dcn-luge__kn{display:flex;margin-left:auto}
  .dcn-hd__pille{flex-wrap:wrap;border-radius:20px;padding:10px 14px}
  .dcn-menu{order:3;flex:0 0 100%;display:none;flex-direction:column;align-items:stretch;gap:2px;
    padding:8px 0 4px;margin-top:8px;border-top:1px solid rgba(255,255,255,.16)}
  .dcn-luge:checked ~ .dcn-menu{display:flex}
  .dcn-menu > li > a{padding:12px 10px;border-radius:10px;min-height:44px;display:flex;align-items:center}
  .dcn-folde{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
    background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);margin:2px 0 6px 10px}
  .dcn-folde a{color:#e4eaff;min-height:44px}
  .dcn-folde a:hover{background:rgba(255,255,255,.12)}
  .dcn-folde svg{color:var(--dcn-nordlys)}
  .dcn-hd__kn{order:2;min-height:44px}
  .dcn-krop h1{font-size:30px}
  .dcn-forside__ord h1{font-size:33px}
  .dcn-krop h2{font-size:23px}
  .dcn-ark{border-radius:16px;padding:24px var(--dcn-pad) 30px;margin:18px auto 24px}
  .dcnv-trin{grid-template-columns:34px 1fr;grid-template-areas:'nr maerke' 'midt midt' 'hoej hoej';gap:12px}
  .dcnv-trin__nr{grid-area:nr}
  .dcnv-maerke{grid-area:maerke;width:130px;height:46px}
  .dcnv-trin__midt{grid-area:midt}
  .dcnv-trin__hoejre{grid-area:hoej}
  .dcn-fakta{grid-template-columns:1fr}
  .dcn-kolofon{grid-template-columns:1fr;padding:30px 0 22px}
  .dcn-ruder{grid-template-columns:1fr 1fr;gap:10px}
  .dcnv-rubrik{flex-wrap:wrap;gap:10px}
}
@media (max-width:420px){
  .dcn-ruder{grid-template-columns:1fr}
  .dcn-navn__ord{font-size:18px}
}
@media (prefers-reduced-motion:reduce){
  .dcn-folde{transition:none}
}