/* =sid:css=  casinosider.net — каркас «Fyrtårn» (маяк). Один файл, ноль JS.
   Планы: --sid-canvas полотно · --sid-paper лист · --sid-plate врезка.
   Референсы прогона: danskespil.dk (тёмная шапка, продуктовые карточки,
   двухъярусный подвал с траст-знаками) и gambling.dk (анатомия строки топ-листа).
   Блоки ниже размечены парами комментариев =sid:<имя>= / =/sid:<имя>=. */

/* =sid:css-root= */
:root{
  --sid-canvas:#e9edf2; --sid-paper:#fff; --sid-plate:#f7f8fa;
  --sid-ink:#10161d; --sid-ink-soft:#4a5765; --sid-ink-mute:#5a6673;
  --sid-line:#d9dfe7; --sid-line-2:#c3ccd7;
  --sid-deep:#0d2b46; --sid-deep-2:#081c2e; --sid-deep-3:#14406a;
  --sid-beam:#e8b13a; --sid-beam-2:#f6d089;
  --sid-signal:#c2102c; --sid-signal-2:#9c0c23;
  --sid-ok:#17714f; --sid-ok-bg:#e6f2ec;
  --sid-col:888px; --sid-col-narrow:760px; --sid-wide:1120px;
  --sid-sheet:36px; --sid-gap:24px; --sid-pad:22px;
  --sid-r:6px; --sid-r-lg:10px;
  --sid-sans:"Raleway","Segoe UI",Arial,sans-serif;
  --sid-serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --sid-shadow:0 1px 2px rgba(13,43,70,.06),0 8px 24px -14px rgba(13,43,70,.28);
}
@font-face{font-family:"Raleway";src:url(/media/sid/sid-raleway.b1.woff2) format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(/media/sid/sid-playfair.b1.woff2) format("woff2");
  font-weight:400 900;font-style:normal;font-display:swap}
/* =/sid:css-root= */

/* =sid:css-base= */
html{-webkit-text-size-adjust:100%}
body.sid{margin:0;background:var(--sid-canvas);color:var(--sid-ink);
  font:400 17px/1.66 var(--sid-sans);font-size:17px}
body.sid *,body.sid *::before,body.sid *::after{box-sizing:border-box}
body.sid img{max-width:100%;height:auto}
body.sid a{color:var(--sid-deep-3);text-decoration:none}
body.sid a:hover{text-decoration:underline}
body.sid h1,body.sid h2,body.sid h3,body.sid h4{font-family:var(--sid-serif);
  font-weight:700;line-height:1.22;color:var(--sid-ink);margin:0 0 .5em}
body.sid h1{font-size:2.05rem;letter-spacing:-.01em}
body.sid h2{font-size:1.5rem;margin-top:1.6em}
body.sid h3{font-size:1.18rem;font-family:var(--sid-sans);font-weight:700;margin-top:1.4em}
body.sid p,body.sid li{padding-left:0;padding-right:0}
body.sid p{margin:0 0 1.05em}
body.sid hr{border:0;border-top:1px solid var(--sid-line);margin:2em 0}
/* прятать уводом за левый край нельзя: ссылка расширяет документ и R2 видит overflow */
.sid-skip{position:absolute;left:8px;top:8px;width:1px;height:1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap}
.sid-skip:focus{width:auto;height:auto;clip-path:none;z-index:99;background:#fff;
  padding:10px 14px;border:2px solid var(--sid-deep)}
/* =/sid:css-base= */

/* =sid:css-head= */
.sid-hd{background:var(--sid-paper);border-bottom:1px solid var(--sid-line)}
.sid-hd__rail{background:var(--sid-deep-2);color:#c6d4e2;font-size:.79rem;letter-spacing:.02em}
.sid-hd__rail .sid-in{display:flex;gap:18px;align-items:center;justify-content:space-between;
  min-height:34px;flex-wrap:wrap}
body.sid .sid-hd__rail a{color:#e2eaf2}
body.sid .sid-hd__rail b{color:var(--sid-beam-2);font-weight:600}
.sid-in{max-width:var(--sid-wide);margin:0 auto;padding:0 var(--sid-pad)}
.sid-hd__bar{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:74px}
.sid-brand{display:flex;align-items:center;gap:11px;color:var(--sid-ink);text-decoration:none}
.sid-brand:hover{text-decoration:none}
body.sid .sid-brand svg{display:block;width:34px;height:40px;flex:0 0 34px}
.sid-brand__n{font-family:var(--sid-serif);font-size:1.42rem;font-weight:700;line-height:1}
.sid-brand__t{display:block;font-family:var(--sid-sans);font-size:.67rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--sid-ink-mute);margin-top:3px}
.sid-beamline{height:3px;background:linear-gradient(90deg,var(--sid-deep) 0%,var(--sid-deep-3) 38%,var(--sid-beam) 100%)}
/* =/sid:css-head= */

/* =sid:css-nav= */
body.sid .sid-nav>ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
body.sid .sid-nav>ul>li{position:relative}
body.sid .sid-nav>ul>li>a{display:block;padding:10px 13px;font-weight:600;font-size:.95rem;
  color:var(--sid-ink);border-bottom:3px solid transparent}
body.sid .sid-nav>ul>li>a:hover,body.sid .sid-nav>ul>li:focus-within>a{color:var(--sid-deep);
  border-bottom-color:var(--sid-beam);text-decoration:none}
body.sid .sid-nav ul ul{position:absolute;left:0;top:100%;min-width:248px;margin:0;padding:8px 0;
  list-style:none;background:var(--sid-paper);border:1px solid var(--sid-line-2);
  border-top:3px solid var(--sid-deep);box-shadow:var(--sid-shadow);
  visibility:hidden;opacity:0;transform:translateY(4px);transition:.14s;z-index:40}
body.sid .sid-nav>ul>li:hover>ul,body.sid .sid-nav>ul>li:focus-within>ul{visibility:visible;opacity:1;transform:none}
body.sid .sid-nav ul ul a{display:block;padding:9px 16px;font-size:.92rem;
  color:var(--sid-ink) !important;font-weight:500}
body.sid .sid-nav ul ul a:hover{background:var(--sid-plate);color:var(--sid-deep) !important;text-decoration:none}
.sid-burger,.sid-burger__lbl,.sid-nav__close{display:none}
/* =/sid:css-nav= */

/* =sid:css-hero= */
.sid-hero{position:relative;background:var(--sid-deep-2);overflow:hidden}
.sid-hero__img{display:block;width:100%;height:auto;aspect-ratio:3.2/1;object-fit:cover;
  object-position:50% 62%;opacity:.42;filter:saturate(.72)}
.sid-hero__txt{position:absolute;inset:0;display:flex;align-items:center}
.sid-hero__txt .sid-in{width:100%}
body.sid .sid-hero h1{color:#fff;margin:0 0 .35em;font-size:2.3rem;max-width:20ch;
  text-shadow:0 2px 18px rgba(4,16,27,.55)}
body.sid .sid-hero p{color:#dbe6f0;margin:0;max-width:52ch;font-size:1.02rem}
.sid-hero__cred{background:var(--sid-deep-2);color:#7f95ab;font-size:.7rem}
.sid-hero__cred .sid-in{padding-top:5px;padding-bottom:7px}
body.sid .sid-hero__cred a{color:#93a9be}
.sid-facts{background:var(--sid-deep);color:#e7eef5}
body.sid .sid-facts ul{display:grid;grid-template-columns:repeat(3,1fr);gap:0;list-style:none;margin:0;padding:0}
body.sid .sid-facts li{display:flex;gap:11px;align-items:flex-start;padding:16px 22px;
  border-left:1px solid rgba(255,255,255,.12);font-size:.92rem;line-height:1.45}
body.sid .sid-facts li:first-child{border-left:0}
body.sid .sid-facts svg{flex:0 0 22px;width:22px;height:22px;color:var(--sid-beam);margin-top:1px}
body.sid .sid-facts b{display:block;font-weight:700;color:#fff}
/* =/sid:css-hero= */

/* =sid:css-sheet= */
.sid-sheet{background:var(--sid-paper);border:1px solid var(--sid-line);border-radius:var(--sid-r-lg);
  box-shadow:var(--sid-shadow);padding:var(--sid-sheet)}
.sid-crumbs{font-size:.83rem;color:var(--sid-ink-mute);margin:0 0 14px}
body.sid .sid-crumbs a{color:var(--sid-ink-soft)}
.sid-meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:.82rem;
  color:var(--sid-ink-mute);margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--sid-line)}
body.sid .sid-meta svg{width:15px;height:15px;vertical-align:-2px;margin-right:5px;color:var(--sid-deep-3)}
.sid-lead{font-size:1.09rem;color:var(--sid-ink-soft)}
.sid-sheet>*:first-child{margin-top:0}
/* =/sid:css-sheet= */

/* =sid:css-toc= */
.sid-toc{margin:22px 0 26px;background:var(--sid-plate);border-left:4px solid var(--sid-deep-3);
  border-radius:0 var(--sid-r) var(--sid-r) 0}
body.sid .sid-toc>summary{cursor:pointer;list-style:none;padding:13px 18px;font-weight:700;font-size:.95rem;
  display:flex;align-items:center;gap:9px}
body.sid .sid-toc>summary::-webkit-details-marker{display:none}
body.sid .sid-toc>summary svg{width:17px;height:17px;color:var(--sid-deep-3)}
body.sid .sid-toc ol{margin:0;padding:0 18px 16px 38px;columns:2;column-gap:26px;font-size:.92rem}
body.sid .sid-toc li{margin:0 0 6px;break-inside:avoid}
/* =/sid:css-toc= */

/* =sid:css-showcase= */
.sidv{margin:26px 0 30px}
/* список строк — `<ol class="sidv-list"><li class="sidv-row">`: этого ждёт общий
   dis/gate_render.js (R8/R9), свой форк гейта заводить запрещено */
body.sid .sidv-list{list-style:none;margin:0;padding:0;counter-reset:sidv}
.sidv__hd{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  margin:0 0 4px;padding-bottom:10px;border-bottom:2px solid var(--sid-deep)}
body.sid .sidv__hd h2{margin:0;font-size:1.34rem}
body.sid .sidv__hd span{font-size:.8rem;color:var(--sid-ink-mute)}
.sidv__row{display:grid;grid-template-columns:38px 150px 1fr 210px;gap:16px;align-items:center;
  min-height:124px;padding:20px 18px;border-bottom:1px solid var(--sid-line);background:var(--sid-paper)}
.sidv__row:nth-child(odd){background:var(--sid-plate)}
.sidv__row--1{background:#fffaf0;box-shadow:inset 3px 0 0 var(--sid-beam)}
.sidv__rank{font-family:var(--sid-serif);font-size:1.3rem;font-weight:700;color:var(--sid-deep);
  text-align:center;line-height:1}
.sidv__plate{display:flex;align-items:center;justify-content:center;height:56px;width:150px;
  background:var(--sid-plate);border:1px solid var(--sid-line);border-radius:var(--sid-r);overflow:hidden}
body.sid .sidv__plate img{max-height:44px;width:auto;max-width:132px;display:block}
.sidv__brand{font-weight:700;font-size:1.02rem;margin:0 0 3px}
body.sid .sidv__brand a{color:var(--sid-ink)}
.sidv__bonus{font-family:var(--sid-serif);font-size:1.12rem;font-weight:700;color:var(--sid-signal);
  margin:0 0 3px;line-height:1.25}
.sidv__note{font-size:.82rem;color:var(--sid-ink-mute);margin:0}
.sidv__chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none}
body.sid .sidv__chips li{font-size:.72rem;font-weight:600;color:var(--sid-ok);background:var(--sid-ok-bg);
  padding:3px 8px;border-radius:3px;letter-spacing:.01em}
.sidv__cta{display:flex;flex-direction:column;gap:7px;align-items:stretch}
/* ссылка карточки на СВОЙ обзор — второй по силе элемент строки, не конкурент кнопке */
body.sid .sidv__read{display:block;text-align:center;font-size:.84rem;font-weight:600;
  color:var(--sid-deep-3);text-decoration:underline;text-underline-offset:2px}
.sid-btn{display:block;text-align:center;background:var(--sid-signal);color:#fff !important;
  font-weight:700;font-size:.95rem;letter-spacing:.02em;padding:13px 18px;border-radius:var(--sid-r);
  box-shadow:0 2px 0 var(--sid-signal-2)}
.sid-btn:hover{background:var(--sid-signal-2);text-decoration:none}
.sid-btn--ghost{background:transparent;color:var(--sid-deep-3) !important;box-shadow:none;
  border:1px solid var(--sid-line-2);font-weight:600;padding:9px 14px;font-size:.88rem}
.sid-btn--ghost:hover{background:var(--sid-plate)}
.sidv__terms{font-size:.74rem;color:var(--sid-ink-mute)}
body.sid .sidv__terms summary{cursor:pointer;color:var(--sid-ink-mute)}
body.sid .sidv__terms p{margin:5px 0 0;font-size:.74rem;line-height:1.5}
.sidv__foot{font-size:.76rem;color:var(--sid-ink-mute);margin:10px 0 0;padding:10px 16px 0;
  border-top:1px solid var(--sid-line)}
/* =/sid:css-showcase= */

/* =sid:css-cards= */
.sid-card{background:var(--sid-paper);border:1px solid var(--sid-line);border-radius:var(--sid-r-lg);
  padding:18px;display:flex;flex-direction:column;gap:9px}
body.sid .sid-card img{border-radius:var(--sid-r);display:block;width:100%;height:auto}
body.sid .sid-card h3{margin:0;font-size:1.04rem}
body.sid .sid-card p{margin:0;font-size:.9rem;color:var(--sid-ink-soft)}
/* перечень остальных страниц раздела: в меню влезает шесть, а разделов больше */
.sid-near{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 22px;list-style:none;
  margin:14px 0 26px;padding:0}
body.sid .sid-near li{padding:7px 0 7px 16px;border-bottom:1px solid var(--sid-line);
  font-size:.93rem;position:relative}
body.sid .sid-near li::before{content:"›";position:absolute;left:0;top:7px;
  color:var(--sid-beam);font-weight:700}
.sid-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin:20px 0;padding:0}
.sid-tile{display:flex;gap:11px;align-items:center;padding:13px 14px;background:var(--sid-plate);
  border:1px solid var(--sid-line);border-radius:var(--sid-r);font-weight:600;font-size:.92rem}
.sid-tile:hover{border-color:var(--sid-deep-3);text-decoration:none}
body.sid .sid-tile svg{flex:0 0 24px;width:24px;height:24px;color:var(--sid-deep-3)}
/* =/sid:css-cards= */

/* =sid:css-review= */
.sid-rv{display:grid;grid-template-columns:172px 1fr;gap:24px;align-items:start;
  background:var(--sid-plate);border:1px solid var(--sid-line);border-radius:var(--sid-r-lg);
  padding:22px;margin:0 0 26px}
.sid-rv__plate{background:var(--sid-paper);border:1px solid var(--sid-line);border-radius:var(--sid-r);
  padding:12px;display:flex;align-items:center;justify-content:center;min-height:96px}
body.sid .sid-rv__plate img{max-width:100%;height:auto;display:block}
.sid-rv__score{display:flex;align-items:center;gap:10px;margin:12px 0 0}
.sid-rv__dial{width:54px;height:54px;flex:0 0 54px}
.sid-rv__num{font-family:var(--sid-serif);font-size:1.5rem;font-weight:700;line-height:1}
body.sid .sid-rv__num span{display:block;font-family:var(--sid-sans);font-size:.7rem;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:var(--sid-ink-mute)}
.sid-rv__offer{font-family:var(--sid-serif);font-size:1.45rem;color:var(--sid-signal);margin:0 0 6px}
.sid-rv__sub{margin:0 0 14px;color:var(--sid-ink-soft);font-size:.92rem}
.sid-rv__cta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sid-rv__cta .sid-btn{min-width:210px}
.sid-pc{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}
/* одна колонка из двух оставляла пустой жёлоб в половину листа */
.sid-pc--one{grid-template-columns:1fr}
body.sid .sid-pc--one ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:0 28px}
.sid-pc__box{border:1px solid var(--sid-line);border-radius:var(--sid-r-lg);overflow:hidden}
body.sid .sid-pc__box h2{margin:0;padding:11px 16px;font-size:.95rem;font-family:var(--sid-sans);
  letter-spacing:.04em;text-transform:uppercase}
body.sid .sid-pc__box--plus h3{background:var(--sid-ok-bg);color:var(--sid-ok)}
body.sid .sid-pc__box--minus h3{background:#f4f1ea;color:#7a6321}
body.sid .sid-pc__box ul{margin:0;padding:14px 18px 16px;list-style:none}
body.sid .sid-pc__box li{position:relative;padding-left:24px;margin:0 0 8px;font-size:.93rem}
body.sid .sid-pc__box li::before{position:absolute;left:0;top:.05em;font-weight:700}
body.sid .sid-pc__box--plus li::before{content:"+";color:var(--sid-ok)}
body.sid .sid-pc__box--minus li::before{content:"–";color:#8a7326}
/* =/sid:css-review= */

/* =sid:css-table= */
.sid-tw{overflow-x:auto;margin:22px 0;border:1px solid var(--sid-line);border-radius:var(--sid-r-lg)}
body.sid .sid-tw table{width:100%;border-collapse:collapse;font-size:.93rem;margin:0}
body.sid .sid-tw th,body.sid .sid-tw td{text-align:left;padding:12px 18px;border-top:1px solid var(--sid-line);
  vertical-align:top}
body.sid .sid-tw tr:first-child th,body.sid .sid-tw tr:first-child td{border-top:0}
body.sid .sid-tw th{background:var(--sid-plate);font-weight:700;width:34%;color:var(--sid-ink)}
/* длинное слово в ячейке распирает таблицу шире полосы, и текст встаёт у самого края */
body.sid .sid-tw th,body.sid .sid-tw td{overflow-wrap:anywhere}
/* =/sid:css-table= */

/* =sid:css-faq= */
.sid-note{background:var(--sid-plate);border:1px solid var(--sid-line);border-left:4px solid var(--sid-beam);
  border-radius:0 var(--sid-r) var(--sid-r) 0;padding:16px 20px;margin:24px 0;font-size:.94rem}
body.sid .sid-note p:last-child{margin-bottom:0}
body.sid .sid-note b{font-weight:700}
/* =/sid:css-faq= */

/* =sid:css-foot= */
.sid-ft{background:var(--sid-deep);color:#c7d6e4;margin-top:34px;font-size:.92rem}
body.sid .sid-ft a{color:#dce7f1}
.sid-ft__trust{background:var(--sid-deep-2);border-bottom:1px solid rgba(255,255,255,.08)}
.sid-ft__trust .sid-in{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;
  padding-top:20px;padding-bottom:20px}
.sid-badge{display:flex;align-items:center;gap:10px;font-size:.85rem;line-height:1.35}
body.sid .sid-badge svg{flex:0 0 30px;width:30px;height:30px;color:var(--sid-beam)}
body.sid .sid-badge b{display:block;color:#fff}
.sid-ft__cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px;
  padding-top:28px;padding-bottom:26px}
body.sid .sid-ft__cols h3{color:#fff;font-family:var(--sid-sans);font-size:.78rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px}
body.sid .sid-ft__cols ul{list-style:none;margin:0;padding:0}
body.sid .sid-ft__cols li{margin:0 0 8px}
body.sid .sid-ft__about p{font-size:.87rem;line-height:1.6;color:#a9bccd;margin:0 0 10px}
.sid-ft__mark{display:flex;align-items:center;gap:10px;margin:0 0 12px}
body.sid .sid-ft__mark svg{width:30px;height:36px;color:var(--sid-beam)}
body.sid .sid-ft__mark b{font-family:var(--sid-serif);font-size:1.12rem;color:#fff}
.sid-ft__low{border-top:1px solid rgba(255,255,255,.1);font-size:.79rem;color:#8ea5ba}
.sid-ft__low .sid-in{padding-top:16px;padding-bottom:22px}
body.sid .sid-ft__low p{margin:0 0 6px}
/* =/sid:css-foot= */

/* =sid:css-mobile= */
@media (max-width:1080px){
  .sid-tiles{grid-template-columns:repeat(2,1fr)}
  .sid-near{grid-template-columns:repeat(2,1fr)}
  .sid-grid--3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  :root{--sid-sheet:18px;--sid-gap:12px;--sid-pad:16px}
  .sid-hd__bar{min-height:62px;flex-wrap:wrap}
  .sid-burger__lbl{display:flex;align-items:center;justify-content:center;gap:8px;
    width:48px;height:44px;border:1px solid var(--sid-line-2);border-radius:var(--sid-r);
    cursor:pointer;color:var(--sid-ink)}
  body.sid .sid-burger__lbl svg{width:22px;height:22px}
  /* шторка, уведённая за правый край, расширяет документ и ловится R2 как overflow —
     на телефоне меню раскрывается панелью ПОД строкой шапки, тем же чекбоксом, без JS */
  .sid-nav{display:none;width:100%;background:var(--sid-paper);
    border-top:1px solid var(--sid-line);max-height:calc(100vh - 118px);overflow-y:auto;
    padding:6px 0 16px;margin:0 0 4px}
  .sid-burger:checked ~ .sid-nav{display:block}
  body.sid .sid-nav>ul{display:block}
  body.sid .sid-nav>ul>li>a{padding:13px 20px;font-size:1rem;min-height:44px;border-bottom:1px solid var(--sid-line)}
  body.sid .sid-nav ul ul{position:static;visibility:visible;opacity:1;transform:none;border:0;
    box-shadow:none;padding:2px 0 8px;background:var(--sid-plate)}
  body.sid .sid-nav ul ul a{padding:12px 20px 12px 34px;min-height:44px;display:flex;align-items:center}
  .sid-nav__close{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 20px 0;
    min-height:44px;border:1px solid var(--sid-line-2);border-radius:var(--sid-r);
    font-weight:600;cursor:pointer;color:var(--sid-ink)}
  body.sid .sid-nav a[aria-current]{color:var(--sid-signal) !important}
  body.sid .sid-hero h1{font-size:1.52rem}
  .sid-hero__img{aspect-ratio:1.7/1;object-position:50% 58%}
  body.sid .sid-hero p{font-size:.92rem}
  body.sid .sid-facts ul{grid-template-columns:1fr}
  body.sid .sid-facts li{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:13px 16px}
  body.sid .sid-facts li:first-child{border-top:0}
  .sidv__row{grid-template-columns:34px 1fr;gap:7px 12px;min-height:0;padding:13px 14px}
  .sidv__plate{grid-column:2;width:118px;height:42px}
  body.sid .sidv__plate img{max-height:32px;max-width:100px}
  body.sid .sidv__bonus{font-size:1.04rem;margin-bottom:0}
  body.sid .sidv__chips{margin-top:3px}
  /* ссылка на обзор не должна растить строку: на телефоне R9 держит 150–290 px,
     поэтому «Læs anmeldelsen» и «Vilkår» встают в ОДНУ строку под кнопкой */
  .sidv__cta{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;align-items:center}
  .sidv__cta .sid-btn{grid-column:1/-1;padding:10px 16px}
  body.sid .sidv__read{font-size:.8rem;line-height:1.25;padding:1px 0;text-align:left}
  .sidv__row{padding:11px 14px;gap:6px 12px}
  body.sid .sidv__terms{margin-top:0}
  body.sid .sidv__terms summary{padding:2px 0}
  .sidv__body{grid-column:2}
  .sidv__cta{grid-column:2}
  .sid-rv{grid-template-columns:1fr;gap:16px;padding:16px}
  .sid-pc,.sid-how,.sid-cards,.sid-tiles,.sid-near{grid-template-columns:1fr}
  body.sid .sid-toc ol{columns:1}
  body.sid .sid-bars i{grid-column:1/-1}
  .sid-ft__cols{grid-template-columns:1fr 1fr;gap:20px}
  body.sid{font-size:16px}
  body.sid h1{font-size:1.58rem}
  body.sid h2{font-size:1.24rem}
}
@media (max-width:560px){
  .sid-ft__cols{grid-template-columns:1fr}
  .sid-rv__cta .sid-btn{min-width:0;width:100%}
}
/* =/sid:css-mobile= */

/* =sid:css-donor= §15b: блоки донора, оставшиеся в тексте, описаны своими правилами */
body.sid .entry-content>div,body.sid .entry-content>section{max-width:100%}
body.sid .sid-prose ul,body.sid .sid-prose ol{padding-left:22px;margin:0 0 1.05em}
body.sid .sid-prose li{margin:0 0 6px}
body.sid .sid-prose img{border-radius:var(--sid-r)}
/* таблица донора шире телефона: свой скролл, иначе её ячейки распирают документ (R2) */
/* сам блок НИЧЕГО не рисует: рамку и фон держит таблица, иначе замер отступа
   упирается в край полосы прокрутки (padding-lives-on-the-block-that-paints-background) */
.sid-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 1.05em}
body.sid .sid-scroll table{width:100%;min-width:520px;border-collapse:collapse;margin:0;
  font-size:.93rem;border:1px solid var(--sid-line);border-radius:var(--sid-r);
  background:var(--sid-paper)}
body.sid .sid-scroll th,body.sid .sid-scroll td{padding:11px 18px;border-bottom:1px solid var(--sid-line);
  text-align:left;vertical-align:top}
body.sid .sid-scroll th{background:var(--sid-plate);font-weight:700;color:var(--sid-deep)}
body.sid .sid-scroll tr:last-child td{border-bottom:0}
body.sid .sid-prose iframe{position:static !important;width:100% !important;height:auto !important;
  aspect-ratio:16/9;border:0;border-radius:var(--sid-r);display:block;margin:20px 0}
body.sid .sid-prose a[href^="/go/"]{font-weight:600}
body.sid .sid-prose blockquote{margin:20px 0;padding:14px 20px;border-left:4px solid var(--sid-deep-3);
  background:var(--sid-plate);border-radius:0 var(--sid-r) var(--sid-r) 0}
body.sid .sid-prose blockquote p:last-child{margin-bottom:0}
/* =/sid:css-donor= */

/* =sid:css-page= §5: полотно страницы, карточки вводных, полоса ответственной игры */
.sid-main{margin:var(--sid-gap) 0 38px}
.sid-main>.sid-in{max-width:calc(var(--sid-col) + var(--sid-sheet)*2 + var(--sid-pad)*2)}
.sid-main--wide>.sid-in{max-width:var(--sid-wide)}

.sid-prose{font-size:1rem}
.sid-prose>*:first-child{margin-top:0}
body.sid .sid-prose h2{margin:1.7em 0 .55em}
body.sid .sid-prose h3{margin:1.4em 0 .45em;font-size:1.06rem}
body.sid .sid-prose p{margin:0 0 1.05em}
body.sid .sid-prose img{max-width:100%;height:auto}
body.sid .sid-prose table{width:100%;border-collapse:collapse}

.sid-how{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:26px 0 30px}
.sid-how__c{background:var(--sid-plate);border:1px solid var(--sid-line);
  border-radius:var(--sid-r-lg);padding:18px 20px}
body.sid .sid-how__c svg{width:26px;height:26px;color:var(--sid-deep-3);display:block;margin:0 0 9px}
body.sid .sid-how__c h3{margin:0 0 6px;font-size:1.02rem}
body.sid .sid-how__c p{margin:0;font-size:.9rem;color:var(--sid-ink-soft);line-height:1.55}

.sid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 28px}
.sid-cards .sid-card:hover{border-color:var(--sid-deep-3);text-decoration:none}
body.sid .sid-card svg{width:24px;height:24px;color:var(--sid-beam);flex:0 0 24px}
.sid-card__h{font-weight:700;font-size:1.02rem;color:var(--sid-ink);line-height:1.3}
.sid-card__d{font-size:.87rem;color:var(--sid-ink-soft);line-height:1.5}

.sid-list{list-style:none;margin:16px 0 8px;padding:0;columns:2;column-gap:30px}
body.sid .sid-list li{margin:0 0 9px;break-inside:avoid;padding-left:16px;position:relative}
body.sid .sid-list li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;
  background:var(--sid-beam);border-radius:50%}
.sid-more{margin:4px 0 26px;font-weight:600;font-size:.92rem}
body.sid .sid-more svg{width:16px;height:16px;vertical-align:-3px;margin-left:5px}

.sid-resp{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start;margin:30px 0 6px;
  padding:20px 22px;background:var(--sid-deep);color:#e8eef5;border-radius:var(--sid-r-lg)}
body.sid .sid-resp>svg{width:52px;height:52px;color:var(--sid-beam)}
body.sid .sid-resp h2{margin:0 0 8px;color:#fff;font-size:1.18rem}
body.sid .sid-resp p{margin:0 0 10px;font-size:.92rem;line-height:1.6;color:#cfdae6}
body.sid .sid-resp p:last-child{margin:0}
body.sid .sid-resp a{color:var(--sid-beam-2)}
.sid-resp .sid-btn--ghost{display:inline-block;color:#fff !important;border-color:rgba(255,255,255,.4)}
.sid-resp .sid-btn--ghost:hover{background:rgba(255,255,255,.1)}

.sid-rv__mono{font-family:var(--sid-serif);font-size:2rem;font-weight:700;color:var(--sid-deep);
  letter-spacing:.04em}

.sid-note{display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start;margin:0 0 24px;
  padding:16px 18px;background:#fdf4f5;border:1px solid #f0cdd3;border-left:4px solid var(--sid-signal);
  border-radius:0 var(--sid-r) var(--sid-r) 0}
body.sid .sid-note>svg{width:30px;height:30px;color:var(--sid-signal)}
body.sid .sid-note b{display:block;margin:0 0 6px;color:var(--sid-signal-2)}
body.sid .sid-note p{margin:0 0 8px;font-size:.9rem;line-height:1.55;color:var(--sid-ink-soft)}
body.sid .sid-note p:last-child{margin:0}

body.sid .sid-band{margin:22px 0 26px;padding:0;border-radius:var(--sid-r-lg);overflow:hidden;
  border:1px solid var(--sid-line)}
body.sid .sid-band img{display:block;width:100%;height:auto;aspect-ratio:1200/340;object-fit:cover}
body.sid .sid-band figcaption{background:var(--sid-plate);color:var(--sid-ink-mute);
  font-size:.72rem;padding:8px 18px;border-top:1px solid var(--sid-line)}
body.sid .sid-band figcaption a{color:var(--sid-ink-soft)}
/* =/sid:css-page= */

@media (max-width:900px){
  .sid-how,.sid-cards{grid-template-columns:1fr 1fr}
  .sid-list{columns:1}
}
@media (max-width:640px){
  .sid-how,.sid-cards{grid-template-columns:1fr}
  .sid-resp{grid-template-columns:1fr;gap:12px}
  body.sid .sid-resp>svg{width:40px;height:40px}
}
/* =/sid:css= */