@font-face{font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url(/media/fks/fks-memvyags126mizpba-uvwbx2vvnxbbobj2ovtsgm.3fd1f073.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url(/media/fks/fks-memvyags126mizpba-uvwbx2vvnxbbobj2ovts-m.b68160c9.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(/media/fks/fks-memvyags126mizpba-uvwbx2vvnxbbobj2ovtsgm.3fd1f073.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(/media/fks/fks-memvyags126mizpba-uvwbx2vvnxbbobj2ovts-m.b68160c9.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(/media/fks/fks-memvyags126mizpba-uvwbx2vvnxbbobj2ovtsgm.3fd1f073.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(/media/fks/fks-memvyags126mizpba-uvwbx2vvnxbbobj2ovts-m.b68160c9.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Open Sans'; font-style: italic; font-weight: 700; font-stretch: 100%; src: url(/media/fks/fks-memqyags126mizpba-ufuicvxscekx2cmqvxlwq8.5de0111c.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;; font-display: swap}
@font-face{font-family: 'Open Sans'; font-style: italic; font-weight: 700; font-stretch: 100%; src: url(/media/fks/fks-memqyags126mizpba-ufuicvxscekx2cmqvxlwq8.2c76b167.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;; font-display: swap}
@font-face{font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: url(/media/fks/fks-bngbuxzytxpivibgjjsb6s3bzlrrfkofbvjoa4om.5d68ac2f.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;; font-display: swap}
@font-face{font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: url(/media/fks/fks-bngbuxzytxpivibgjjsb6s3bzlrrfkofbvjoa4om.f0950ec2.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;; font-display: swap}
@font-face{font-family: 'Teko'; font-style: normal; font-weight: 600; src: url(/media/fks/fks-lyjydg7kme0gv69vvppdfl06vn_jhis71zo0vg.993af2c1.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;; font-display: swap}
@font-face{font-family: 'Teko'; font-style: normal; font-weight: 600; src: url(/media/fks/fks-lyjydg7kme0gv69vvppdfl06vn_jhis11zm.edf7765c.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;; font-display: swap}
@font-face{font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(/media/fks/fks-memsyags126mizpba-uvwbx2vvnxbbobj2ovzyoo.67a1c6e7.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;; font-display: swap}
@font-face{font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(/media/fks/fks-memsyags126mizpba-uvwbx2vvnxbbobj2ovzyoo.9432c99c.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;; font-display: swap}
:root{
  --fks-m-lahja:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgYXJpYS1oaWRkZW49InRydWUiPjxyZWN0IHg9IjMiIHk9IjkiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIgcng9IjIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggZD0iTTMgMTNoMThNMTIgOXYxMk04LjUgOUM2LjUgOSA2IDUgOC41IDVTMTIgOSAxMiA5czEtNCAzLjUtNFMxNy41IDkgMTUuNSA5IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==");
  --fks-m-nuoli:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0zIDhoOU04LjUgNGw0IDQtNCA0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+");
  --fks-m-oikein:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yLjUgOC41bDMuNSAzLjUgNy41LTgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIyLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==");
  --fks-m-tieto:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgYXJpYS1oaWRkZW49InRydWUiPjxjaXJjbGUgY3g9IjgiIGN5PSI4IiByPSI2LjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjgiLz48cGF0aCBkPSJNOCA3djQuMk04IDQuNnYuOSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+");
  --fks-m-vaarin:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0zLjUgMy41bDkgOU0xMi41IDMuNWwtOSA5IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMi40IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=");
}

/* ============================================================
   fks — скин «Vihreä pöytä». 4kingslots.com, этап 05.
   Порядок секций = порядок блоков на странице.
   1 переменные · 2 сброс донора · 3 каркас/лист · 4 шапка
   5 крошки · 6 типографика · 7 лист обзора · 8 рельсы
   9 таблицы · 10 карточки и ленты · 11 кнопки · 12 знаки
   13 оглавление/FAQ · 14 блок ценности · 15 подвал · 16 мобилка
   ============================================================ */

/* ── 1. переменные ─────────────────────────────────────────── */
:root{
  --fks-ink:#1a1712; --fks-paper:#fff; --fks-sand:#f5f1e8; --fks-sand2:#ebe4d6;
  --fks-line:#ddd3c0; --fks-felt:#0f6b4a; --fks-felt-d:#0a4c34;
  /* ⛔ латунь `--fks-brass` — только заливка и штрих, ТЕКСТОМ она не работает:
     на песке даёт 3,6 к 1. Тёмная латунь `--fks-brass-d` — единственный
     латунный цвет для букв, поэтому её значение держим на 5+ к 1 и к песку
     (#f5f1e8), и к белому, и к плашке лицензии (#fbf3df). */
  --fks-brass:#e0a12a; --fks-brass-d:#8a5d13; --fks-brick:#a83a2a; --fks-mute:#6b6459;
  --fks-brass-l:#e8b143;    /* латунь для букв НА сукне: 5,1 к 1 */
  --fks-col:888px;          /* текстовая колонка */
  --fks-sheet:34px;         /* рабочее поле листа */
  --fks-sheet-top:26px;     /* верхнее — меньше: см. зазор под шапкой */
  --fks-gap:20px;           /* поле вокруг листа */
  --fks-pad:20px;           /* боковое поле полноширинных лент */
  --fks-bar:1120px;         /* контент шапки и подвала */
  --fks-txt:'Open Sans',-apple-system,Segoe UI,Arial,sans-serif;
  --fks-head:'Roboto Slab',Georgia,'Times New Roman',serif;
  --fks-num:'Teko','Roboto Slab',Georgia,serif;
}

/* ── 2. сброс слоя донора ──────────────────────────────────────
   Правило донора по голому тегу — (0,0,1); :where(...) тег даёт столько же,
   а наш лист ниже — значит выигрываем без !important. */
:where(.fks-pohja) body,:where(.fks-pohja) div,:where(.fks-pohja) section,
:where(.fks-pohja) article,:where(.fks-pohja) aside,:where(.fks-pohja) header,
:where(.fks-pohja) footer,:where(.fks-pohja) nav,:where(.fks-pohja) ul,
:where(.fks-pohja) ol,:where(.fks-pohja) li,:where(.fks-pohja) p,
:where(.fks-pohja) table,:where(.fks-pohja) form{
  float:none;position:static;min-height:0;max-height:none;background-image:none}
html,body{margin:0;padding:0}
/* ⛔ у донора на шаблоне поста тема мобильного меню (`mob-menu-slideout`)
   резервирует `padding-top:50px` под СВОЮ прилипшую полоску. Полоски у нас
   нет, а полоса пустоты над шапкой на узком экране была — и только на
   страницах блога (R6 «зазор НАД шапкой 50px»). */
body.fks-pohja{padding-top:0!important;
  background:var(--fks-sand);color:var(--fks-ink);
  font-family:var(--fks-txt);font-size:17px;line-height:1.68;
  -webkit-text-size-adjust:100%;overflow-x:hidden}
.fks-pohja *,.fks-pohja *::before,.fks-pohja *::after{box-sizing:border-box}
.fks-pohja img,.fks-pohja video,.fks-pohja iframe{max-width:100%;height:auto}
/* донорские figure.wp-caption несут инлайновую ширину 400–510px: на узком
   экране картинка с подписью вылезала за край и тянула горизонтальную прокрутку */
.fks-pohja .wp-caption{max-width:100%}
/* в тексте донора попадаются голые URL-ссылки: на узком экране такая строка
   не переносится и тянет за собой горизонтальную прокрутку всей страницы */
.fks-pohja #content a{overflow-wrap:anywhere}
.fks-pohja #content td,.fks-pohja #content li,.fks-pohja #content p{
  overflow-wrap:break-word}
.fks-pohja #outerwrap,.fks-pohja #main,.fks-pohja .container{
  width:auto;max-width:none;background:none;border:0;padding:0;margin:0}
/* остатки донора, которые не удалось снять узлом (страховка) */
.fks-pohja .must-log-in,.fks-pohja .mobmenu-left-bar,.fks-pohja .mobmenu-content,
.fks-pohja .screen,.fks-pohja .rate,.fks-pohja .ehdot{display:none}
/* иконочный шрифт донора: знак рисуем сами, сам <i> гасим */
.fks-pohja i.fa,.fks-pohja i.fas,.fks-pohja i.far,.fks-pohja i.fab{
  font-family:inherit!important;font-style:normal;font-weight:400;
  display:inline-block;width:1.05em;height:1em;vertical-align:-.12em;
  background:currentColor;opacity:.85;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain}
.fks-pohja i.fa::before,.fks-pohja i.fas::before,
.fks-pohja i.far::before,.fks-pohja i.fab::before{content:""}
.fks-pohja i.fa-gift{-webkit-mask-image:var(--fks-m-lahja);mask-image:var(--fks-m-lahja)}
.fks-pohja i.fa-check-circle,.fks-pohja i.fa-check{
  color:var(--fks-felt);-webkit-mask-image:var(--fks-m-oikein);mask-image:var(--fks-m-oikein)}
.fks-pohja i.fa-info-circle{-webkit-mask-image:var(--fks-m-tieto);mask-image:var(--fks-m-tieto)}
.fks-pohja i.fa-arrow-alt-circle-right,.fks-pohja i.fa-arrow-circle-right,
.fks-pohja i.fa-angle-right,.fks-pohja i.fa-chevron-right{
  color:var(--fks-felt);-webkit-mask-image:var(--fks-m-nuoli);mask-image:var(--fks-m-nuoli)}
.fks-pohja i.fa-times,.fks-pohja i.fa-times-circle{
  color:var(--fks-brick);-webkit-mask-image:var(--fks-m-vaarin);mask-image:var(--fks-m-vaarin)}

/* ── 3. каркас и лист ──────────────────────────────────────────
   Три плана: полотно (--fks-sand) → лист (--fks-paper) → врезка (--fks-sand2). */
/* ⛔ зазор «низ шапки → первая строка листа» складывается ИЗ ДВУХ полей:
   поле вокруг листа (`--fks-gap`) плюс верхнее поле самого листа. Вместе они
   давали 59px при норме 16–48 (R6), и первый экран начинался пустотой.
   Верхнее поле листа задано отдельно от боковых: по бокам 34px остаются. */
.fks-pohja #main{display:block;padding:var(--fks-gap) var(--fks-pad) 48px}
.fks-pohja #main > .wrap,.fks-pohja .fks-arkki{
  display:flex;flex-direction:column;
  width:100%;max-width:calc(var(--fks-col) + var(--fks-sheet)*2);
  margin-left:auto;margin-right:auto;
  background:var(--fks-paper);border:1px solid var(--fks-line);
  border-radius:4px;box-shadow:0 1px 0 rgba(26,23,18,.06),0 10px 28px -22px rgba(26,23,18,.5);
  padding-top:var(--fks-sheet-top);padding-bottom:calc(var(--fks-sheet) + 6px);
  padding-left:var(--fks-sheet);padding-right:var(--fks-sheet)}
.fks-pohja.fks-kapea{--fks-col:760px}          /* правовые и текстовые страницы */
.fks-pohja #main > .wrap > *{min-width:0;max-width:100%}
/* ⛔ фон донора у колонки гасится: `.main-content` приходит со своей серой
   заливкой `#f5f6f8` и без отступов — на листе это вторая плашка, у которой
   текст лежит по самому краю (gate_padding: «зазор слева 0»). Отступ держит
   лист, поэтому колонка обязана быть прозрачной. */
.fks-pohja #content,.fks-pohja .main-content{
  width:100%;max-width:100%;float:none;padding:0;margin:0;order:4;
  background:transparent;border:0}
.fks-pohja .breadcrumb{order:0}
.fks-pohja .review-bg{order:1}
.fks-pohja .slotstop{order:1}
.fks-pohja #casinosidebar{order:2}
.fks-pohja #slotssidebar{order:5}
.fks-pohja #sidebar1{order:6}

/* ── 4. шапка: служебная полоса + плашка со знаком и рядом рубрик ── */
.fks-katto{background:var(--fks-paper);border-bottom:3px solid var(--fks-felt);
  position:relative;z-index:40}
.fks-nauha{background:var(--fks-felt-d);color:#e8f2ec;font-size:12.5px;line-height:1}
.fks-nauha__in,.fks-katto__in,.fks-jalka__in,.fks-jalka__alin{
  width:100%;max-width:var(--fks-bar);margin-left:auto;margin-right:auto;
  padding-left:var(--fks-pad);padding-right:var(--fks-pad)}
.fks-nauha__in{display:flex;align-items:center;justify-content:space-between;
  gap:14px;min-height:30px;padding-top:8px;padding-bottom:8px}
.fks-nauha b{font-weight:700;color:var(--fks-brass-l)}
.fks-nauha__geo{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.fks-nauha__geo svg{display:block;border-radius:2px}
.fks-katto__in{display:flex;align-items:center;gap:20px;
  padding-top:14px;padding-bottom:14px}
.fks-merkki{display:inline-flex;align-items:center;flex:0 0 auto;
  color:var(--fks-ink);text-decoration:none}
.fks-merkki img,.fks-merkki svg{display:block;width:216px;height:42px}
.fks-merkki:hover .fks-merkki__sana tspan{fill:var(--fks-brass-d)}
.fks-katto__oikea{margin-left:auto;display:flex;align-items:center;gap:14px}
.fks-katto__cta{
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  background:var(--fks-brass);color:var(--fks-ink);text-decoration:none;
  font-weight:700;font-size:14.5px;letter-spacing:.2px;
  padding:9px 16px;border-radius:3px;box-shadow:0 3px 0 var(--fks-brass-d)}
.fks-katto__cta:hover{background:#eab13f}
.fks-katto__cta:active{transform:translateY(3px);box-shadow:0 0 0 var(--fks-brass-d)}

/* ряд рубрик — тот же центрирующий контейнер, что логотип */
.fks-valikko{display:block;border-top:1px solid var(--fks-line)}
.fks-valikko > ul{display:flex;align-items:stretch;gap:2px;
  list-style:none;width:100%;max-width:var(--fks-bar);
  margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;
  padding-top:0;padding-bottom:0;
  padding-left:calc(var(--fks-pad) - 12px);padding-right:var(--fks-pad)}
.fks-valikko > ul > li{position:relative}
.fks-valikko > ul > li > a{
  display:flex;align-items:center;gap:6px;height:100%;
  padding:10px 12px;border-radius:3px;
  font-family:var(--fks-head);font-size:15px;font-weight:700;
  color:var(--fks-ink);text-decoration:none;white-space:nowrap}
.fks-valikko > ul > li > a::after{content:"";width:7px;height:7px;flex:0 0 auto;
  border-right:2px solid var(--fks-mute);border-bottom:2px solid var(--fks-mute);
  transform:translateY(-2px) rotate(45deg)}
.fks-valikko > ul > li.fks-yksin > a::after{display:none}
.fks-valikko > ul > li > a:hover,
.fks-valikko > ul > li:focus-within > a{background:var(--fks-sand);color:var(--fks-felt)}
.fks-valikko__ala{
  position:absolute;top:100%;left:0;min-width:242px;z-index:60;
  list-style:none;margin:0;padding:8px;
  background:var(--fks-paper);color:var(--fks-ink);
  border:2px solid var(--fks-felt);border-radius:4px;
  box-shadow:0 14px 30px -18px rgba(10,76,52,.85);
  visibility:hidden;opacity:0;transform:translateY(4px);
  transition:opacity .13s linear,transform .13s linear,visibility 0s .13s}
.fks-valikko > ul > li:hover > .fks-valikko__ala,
.fks-valikko > ul > li:focus-within > .fks-valikko__ala{
  visibility:visible;opacity:1;transform:none;transition-delay:0s}
.fks-valikko__ala li{margin:0}
.fks-pohja .fks-katto .fks-valikko__ala a{
  display:flex;align-items:center;gap:9px;
  padding:9px 10px;border-radius:3px;
  font-family:var(--fks-txt);font-size:14.5px;font-weight:600;line-height:1.3;
  color:var(--fks-ink);text-decoration:none}
.fks-pohja .fks-katto .fks-valikko__ala a:hover{background:var(--fks-sand);color:var(--fks-felt-d)}
.fks-valikko__ala a::before{content:"";width:6px;height:6px;flex:0 0 auto;
  border-radius:1px;background:var(--fks-brass)}

/* бургер: чекбокс + label, ноль JS */
.fks-luukku,.fks-luukku__nappi{display:none}
.fks-luukku__nappi{width:46px;height:46px;flex:0 0 auto;
  align-items:center;justify-content:center;cursor:pointer;
  border:2px solid var(--fks-felt);border-radius:4px;background:var(--fks-paper)}
.fks-luukku__nappi span,.fks-luukku__nappi span::before,.fks-luukku__nappi span::after{
  display:block;width:20px;height:2.5px;background:var(--fks-felt);border-radius:2px}
.fks-luukku__nappi span{position:relative}
.fks-luukku__nappi span::before{content:"";position:absolute;top:-7px}
.fks-luukku__nappi span::after{content:"";position:absolute;top:7px}
.fks-luukku__kiinni{display:none}

/* ── 5. крошки ─────────────────────────────────────────────── */
/* заливку донора снимаем: крошки у нас — строка с линией снизу, а не плашка
   (иначе на мобиле это серая полоса, где текст лежит по краю) */
.fks-pohja .breadcrumb{
  font-size:13.5px;color:var(--fks-mute);background:transparent;
  padding:0 0 12px;margin:0 0 18px;border-bottom:1px solid var(--fks-line)}
.fks-pohja .breadcrumb a{color:var(--fks-mute);text-decoration:none;
  border-bottom:1px solid var(--fks-line)}
.fks-pohja .breadcrumb a:hover{color:var(--fks-felt);border-bottom-color:var(--fks-felt)}

/* ── 6. типографика ────────────────────────────────────────── */
.fks-pohja #content h1,.fks-pohja .review-bg h1,.fks-pohja .slotstop h1,
.fks-pohja #content h2,.fks-pohja #content h3,.fks-pohja #content h4,
.fks-pohja .fks-otsikko{
  font-family:var(--fks-head);font-weight:700;color:var(--fks-ink);
  line-height:1.2;letter-spacing:-.2px}
.fks-pohja #content h1,.fks-pohja h1.entry-title{
  font-size:clamp(27px,3.4vw,38px);margin:0 0 14px}
.fks-pohja #content h2{
  font-size:clamp(21px,2.4vw,27px);margin:38px 0 14px;
  padding-left:16px;border-left:5px solid var(--fks-felt)}
.fks-pohja #content h3{font-size:19.5px;margin:26px 0 10px;color:var(--fks-felt-d)}
.fks-pohja #content h4{font-size:17px;margin:20px 0 8px}
.fks-pohja #content p{margin:0 0 15px;text-align:left}
.fks-pohja #content a{color:var(--fks-felt-d);text-decoration:none;
  border-bottom:1.5px solid rgba(15,107,74,.32)}
.fks-pohja #content a:hover{color:var(--fks-felt);border-bottom-color:var(--fks-felt)}
.fks-pohja #content ul,.fks-pohja #content ol{margin:0 0 16px;padding-left:22px}
.fks-pohja #content li{margin:0 0 7px}
.fks-pohja #content blockquote{
  margin:22px 0;padding:16px 20px;background:var(--fks-sand);
  border-left:5px solid var(--fks-brass);font-style:normal;color:#2c271f}
.fks-pohja #content hr{border:0;border-top:1px solid var(--fks-line);margin:30px 0}
.fks-pohja #content strong,.fks-pohja #content b{font-weight:700}
.fks-pohja .entry-content,.fks-pohja .entry{padding:0;margin:0;background:none}
.fks-pohja .meta,.fks-pohja .tagging,.fks-pohja .bylines,.fks-pohja .post-author{
  font-size:13.5px;color:var(--fks-mute)}
.fks-pohja .post-author{
  margin:30px 0 0;padding:16px 18px;background:var(--fks-sand);
  border:1px solid var(--fks-line);border-radius:4px}
.fks-pohja .tagging{margin:18px 0 0}
.fks-pohja .tagging a{
  display:inline-block;margin:0 6px 6px 0;padding:3px 10px;
  background:var(--fks-sand2);border-radius:2px;color:#3a352c;
  font-size:12.5px;text-decoration:none;border:0}
.fks-pohja .tagging a:hover{background:var(--fks-brass);color:var(--fks-ink)}
.fks-pohja .aligncenter{display:block;margin-left:auto;margin-right:auto}

/* первая картинка страницы — врезкой сбоку, а не полосой */
.fks-pohja .fks-kuva-1{
  display:block;float:right;width:clamp(170px,32%,300px);margin:4px 0 16px 22px;
  border:1px solid var(--fks-line);border-radius:3px;background:var(--fks-paper)}
.fks-pohja .fks-kuva-1 img{display:block;width:100%;height:auto;border-radius:2px}

/* геро-полоса главной: снимок 3.2:1, подпись и кредит на затемнении снизу */
.fks-pohja .fks-heroo{
  position:relative;margin-top:0;margin-bottom:22px;margin-left:0;margin-right:0;
  border:1px solid var(--fks-line);border-radius:4px;overflow:hidden;background:#141a17}
.fks-pohja .fks-heroo img{
  display:block;width:100%;height:auto;aspect-ratio:32/10;
  object-fit:cover;object-position:50% 50%}
.fks-pohja .fks-heroo figcaption{
  position:absolute;left:0;right:0;bottom:0;
  display:flex;flex-wrap:wrap;gap:3px 14px;justify-content:space-between;align-items:baseline;
  padding-top:30px;padding-bottom:9px;padding-left:18px;padding-right:18px;
  font-size:12px;line-height:1.35;color:#f4f0e7;
  background:linear-gradient(to top,rgba(9,20,15,.82) 40%,rgba(9,20,15,0))}
/* ⛔ куски подписи ужимаются: у флекс-ребёнка `min-width:auto`, и длинный кредит
   не влезает в свою ячейку, а вылезает за padding — зазор справа падает до нуля
   и подпись упирается в рамку (gate_padding, 390px). */
.fks-pohja .fks-heroo figcaption > *{min-width:0;max-width:100%;overflow-wrap:anywhere;
  white-space:normal}
/* смысловая врезка статьи: справа у текста, на мобиле — лентой под текстом */
.fks-pohja .fks-kuva{
  float:right;width:clamp(200px,38%,330px);
  margin-top:3px;margin-bottom:16px;margin-left:22px;margin-right:0}
.fks-pohja .fks-kuva img{
  display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;
  border:1px solid var(--fks-line);border-radius:3px}
/* ⛔ та же врезка НАД списком анонсов не обтекается: у строки листинга стоит
   `overflow:hidden`, то есть свой контекст форматирования — обтекать плавающую
   картинку она не станет, а ужмётся рядом с ней в половину полосы. Над списком
   картинка идёт полосой по центру и сама сбрасывает чужие обтекания */
.fks-pohja .fks-kuva--yla{
  float:none;clear:both;width:100%;max-width:520px;
  margin:8px auto 24px;padding:0}
.fks-pohja .fks-kuva--yla figcaption{text-align:center}
.fks-pohja .fks-kuva figcaption{
  margin-top:7px;font-size:11.5px;line-height:1.4;color:var(--fks-mute)}
.fks-pohja .fks-kredit{color:#cfc8ba;font-size:11px;white-space:nowrap}
.fks-pohja .fks-kuva .fks-kredit{color:var(--fks-mute);display:block;white-space:normal}
.fks-pohja .fks-kredit a{color:inherit}

/* ── 7. шапка обзора оператора (div.review-bg) ─────────────────
   Донор красил её в фирменный цвет оператора инлайном — снимаем на сборке,
   вместо этого плашка сукна с латунной линейкой. */
/* ⛔ плашка обзора — ТЁМНЫЙ конец сукна: на светлом (#0f6b4a) латунная сумма
   бонуса даёт 2,9 к 1, и никакой оттенок латуни там порога не берёт. */
.fks-pohja .review-bg{
  background:linear-gradient(180deg,var(--fks-felt-d) 0%,#063a27 100%)!important;
  border-radius:4px;border:0;border-top:4px solid var(--fks-brass);
  margin:0 0 22px;padding:0;color:#fff}
.fks-pohja .reviewbox{padding:0;margin:0}
.fks-pohja .reviewboxright{
  display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:18px;
  padding-top:20px;padding-bottom:20px;
  padding-left:22px;padding-right:22px}
.fks-pohja .review-logo{
  background:var(--fks-paper);border-radius:3px;padding:10px;min-height:56px;
  display:flex;align-items:center;justify-content:center}
.fks-pohja .review-logo img{max-height:44px;width:auto}
.fks-pohja .review-bg h1{
  grid-column:2;margin:0;color:#fff;font-size:clamp(23px,2.9vw,32px)}
.fks-pohja .reviewbigbonusinfo{
  grid-column:2;font-family:var(--fks-num);font-size:29px;line-height:1.05;
  color:var(--fks-brass-l);font-weight:600;letter-spacing:.4px}
.fks-pohja .reviewwageringinfo{grid-column:2;font-size:13.5px;color:#cfe3d9}
/* ⛔ строка «обновлено» под H1 обзора лежит ВНУТРИ тёмной плашки, а её общий
   цвет — служебный серый: на сукне это 1,4 к 1, то есть строки не видно. */
.fks-pohja .review-bg p.fks-upd,.fks-pohja #content .review-bg p.fks-upd{
  color:#cfe3d9}
.fks-pohja .review-bg p.fks-upd time,
.fks-pohja #content .review-bg p.fks-upd time{color:#fff}
.fks-pohja .reviewbuttonbig{grid-column:3;grid-row:1/4;align-self:center}

/* ── 8. рельсы обзорника: вынесены из колонки, перерисованы ──── */
/* ⛔ рельса донора на узком экране пряталась ЕГО темой (`display:none` на
   `aside.sidebar` в шаблоне поста) — вместе с ней с мобильного исчезали
   виджеты с кнопками `/go/`. Проданное и партнёрское переносится без
   изменений, поэтому рельса показывается всегда и на узком экране просто
   встаёт под текст. */
.fks-pohja .sidebar,.fks-pohja aside.sidebar{display:block;
  width:100%;max-width:100%;float:none;padding:0;margin:26px 0 0;background:none}
.fks-pohja .sidebar h3,.fks-pohja .sidebar h4{
  font-family:var(--fks-head);font-size:15px;font-weight:700;
  text-transform:uppercase;letter-spacing:.6px;color:var(--fks-mute);
  margin:0 0 10px;padding:0}
/* Карточка фактов обзора: слева подпись раздела, справа сам раздел.
   ⛔ Колонка задаётся `minmax(0,…)`, а не `1fr`: у грид-ребёнка `min-width:auto`,
   и длинный список провайдеров («NetEnt, Microgaming, Push Gaming, Quickspin…»)
   раздувает трек по max-content. Замер 24.09.2026 на `/nettikasinot/mrgreen/`:
   карточка 886 px, а дети в ней — 1242 px и вылезали на 600 px за лист, то есть
   за пределы окна. Видно это только рендер-гейтом: фона у детей нет, и глазом
   на скриншоте перекос читается как «широкая таблица». */
.fks-pohja #casinosidebar{
  display:grid;grid-template-columns:minmax(0,168px) minmax(0,1fr);gap:18px 22px;
  background:var(--fks-sand);border:1px solid var(--fks-line);border-radius:4px;
  padding-top:20px;padding-bottom:20px;padding-left:22px;padding-right:22px;
  margin:0 0 26px}
.fks-pohja #casinosidebar > *{min-width:0}
/* ⛔ подпись переносится ВНУТРИ слова. Финский складывает существительные в одно
   неразрывное: «Talletusvaihtoehdot:» в верхнем регистре с трекингом .6px — это
   ~200px, а колонка подписи 168px. Без переноса заголовок вылезает из своей
   клетки и ложится ПОВЕРХ значения справа («TALLETUSVAIHTOEHDOTMastercard, Much
   Better…»), причём ни один гейт этого не ловит: перекрытие внутри грида, фона у
   подписи нет (замер /nettikasinot/bethard/ 24.09.2026). */
.fks-pohja #casinosidebar > h3,.fks-pohja #casinosidebar > h4{
  align-self:start;overflow-wrap:anywhere;hyphens:auto}
/* ⛔ `#casinosidebar` лежит ВНЕ `#content`, поэтому цвет ссылок скина
   (`.fks-pohja #content a`) сюда не достаёт: «Neteller», «Skrill», «Trustly» в
   карточке фактов рисовались браузерным синим с подчёркиванием — на 315
   обзорах сразу. Правило повторяет вид ссылки статьи, а не «убирает синий». */
.fks-pohja #casinosidebar a,.fks-pohja .sidebar a{
  color:var(--fks-felt-d);text-decoration:none;
  border-bottom:1px solid var(--fks-line)}
.fks-pohja #casinosidebar a:hover,.fks-pohja .sidebar a:hover{
  color:var(--fks-felt);border-bottom-color:var(--fks-felt)}
.fks-pohja .procontable{margin:0}
.fks-pohja .pro,.fks-pohja .con{
  position:relative;padding:6px 0 6px 26px;font-size:15px;line-height:1.5;
  border-bottom:1px dotted var(--fks-line);background:none}
.fks-pohja .pro::before,.fks-pohja .con::before{
  content:"";position:absolute;left:0;top:10px;width:16px;height:16px;
  background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:contain;mask-size:contain}
.fks-pohja .pro::before{color:var(--fks-felt);
  -webkit-mask-image:var(--fks-m-oikein);mask-image:var(--fks-m-oikein)}
.fks-pohja .con::before{color:var(--fks-brick);
  -webkit-mask-image:var(--fks-m-vaarin);mask-image:var(--fks-m-vaarin)}
.fks-pohja .pro.alt,.fks-pohja .con.alt{background:none}
/* таблица фактов */
.fks-pohja ul.casinoinfo{list-style:none;margin:0;padding:0}
/* ⛔ строка фактов НЕ flex. Значение приходит РОССЫПЬЮ: текстовый узел, запятая
   и десяток ссылок прямыми детьми `li` («Pelivalmistajat: NetEnt, Microgaming,
   Play’n GO…»). Во flex каждая ссылка — отдельная клетка, строка не переносится,
   и на 390 px список уезжает на 1235 px вправо (замер /nettikasinot/mrgreen/
   24.09.2026, страница тянула scrollWidth 1296 при окне 390). Подпись —
   inline-block своей меры, значение течёт обычным текстом и переносится. */
.fks-pohja ul.casinoinfo li{
  display:block;padding:7px 0;border-bottom:1px solid var(--fks-line);
  font-size:14.5px;line-height:1.55;margin:0;font-weight:600;
  overflow-wrap:anywhere}
.fks-pohja ul.casinoinfo li > span:first-child{
  display:inline-block;min-width:130px;margin-right:10px;
  color:var(--fks-mute);font-weight:400}
/* полоса «как платить» */
.fks-pohja #casinosidebar .widget{margin:0}
.fks-pohja #casinosidebar .widget img{
  max-height:26px;width:auto;margin:0 8px 8px 0;vertical-align:middle;
  background:var(--fks-paper);border:1px solid var(--fks-line);
  border-radius:3px;padding:3px 5px}

/* промо-рельс статьи → лента карточек */
/* ⛔ `display:block` здесь не декорация: донор гасит `#sidebar1` на всех
   экранах ≤768px (два медиазапроса в его таблице), и на телефоне пропадали
   виджеты с кнопками `/go/`. Селектор с классом скина сильнее голого id. */
.fks-pohja #sidebar1,.fks-pohja #slotssidebar{display:block;
  border-top:2px solid var(--fks-line);padding-top:22px;margin-top:34px}
.fks-pohja #sidebar1 > .widget,.fks-pohja #slotssidebar > .widget{margin:0 0 16px}
.fks-pohja .featwidget,.fks-pohja .toplay{
  display:grid;align-items:center;gap:8px 16px;
  background:var(--fks-paper);border:2px solid var(--fks-line);border-radius:4px;
  padding-top:14px;padding-bottom:14px;padding-left:16px;padding-right:16px;
  margin:0 0 12px;position:relative}
.fks-pohja .featwidget:hover,.fks-pohja .toplay:hover{border-color:var(--fks-felt)}
/* ⛔ места в сетке РАСПИСАНЫ поимённо. У донора внутри `.featwidget` лежит
   голый `<br>` — в grid он становится таким же элементом, как остальные, съедает
   среднюю колонку и сдвигает всё на одну клетку: описание уезжает под логотип в
   колонку 150px, кнопка встаёт в середину, сноска 18+ — в третью. На экране это
   и видно было. Поэтому `<br>` снят, а каждому блоку задана своя клетка */
.fks-pohja .featwidget{grid-template-columns:150px 1fr 210px}
.fks-pohja .featwidget > br{display:none}
.fks-pohja .featwidget > a:first-child{grid-column:1;grid-row:1/3}
.fks-pohja .featwidget .bonus{grid-column:2;grid-row:1;align-self:end}
.fks-pohja .featwidget .summary{grid-column:2;grid-row:2;align-self:start}
.fks-pohja .featwidget > a.visbutton{grid-column:3;grid-row:1;align-self:end}
.fks-pohja #content .featwidget .bc-general-tc{
  grid-column:3;grid-row:2;align-self:start;margin-top:6px;text-align:center}
/* `.toplay` устроен иначе: две колонки, логотип с именем и правый столбец */
.fks-pohja .toplay{grid-template-columns:200px 1fr}
/* та же страховка, что у карточки фактов: грид-ребёнок с `min-width:auto`
   растягивает колонку `1fr` длинной строкой без пробелов и рвёт блок наружу */
.fks-pohja .featwidget > *,.fks-pohja .toplay > *,
.fks-pohja .reviewboxright > *,.fks-pohja .rpwwt-widget li > *{min-width:0}
.fks-pohja .featwidget > a:first-child,.fks-pohja .toplay .left{
  display:flex;align-items:center;justify-content:center;
  min-height:56px;background:var(--fks-paper);border-right:1px solid var(--fks-line)}
.fks-pohja .toplay .left{flex-direction:column;gap:6px;text-align:center}
.fks-pohja .toplay .right{display:flex;flex-direction:column;align-items:center}
/* ⛔ коробку под логотип виджета резервируем ЗАРАНЕЕ: картинка донора висит с
   `loading="lazy"` у самого низа длинной страницы, до загрузки её ширина при
   `width:auto` равна нулю, и строка виджета прыгает в момент подгрузки (R16
   «схлопнутая картинка» — это факт раскладки, а не битый файл). Настоящий
   логотип шире минимума, поэтому на загруженной странице ничего не меняется,
   а `object-fit` не даёт растянуть мелкий значок. */
.fks-pohja .featwidget img,.fks-pohja .toplay img{max-height:46px;width:auto;
  min-width:40px;min-height:28px;object-fit:contain}
/* БЕЛЫЙ логотип на белой карточке не бледный, а невидимый: донорский сайт был
   тёмный, и 60 файлов из 162 — белый рисунок на прозрачном фоне. Под них
   кладём тёмную плитку; тёмные логотипы остаются на белом (класс ставит
   `fks_09_logo.py` по замеру светлоты самого файла) */
.fks-pohja img.fks-logo--vaalea{
  background:var(--fks-felt-d);padding:5px 9px;border-radius:3px;
  box-sizing:border-box}
/* имя оператора вместо потерянного логотипа: у донора картинки к половине
   карточек нет, а карточка без имени не говорит, чьё это предложение */
/* ⛔ подчёркивание снимается с самой ССЫЛКИ и парой с `#content`: у донора
   живёт `#content a{text-decoration:underline}` (1,0,1), а `text-decoration`
   предка потомком не отменяется — на `span` такое правило не подействует */
.fks-pohja .featwidget > a:first-child,
.fks-pohja #content .featwidget > a:first-child,
.fks-pohja .toplay .left a,.fks-pohja #content .toplay .left a{
  text-decoration:none}
.fks-pohja .fks-kortti__nimi{
  font-family:var(--fks-head);font-size:15px;line-height:1.25;font-weight:700;
  color:var(--fks-felt-d);text-align:center;display:block;padding:0 6px;
  hyphens:auto;overflow-wrap:anywhere}
.fks-pohja .featwidget .bonus,.fks-pohja .toplay .bonus,.fks-pohja .hilite{
  font-family:var(--fks-num);font-size:25px;line-height:1.1;font-weight:600;
  color:var(--fks-felt-d);display:block;letter-spacing:.3px}
.fks-pohja .featwidget .summary{font-size:13.5px;line-height:1.5;
  color:var(--fks-mute)}
.fks-pohja #content .featwidget .summary p{margin:0;font-size:13.5px;
  line-height:1.5;color:var(--fks-mute)}
/* сноска 18+ живёт под кнопкой: отбиваем от её жёсткой тени, иначе слипается */
/* #content в селекторе обязателен: иначе правило `#content p` с его id
   перебивает и отступ, и выключку — сноска липнет к кнопке и уезжает влево */
.fks-pohja #content .bc-general-tc,.fks-pohja #content .detailed-tc{
  font-size:11.5px;color:var(--fks-mute);line-height:1.35;
  margin-top:14px;margin-bottom:0;margin-left:0;margin-right:0}
.fks-pohja td.visitcol br{display:none}
.fks-pohja #content td.visitcol .bc-general-tc{margin-top:16px;text-align:center}
.fks-pohja #content .bc-center{text-align:center}
.fks-pohja #content .bc-clear{clear:both;margin:0}

/* ── 9. таблицы: на узком экране — карточка «подпись → значение» ── */
.fks-pohja #content table{
  width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px;
  background:var(--fks-paper);border:1px solid var(--fks-line)}
/* боковой отступ клетки — 16 px: у чётной строки своя заливка, то есть клетка
   сама по себе плашка, и норма отступа на неё распространяется */
.fks-pohja #content th{
  background:var(--fks-felt);color:#fff;text-align:left;font-weight:700;
  padding:10px 16px;border:0}
.fks-pohja #content td{padding:11px 16px;border-top:1px solid var(--fks-line);
  vertical-align:middle}
.fks-pohja #content tr:nth-child(even) td{background:#fbf9f4}
.fks-pohja table.midsites{border:0;background:none}
/* без !important: у logocol фирменный цвет оператора стоит инлайном,
   на нём и держится светлый логотип — перекрасив ячейку, мы его гасим */
.fks-pohja table.midsites td{
  border-top:0;border-bottom:1px solid var(--fks-line);background:none}
.fks-pohja td.logocol{
  width:168px;text-align:center;vertical-align:middle;
  padding-top:14px;padding-bottom:14px}
.fks-pohja td.logocol img{max-height:46px;width:auto;margin:0 auto}
.fks-pohja td.logocol br{display:none}
.fks-pohja .casinolistlogo{
  display:flex;align-items:center;justify-content:center;min-height:52px;border:0}
.fks-pohja td.bonuscol{
  font-family:var(--fks-num);font-size:23px;line-height:1.15;font-weight:600;
  color:var(--fks-felt-d);white-space:normal}
.fks-pohja td.listcol{font-size:14px;color:#3a352c;width:auto}
/* .pros-list у донора — это SPAN вокруг ul, а .wagering-list — строка текста */
.fks-pohja .pros-list{display:block}
.fks-pohja .pros-list ul{list-style:none;margin:0;padding:0}
/* не grid: ссылка внутри li стала бы третьим элементом сетки и уехала
   во вторую строку в колонку 17px — «Wildz Casino »» ломался на три строки */
.fks-pohja .pros-list li{
  position:relative;margin:0 0 5px;font-size:13.5px;line-height:1.4;
  padding-top:0;padding-bottom:0;padding-left:22px;padding-right:0}
.fks-pohja .pros-list li i{position:absolute;left:0;top:2px;width:16px;text-align:center}
.fks-pohja .pros-list li:last-child{margin-bottom:0}
.fks-pohja .wagering-list{
  display:block;margin-top:5px;font-family:var(--fks-body);font-size:13px;
  font-weight:400;letter-spacing:0;color:var(--fks-mute)}
.fks-pohja td.visitcol{width:178px;text-align:center}

/* ── 10. карточки, ленты и плитки ──────────────────────────── */
/* ⛔ у строки списка боковой отступ СВОЙ: рамку рисует обёртка `.casinoswidget`,
   а сама строка шире неё на ноль — мелкий шрифт условий упирался в линию рамки
   (gate_padding: «зазор справа 1»). */
.fks-pohja .casinorow,.fks-pohja .slotlistrow{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:12px 16px;border-bottom:1px solid var(--fks-line)}
.fks-pohja .casinorow .visit,.fks-pohja .slotlistrow .visit{margin-left:auto}
.fks-pohja .featuredblock{
  background:var(--fks-sand);border:1px solid var(--fks-line);border-radius:4px;
  padding-top:16px;padding-bottom:16px;padding-left:18px;padding-right:18px;
  margin:0 0 18px}
.fks-pohja ul.features{list-style:none;margin:0 0 12px;padding:0}
.fks-pohja ul.features li{
  position:relative;padding:4px 0 4px 24px;font-size:15px;margin:0}
.fks-pohja ul.features li::before{
  content:"";position:absolute;left:0;top:9px;width:14px;height:14px;
  color:var(--fks-felt);background:currentColor;
  -webkit-mask-image:var(--fks-m-oikein);mask-image:var(--fks-m-oikein);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:contain;mask-size:contain}
.fks-pohja .playnow{text-align:center}
/* анонсы статей */
/* ⛔ НЕ сетка: у строки листинга число детей плавает — где-то есть картинка,
   где-то нет, где-то лишний абзац. В `grid-template-columns:132px 1fr` каждый
   ребёнок садится в свою клетку по очереди, и подпись рубрики уезжает под
   картинку, а заголовок — в правую колонку. Обтекание не зависит от их числа */
.fks-pohja .articleexcerpt{
  display:block;overflow:hidden;
  padding:16px 0;border-bottom:1px solid var(--fks-line)}
.fks-pohja .articleexcerpt .thumb{
  float:left;width:132px;margin:2px 18px 10px 0;overflow:hidden;border-radius:3px;
  border:1px solid var(--fks-line);background:var(--fks-sand)}
.fks-pohja .articleexcerpt .thumb img{display:block;width:100%;height:auto}
.fks-pohja .articleexcerpt h2,.fks-pohja .articleexcerpt h3{
  margin:0 0 6px;padding:0;border:0;font-size:19px}
.fks-pohja .articleexcerpt .bylines{margin:0 0 8px}
.fks-pohja #content .articleexcerpt p{margin:0 0 8px;font-size:14.5px;line-height:1.6}
.fks-pohja .rmore{margin:8px 0 0}
.fks-pohja .rmore a{
  display:inline-flex;align-items:center;gap:7px;
  font-weight:700;font-size:14px;color:var(--fks-felt-d);border:0}
.fks-pohja .rmore a::after{content:"";width:13px;height:13px;
  background:currentColor;-webkit-mask-image:var(--fks-m-nuoli);
  mask-image:var(--fks-m-nuoli);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:contain;mask-size:contain}
/* Блок игры. ⛔ Колонка слева НЕ ставится: у донора там жил флеш-демо, снятый
   на 03, и в сетке `1fr 340px` рядом с заголовком оставалось 500×600 пустоты —
   первый экран страницы игры был наполовину пустым. Заголовок идёт полосой,
   таблица характеристик — карточкой в две колонки под ним. */
.fks-pohja .slotstop{
  display:block;
  background:var(--fks-sand);border:1px solid var(--fks-line);border-radius:4px;
  padding-top:20px;padding-bottom:20px;padding-left:22px;padding-right:22px;
  margin:0 0 24px}
.fks-pohja .slotstop .topright{margin-top:16px}
/* колонки по ширине, а не по числу: на 1024 столбцов становится два, на телефоне один */
.fks-pohja .slotsummary{column-width:300px;column-gap:0}
.fks-pohja .slotstop h1{margin:0 0 12px}
.fks-pohja .slotstop h2{margin:0 0 10px;padding:0;border:0;font-size:16px;
  text-transform:uppercase;letter-spacing:.6px;color:var(--fks-mute)}
.fks-pohja .slotsummary{background:var(--fks-paper);border:1px solid var(--fks-line);
  border-radius:3px;overflow:hidden}
.fks-pohja .slotrow{display:flex;justify-content:space-between;gap:12px;
  padding:8px 16px;font-size:14px;border-bottom:1px solid var(--fks-line);
  break-inside:avoid}
.fks-pohja .slotrow.alt{background:#fbf9f4}
.fks-pohja .slotrow .left{color:var(--fks-mute)}
.fks-pohja .slotrow .right{font-weight:600;text-align:right}
.fks-pohja .slotrow img{max-height:16px;width:auto}
/* виджеты списков донора */
.fks-pohja .rpwwt-widget ul{list-style:none;margin:0;padding:0}
.fks-pohja .rpwwt-widget li{display:grid;grid-template-columns:60px 1fr;gap:12px;
  padding:10px 0;border-bottom:1px solid var(--fks-line);margin:0}
.fks-pohja .rpwwt-post-title{font-weight:700;font-size:14.5px;display:block}
.fks-pohja .rpwwt-post-excerpt{font-size:13px;color:var(--fks-mute);display:block}
.fks-pohja .rssSummary{font-size:13.5px;color:var(--fks-mute)}
.fks-pohja .rss-date{display:block;font-size:12px;color:var(--fks-mute)}
.fks-pohja .casinoswidget,.fks-pohja .slotlist{margin:0}

/* ── 11. кнопки: латунь с жёсткой нижней тенью и нажатием ───── */
.fks-pohja .visbutton,.fks-pohja .visbutton-review,.fks-pohja a.marz,
.fks-pohja a.orange,.fks-pohja .fks-nappi{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  /* ⛔ цвет букв — с `!important`: у донора кнопка в рельсе была БЕЛОЙ на
     тёмной теме, правило приходит из его же таблицы и бьёт класс скина.
     Белым по латуни — 2,3 к 1, надписи «Pelaa nyt» на статье не видно. */
  /* ⛔ и фон-картинка: у донора класс `orange` кладёт поверх оранжевый
     градиент (тёмные буквы по нему — 4,3 к 1). Кнопка в скине плоская. */
  background:var(--fks-brass);background-image:none!important;
  color:var(--fks-ink)!important;
  font-family:var(--fks-txt);font-weight:700;font-size:15px;letter-spacing:.2px;
  text-decoration:none;border:0;border-radius:3px;
  padding:11px 20px;box-shadow:0 4px 0 var(--fks-brass-d);
  text-shadow:none;text-align:center}
/* ⛔ цвет БУКВ на кнопке дублируется с `#content`: донорское `#content a`
   (1,0,1) сильнее двух классов и красило надпись сукном по латуни — 4,4 к 1,
   ниже порога. Фон и тень от этого не зависят, а цвет — зависит. */
.fks-pohja #content .visbutton,.fks-pohja #content .visbutton-review,
.fks-pohja #content a.marz,.fks-pohja #content a.orange,
.fks-pohja #content .fks-nappi{color:var(--fks-ink)}
.fks-pohja .visbutton:hover,.fks-pohja .visbutton-review:hover,
.fks-pohja a.marz:hover,.fks-pohja a.orange:hover,
.fks-pohja #content .visbutton:hover,.fks-pohja #content .visbutton-review:hover,
.fks-pohja #content a.marz:hover,.fks-pohja #content a.orange:hover{
  background:#eab13f;color:var(--fks-ink)}
.fks-pohja .visbutton:active,.fks-pohja .visbutton-review:active,
.fks-pohja a.marz:active,.fks-pohja a.orange:active{
  transform:translateY(4px);box-shadow:0 0 0 var(--fks-brass-d)}
.fks-pohja .visbutton.lg,.fks-pohja .visbutton-review{
  font-size:16px;padding:13px 24px;width:100%}
.fks-pohja .visbutton.cent,.fks-pohja .visbutton.lg.cent{width:100%}
/* вторичное действие — текстовая ссылка, а не вторая пилюля */
.fks-pohja .fks-toinen{
  display:inline-flex;align-items:center;gap:6px;margin-top:8px;
  font-size:13.5px;font-weight:600;color:var(--fks-felt-d);
  border-bottom:1px solid rgba(15,107,74,.3);text-decoration:none}

/* ── 12. знаки разделов ────────────────────────────────────── */
.fks-merkkilaatta{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;flex:0 0 auto;border-radius:9px;
  background:var(--fks-sand2);color:var(--fks-felt-d)}
.fks-merkkilaatta svg{display:block}

/* ── 13. своё оглавление (свёрнуто) и FAQ (всегда раскрыт) ──── */
.fks-sisallys{
  background:var(--fks-paper);border:2px solid var(--fks-line);border-radius:4px;
  margin:0 0 24px;padding:0}
.fks-sisallys > summary{
  display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;
  font-family:var(--fks-head);font-weight:700;font-size:16px;
  padding:13px 18px}
.fks-sisallys > summary::-webkit-details-marker{display:none}
.fks-sisallys > summary::after{content:"";width:9px;height:9px;margin-left:auto;
  border-right:2px solid var(--fks-felt);border-bottom:2px solid var(--fks-felt);
  transform:translateY(-3px) rotate(45deg)}
.fks-sisallys[open] > summary::after{transform:translateY(2px) rotate(-135deg)}
.fks-sisallys[open] > summary{border-bottom:1px solid var(--fks-line)}
.fks-sisallys ol{margin:0;padding:12px 18px 16px 34px;columns:2;column-gap:26px}
.fks-sisallys li{margin:0 0 6px;font-size:14.5px;break-inside:avoid}
.fks-sisallys a{color:var(--fks-ink);border-bottom:1px solid var(--fks-line);
  text-decoration:none}
.fks-sisallys a:hover{color:var(--fks-felt)}

/* ── 14. блок ценности (текст приходит на 09) ──────────────── */
.fks-arvo{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
  background:var(--fks-sand);border:1px solid var(--fks-line);border-radius:4px;
  padding-top:20px;padding-bottom:20px;padding-left:22px;padding-right:22px;
  margin:0 0 26px}
.fks-arvo__kohta{display:flex;gap:12px;align-items:flex-start}
.fks-arvo__luku{
  font-family:var(--fks-num);font-size:34px;line-height:1;font-weight:600;
  color:var(--fks-felt-d);display:block}
.fks-arvo__teksti{font-size:14px;color:#3a352c;line-height:1.45}
.fks-arvo__linkki{grid-column:1/-1;margin:2px 0 0}
.fks-arvo__linkki a{font-weight:700;color:var(--fks-felt-d);font-size:14.5px}

/* ── 15. подвал: светлый песок, зелёная линейка, траст сверху ── */
.fks-jalka{background:var(--fks-sand2);border-top:4px solid var(--fks-felt);
  color:#332e26;font-size:15px}
.fks-luotto{background:var(--fks-sand);border-bottom:1px solid var(--fks-line)}
.fks-luotto__in{
  width:100%;max-width:var(--fks-bar);margin-left:auto;margin-right:auto;
  padding-left:var(--fks-pad);padding-right:var(--fks-pad);
  padding-top:18px;padding-bottom:18px;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.fks-luotto__teksti{flex:1 1 320px;font-size:13.5px;line-height:1.5;color:#3a352c}
.fks-luotto__teksti b{color:var(--fks-ink)}
.fks-luotto__kuvat{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
/* ⛔ здесь `height`, а не `max-height`. У знаков ответственной игры стоит
   `loading="lazy"`, и при `width:auto` НЕЗАГРУЖЕННАЯ картинка считается 0×0:
   собственная ширина ещё неизвестна, а атрибут `width="150"` любое авторское
   правило перебивает. Рендер-гейт R16 поймал 16 таких на 6 страницах
   (24.09.2026: 18-pelaa-vastuullisesti.png, Peluuri.png, 18playEN.jpg).
   С заданной высотой коробка берётся из `aspect-ratio` атрибутов ещё ДО
   загрузки — и полоса не прыгает. */
.fks-luotto__kuvat img{height:34px;width:auto;opacity:.9}
/* ⛔ знак «18+ Pelaa vastuullisesti» донора нарисован БЕЛЫМ по прозрачному: он
   висел в тёмном подвале донора, а у нас подвал песочный — буквы пропадали
   совсем, оставался один красный кружок 18+. Подложка, а не инверсия: знак
   обязательный, перекрашивать его нельзя. */
.fks-luotto__kuvat img[src*="18-pelaa-vastuullisesti"]{
  background:var(--fks-felt-d);border-radius:4px;
  padding:3px 8px;box-sizing:content-box;opacity:1}
.fks-jalka__in{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;
  padding-top:30px;padding-bottom:26px}
.fks-jalka__sarake h3{
  font-family:var(--fks-head);font-size:14px;font-weight:700;
  text-transform:uppercase;letter-spacing:.7px;color:var(--fks-felt-d);
  margin:0 0 12px;display:flex;align-items:center;gap:8px}
.fks-jalka__sarake ul{list-style:none;margin:0;padding:0}
.fks-jalka__sarake li{margin:0 0 8px}
.fks-pohja .fks-jalka a{color:#332e26;text-decoration:none;font-size:14.5px;
  border-bottom:1px solid transparent}
.fks-pohja .fks-jalka a:hover{color:var(--fks-felt-d);border-bottom-color:var(--fks-felt)}
.fks-jalka__alin{
  border-top:1px solid var(--fks-line);padding-top:16px;padding-bottom:22px;
  display:flex;gap:14px;flex-wrap:wrap;align-items:center;
  font-size:13px;color:var(--fks-mute)}
.fks-jalka__alin nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}
.fks-jalka__ika{font-weight:700;color:var(--fks-brick);
  border:2px solid var(--fks-brick);border-radius:50%;
  width:34px;height:34px;display:inline-flex;align-items:center;
  justify-content:center;font-size:12.5px;flex:0 0 auto}

/* ── 15b. довески: текущая рубрика, знак в меню, чужое оглавление ── */
.fks-valikko__k{display:inline-flex;align-items:center;color:var(--fks-felt)}
.fks-valikko__k svg{width:17px;height:17px;display:block}
.fks-valikko > ul > li.fks-nyt > a{color:var(--fks-felt-d);
  box-shadow:inset 0 -3px 0 var(--fks-brass)}
/* донорский ez-toc внутри нашего <details>: свой заголовок гасим, список наш */
.fks-sisallys .ez-toc-title-container,.fks-sisallys .ez-toc-title,
.fks-sisallys .ez-toc-title-toggle,.fks-sisallys #ez-toc-container > label,
.fks-sisallys .ez-toc-toggle{display:none}
.fks-sisallys #ez-toc-container,.fks-sisallys div[id^="ez-toc"]{
  background:none;border:0;box-shadow:none;margin:0;padding:12px 18px 16px;width:auto}
.fks-sisallys ul.ez-toc-list{list-style:none;margin:0;padding:0;columns:2;column-gap:26px}
.fks-sisallys ul.ez-toc-list ul{columns:1;padding-left:16px;margin:4px 0 0}
.fks-sisallys ul.ez-toc-list li{margin:0 0 6px;font-size:14.5px;break-inside:avoid}
.fks-sisallys ul.ez-toc-list a{color:var(--fks-ink);text-decoration:none;
  border-bottom:1px solid var(--fks-line)}
.fks-sisallys ul.ez-toc-list a:hover{color:var(--fks-felt)}
/* лента блога */
.fks-lista{list-style:none;margin:0;padding:0}
.fks-lista > li{display:grid;grid-template-columns:1fr auto;gap:8px 18px;
  align-items:baseline;padding:14px 0;border-bottom:1px solid var(--fks-line)}
.fks-lista h2{grid-column:1;margin:0!important;padding:0!important;border:0!important;
  font-size:19px!important;line-height:1.3}
.fks-lista time{grid-column:2;font-size:13px;color:var(--fks-mute);white-space:nowrap}
.fks-lista p{grid-column:1/-1;margin:0;font-size:14.5px;color:#3a352c}
/* карточка ленты в форме робота автопостинга: div > h4 > a, div > p > time.
   Селекторы задваиваются с #content — иначе донорские правила по id сильнее.
   ⛔ `margin:0!important` обязателен: робот moz.biz кладёт свой анонс с инлайновым
   `style="margin-bottom: 20px;"`, и без перебивки его карточка стоит на 20px ниже
   наших — разметку приносит робот, стилями по классу это не чинится. */
.fks-lista > div,#content .fks-lista > div{
  margin:0!important;padding:14px 0;border-bottom:1px solid var(--fks-line)}
.fks-lista > div:last-child,#content .fks-lista > div:last-child{border-bottom:0}
.fks-lista > div > h4,#content .fks-lista > div > h4{
  margin:0 0 5px!important;padding:0!important;border:0!important;
  font-family:var(--fks-head);font-size:19px!important;line-height:1.3;font-weight:700}
/* заголовок в ленте без подчёркивания: на двух-трёх строках оно рвёт строку */
.fks-lista > div > h4 > a,#content .fks-lista > div > h4 > a{
  color:var(--fks-ink);text-decoration:none;border:0}
.fks-lista > div > h4 > a:hover,#content .fks-lista > div > h4 > a:hover{
  color:var(--fks-felt);text-decoration:underline;text-underline-offset:3px}
.fks-lista > div > p,#content .fks-lista > div > p{
  margin:0!important;font-size:14.5px;line-height:1.55;color:#3a352c}
.fks-lista > div > p > time,#content .fks-lista > div > p > time{
  color:var(--fks-mute);font-weight:600;white-space:nowrap}
.fks-sivutus{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0}
.fks-sivutus a,.fks-sivutus span{
  min-width:40px;padding:8px 10px;text-align:center;border:1px solid var(--fks-line);
  border-radius:3px;font-size:14.5px;text-decoration:none;color:var(--fks-ink)}
.fks-sivutus a:hover{border-color:var(--fks-felt);color:var(--fks-felt-d)}
.fks-sivutus span{background:var(--fks-felt);color:#fff;border-color:var(--fks-felt);font-weight:700}
.fks-sivutus span.fks-vali{background:none;color:var(--fks-mute);border:0;
  min-width:0;padding:8px 0;font-weight:400}

/* ── 16. мобилка ───────────────────────────────────────────── */
@media (max-width:900px){
  :root{--fks-pad:14px;--fks-sheet:16px;--fks-sheet-top:14px;--fks-gap:10px}
  .fks-katto__in{gap:12px;padding-top:10px;padding-bottom:10px}
  .fks-merkki img,.fks-merkki svg{width:172px;height:33px}
  .fks-katto__cta{display:none}
  .fks-luukku__nappi{display:flex}
  /* ⛔ закрытая шторка гасится ещё и `visibility`: одного `max-height:0` мало —
     пункты остаются в раскладке, лежат поверх первого экрана (gate_overlap ловит
     их как наложение) и берут на себя фокус. `visibility` наследуется, поэтому
     гаснет всё дерево; задержка в переходе оставляет анимацию закрытия. */
  .fks-valikko{
    position:absolute;left:0;right:0;top:100%;z-index:70;
    max-height:0;overflow:hidden;visibility:hidden;background:var(--fks-paper);
    border-bottom:3px solid var(--fks-felt);
    transition:max-height .2s ease,visibility 0s linear .2s}
  .fks-luukku:checked ~ .fks-valikko{max-height:88vh;overflow-y:auto;
    visibility:visible;transition:max-height .2s ease,visibility 0s}
  .fks-valikko > ul{display:block;padding:8px var(--fks-pad) 14px}
  .fks-valikko > ul > li > a{
    min-height:48px;padding:12px 4px;border-bottom:1px solid var(--fks-line);
    font-size:16.5px}
  .fks-valikko > ul > li > a::after{margin-left:auto;transform:rotate(45deg)}
  /* ⛔ `visibility:inherit`, а не `visible`: на десктопе подменю гасится
     собственным `visibility`, а в шторке оно обязано гаснуть ВМЕСТЕ с ней —
     явный `visible` перебивал наследование и оставлял пункты поверх текста. */
  .fks-valikko__ala{
    position:static;visibility:inherit;opacity:1;transform:none;
    border:0;box-shadow:none;padding:4px 0 10px 12px;min-width:0}
  .fks-pohja .fks-katto .fks-valikko__ala a{min-height:40px;font-size:15px}
  .fks-luukku__kiinni{
    display:flex;align-items:center;justify-content:center;gap:8px;
    min-height:48px;margin:6px var(--fks-pad) 14px;cursor:pointer;
    border:2px solid var(--fks-line);border-radius:4px;
    font-weight:700;color:var(--fks-mute)}
  .fks-pohja .reviewboxright{grid-template-columns:110px minmax(0,1fr);gap:12px}
  .fks-pohja .reviewbuttonbig{grid-column:1/-1;grid-row:auto}
  /* ⛔ строка «Päivitetty viimeksi …» во всю ширину: в узкой клетке 110 px дата
     стоит `white-space:nowrap` (этап 09) и вылезает из неё на 24 px */
  .fks-pohja .reviewboxright p.fks-upd{grid-column:1/-1;margin-top:-4px}
  .fks-pohja #casinosidebar{grid-template-columns:minmax(0,1fr)}
  .fks-pohja .slotstop{grid-template-columns:minmax(0,1fr)}
  .fks-pohja .featwidget,.fks-pohja .toplay{grid-template-columns:1fr;gap:10px;
    text-align:center}
  /* в одну колонку поимённая раскладка не нужна и мешает: сбрасываем её,
     иначе блоки лезут в клетки, которых на узком экране больше нет */
  .fks-pohja .featwidget > a:first-child,.fks-pohja .featwidget .bonus,
  .fks-pohja .featwidget .summary,.fks-pohja .featwidget > a.visbutton,
  .fks-pohja #content .featwidget .bc-general-tc{
    grid-column:auto;grid-row:auto;align-self:auto}
  .fks-pohja .featwidget > a:first-child,.fks-pohja .toplay .left{
    border-right:0;border-bottom:1px solid var(--fks-line);padding-bottom:10px}
  .fks-pohja .articleexcerpt .thumb{width:96px;margin-right:14px}
  .fks-sisallys ol{columns:1}
  .fks-arvo{grid-template-columns:1fr}
  .fks-jalka__in{grid-template-columns:1fr 1fr;gap:20px}
  .fks-nauha__in{font-size:11.5px;gap:8px}
  .fks-pohja .fks-kuva-1{width:45%;margin-left:14px}
  /* на узком экране норма зазора 12 px — боковые отступы плашек ужимаются до неё */
  .fks-pohja #content td,.fks-pohja #content th{padding-left:12px;padding-right:12px}
  .fks-pohja .casinorow,.fks-pohja .slotlistrow{padding:12px}
  /* ⛔ сумма велкома идёт СВОЕЙ строкой: рядом со знаком ей остаётся ~90 px, а
     «ilmaiskierrosta» одним словом шире — слово вылезало за рамку виджета
     (gate_padding, 390px: «зазор справа 2»). Перенос по слогам не делаем. */
  .fks-pohja .casinorow .bonus,.fks-pohja .slotlistrow .bonus{
    flex:1 1 100%;min-width:0;overflow-wrap:anywhere}
  .fks-pohja .casinorow .visit,.fks-pohja .slotlistrow .visit{margin-left:0}
  .fks-pohja .slotrow{padding:8px 12px}
  /* полоса на узком экране схлопывается — даём более высокий кроп тем же файлом */
  .fks-pohja .fks-heroo img{aspect-ratio:16/10;object-position:50% 46%}
  .fks-pohja .fks-heroo figcaption{font-size:11px;padding-top:24px;
    padding-left:14px;padding-right:14px}
  .fks-pohja .fks-kuva{
    float:none;width:100%;margin-top:4px;margin-bottom:16px;margin-left:0}
  .fks-pohja .fks-kuva img{aspect-ratio:16/9}
  /* широкие таблицы — карточкой «подпись → значение» */
  .fks-pohja #content table.fks-kortti thead,
  .fks-pohja #content table.fks-kortti tr.fks-otsikkorivi{display:none}
  .fks-pohja #content table.fks-kortti,
  .fks-pohja #content table.fks-kortti tbody,
  .fks-pohja #content table.fks-kortti tr,
  .fks-pohja #content table.fks-kortti td{display:block;width:100%}
  .fks-pohja #content table.fks-kortti tr{
    border:1px solid var(--fks-line);border-radius:4px;margin:0 0 12px;
    background:var(--fks-paper)}
  .fks-pohja #content table.fks-kortti td{
    border-top:0;border-bottom:1px solid var(--fks-line);
    display:flex;justify-content:space-between;gap:12px;align-items:center}
  .fks-pohja #content table.fks-kortti td::before{
    content:attr(data-fks-l);color:var(--fks-mute);font-size:13px;
    font-weight:600;flex:0 0 auto}
  .fks-pohja #content table.fks-kortti td:empty{display:none}
}
@media (max-width:560px){
  /* картинка остаётся обтекаемой и на телефоне: во всю ширину она рвёт список
     на отдельные экраны, и до второй строки листинга уже не доскроллить */
  .fks-pohja .articleexcerpt .thumb{width:84px;margin:2px 12px 8px 0}
  .fks-pohja .articleexcerpt h2,.fks-pohja .articleexcerpt h3{font-size:17px}
  .fks-jalka__in{grid-template-columns:1fr}
  .fks-pohja #content table:not(.fks-kortti){display:block;overflow-x:auto}
  /* полоса 18+ на узком экране складывается в две строки, хвост снимаем */
  .fks-nauha__in{flex-wrap:wrap;justify-content:center;gap:2px 10px;text-align:center}
  .fks-nauha__geo{white-space:normal}
  .fks-nauha__lisa{display:none}
}
@media (min-width:901px){
  .fks-luukku__nappi,.fks-luukku__kiinni{display:none}
}
@media (max-width:900px){
  .fks-sisallys ul.ez-toc-list{columns:1}
  .fks-lista > li{grid-template-columns:1fr}
  .fks-lista time{grid-column:1}
  .fks-lista > div > h4,#content .fks-lista > div > h4{font-size:17.5px!important}
  .fks-lista > div > p,#content .fks-lista > div > p{font-size:14px}
}

.fks-pohja .fksv-list,.fks-pohja #content .fksv-list{list-style:none;margin:0;padding:0;display:block}
.fks-pohja .fksv-list > li,.fks-pohja #content .fksv-list > li{display:grid;grid-template-columns:32px 92px 1fr 174px;grid-template-areas:"r m i a" "r p p p";align-items:center;column-gap:16px;row-gap:0;margin:0 0 12px;padding:0;background:var(--fks-paper);border:1px solid var(--fks-line);border-radius:4px;overflow:hidden;position:relative}
.fks-pohja .fksv-list > li::before,.fks-pohja #content .fksv-list > li::before{content:none;display:none}
.fks-pohja .fksv-list > li::marker,.fks-pohja #content .fksv-list > li::marker{content:""}
.fks-pohja .fksv-list > li.fksv-hid,.fks-pohja #content .fksv-list > li.fksv-hid{display:none}
.fks-pohja .fksv-plus ul,.fks-pohja #content .fksv-plus ul{list-style:none;margin:0;padding:0}
.fks-pohja .fksv-plus ul > li::before,.fks-pohja #content .fksv-plus ul > li::before{content:none;display:none}
.fks-pohja .fksv-chips,.fks-pohja #content .fksv-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.fks-pohja .fksv-chips > li::before,.fks-pohja #content .fksv-chips > li::before{content:none;display:none}
/* ═════════ витрина 4kingslots (префикс fksv) ═════════ */
.fks-pohja .fksv-wrap{clear:both;margin:30px 0 34px;padding:0}
.fks-pohja .fksv-h{font-family:var(--fks-head);font-size:25px;line-height:1.24;
  font-weight:700;color:var(--fks-ink);margin:0 0 6px;padding:0;border:0}
.fks-pohja .fksv-upd{margin:0 0 14px;padding:0;font-size:13px;color:var(--fks-mute)}
.fks-pohja .fksv-upd b{font-weight:600;color:var(--fks-ink)}

/* ── строка ── */
.fks-pohja .fksv-list > li{min-height:165px}
.fks-pohja .fksv-rank{grid-area:r;align-self:stretch;display:flex;
  align-items:center;justify-content:center;
  background:var(--fks-felt);color:#eaf4ee;
  font-family:var(--fks-num);font-size:23px;line-height:1;font-weight:500;
  letter-spacing:.02em;writing-mode:vertical-rl;transform:rotate(180deg);
  padding:10px 0}
.fks-pohja .fksv-list > li:nth-child(1) .fksv-rank,
.fks-pohja .fksv-list > li:nth-child(2) .fksv-rank,
.fks-pohja .fksv-list > li:nth-child(3) .fksv-rank{background:var(--fks-brass);
  color:#2a1d06}

/* ⛔ подложка знака — БЕЛАЯ, а не песочная: логотипы операторов рисованы под
   белый фон, на песке они грязнят, и рендер-гейт (R15) требует все каналы
   > 246 при непрозрачности > .9. Цвет плитки менять нельзя. */
.fks-pohja .fksv-mark{grid-area:m;display:block;width:78px;height:78px;
  margin:12px 0;background:#fff;border:1px solid var(--fks-line);
  border-radius:4px;overflow:hidden}
.fks-pohja .fksv-mark img{display:block;width:100%;height:100%;
  object-fit:contain;padding:7px;box-sizing:border-box;background:none}

.fks-pohja .fksv-info{grid-area:i;min-width:0;padding:14px 0}
.fks-pohja .fksv-name{margin:0 0 6px;padding:0;font-family:var(--fks-head);
  font-size:18px;line-height:1.24;font-weight:700;color:var(--fks-ink)}
.fks-pohja .fksv-chips > li{font-size:11.5px;line-height:1;font-weight:600;
  color:var(--fks-felt);background:#eaf3ee;border:1px solid #cfe3d8;
  border-radius:2px;padding:4px 7px;white-space:nowrap}
.fks-pohja .fksv-chips > li.fksv-chip-lis{color:var(--fks-brass-d);
  background:#fbf3df;border-color:#ecdcb4}

/* строка оффера — «пейтейбл» с отточием, сумма вправо латунью */
.fks-pohja .fksv-offer{display:flex;align-items:baseline;gap:6px;
  margin:10px 0 3px;padding:0;font-size:14px;color:var(--fks-mute)}
.fks-pohja .fksv-offer .fksv-lead{flex:1 1 auto;min-width:18px;
  border-bottom:2px dotted var(--fks-line);transform:translateY(-4px)}
.fks-pohja .fksv-offer .fksv-sum{flex:0 0 auto;font-family:var(--fks-num);
  font-size:27px;line-height:1;font-weight:500;color:var(--fks-brass-d)}
.fks-pohja .fksv-terms{margin:0;padding:0;font-size:12.5px;line-height:1.5;
  color:var(--fks-mute)}
/* ссылка на СВОЙ обзор бренда — только там, где обзор реально есть.
   Дублируется с `#content`: донорское `#content a` (1,0,1) бьёт два класса. */
.fks-pohja .fksv-rev,.fks-pohja #content .fksv-rev{display:inline-block;
  margin:3px 0 0;font-size:12.5px;font-weight:600;color:var(--fks-felt);
  text-decoration:none;border:0;background:none;padding:0}
.fks-pohja .fksv-rev:hover,.fks-pohja #content .fksv-rev:hover{
  text-decoration:underline;text-underline-offset:3px}

/* ── правая колонка ── */
.fks-pohja .fksv-act{grid-area:a;display:flex;flex-direction:column;
  align-items:stretch;gap:7px;padding:14px 16px 14px 0}
.fks-pohja .fksv-score{display:flex;align-items:baseline;justify-content:center;
  gap:2px;font-family:var(--fks-num);line-height:1;color:var(--fks-felt-d)}
.fks-pohja .fksv-score b{font-size:30px;font-weight:500}
.fks-pohja .fksv-score span{font-size:14px;color:var(--fks-mute)}
/* ⛔ цвет букв кнопки дублируется с `#content`: донорское `#content a` (1,0,1)
   бьёт `.fks-pohja a.fksv-cta` (0,2,1) и красило надпись сукном по латуни —
   4,4 к 1, то есть ниже порога. Оба селектора держать вместе. */
.fks-pohja a.fksv-cta,.fks-pohja #content a.fksv-cta{display:block;
  text-align:center;text-decoration:none;
  background:var(--fks-brass);color:#2a1d06;border-radius:3px;
  font-family:var(--fks-head);font-size:15px;font-weight:700;
  padding:11px 12px;box-shadow:0 3px 0 var(--fks-brass-d)}
.fks-pohja a.fksv-cta:hover{background:#eab349}
.fks-pohja a.fksv-cta:active{transform:translateY(3px);box-shadow:0 0 0 var(--fks-brass-d)}
.fks-pohja .fksv-fine{font-size:11px;line-height:1.35;color:var(--fks-mute);
  text-align:center}
.fks-pohja .fksv-fine a{color:var(--fks-mute)}

/* ── раскрывашка плюсов/минусов ── */
.fks-pohja .fksv-plus{grid-area:p;border-top:1px solid var(--fks-line);
  margin:0 16px 0 0;padding:0}
.fks-pohja .fksv-plus > summary{list-style:none;cursor:pointer;
  padding:9px 0;font-size:13px;font-weight:600;color:var(--fks-felt-d)}
.fks-pohja .fksv-plus > summary::-webkit-details-marker{display:none}
.fks-pohja .fksv-plus > summary::after{content:"";display:inline-block;
  width:6px;height:6px;margin-left:7px;vertical-align:2px;
  border-right:2px solid var(--fks-felt);border-bottom:2px solid var(--fks-felt);
  transform:rotate(45deg)}
.fks-pohja .fksv-plus[open] > summary::after{transform:rotate(225deg);
  vertical-align:-1px}
.fks-pohja .fksv-plus .fksv-pm{display:grid;grid-template-columns:1fr 1fr;
  gap:6px 22px;padding:0 0 12px}
.fks-pohja .fksv-plus .fksv-pm li{font-size:13px;line-height:1.5;
  padding-left:17px;position:relative;color:var(--fks-ink)}
.fks-pohja .fksv-plus .fksv-pm li::after{content:"";position:absolute;
  left:0;top:6px;width:9px;height:9px;border-radius:50%}
.fks-pohja .fksv-plus .fksv-hyva li::after{background:var(--fks-felt)}
.fks-pohja .fksv-plus .fksv-huono li::after{background:var(--fks-brick)}

/* ── фильтры (только CSS) ── */
/* `fksv-ctrl` прячет ЛЮБОЙ управляющий input, `fksv-sift` — метка «фильтр
   действительно выбран». Разделены: у вкладки «Kaikki» и у чекбокса «показать
   ещё» класса `fksv-sift` нет, иначе `:has(.fksv-sift:checked)` был бы истинным
   всегда и кнопка «показать ещё» пропала бы на старте. */
.fks-pohja .fksv-ctrl{position:fixed;top:0;left:0;width:1px;height:1px;
  opacity:0;pointer-events:none;margin:0;padding:0;border:0}
.fks-pohja .fksv-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px;
  padding:0;list-style:none}
.fks-pohja .fksv-tabs > li::before{content:none;display:none}
.fks-pohja label.fksv-tab{display:inline-block;cursor:pointer;
  font-size:13px;font-weight:600;line-height:1;color:var(--fks-ink);
  background:var(--fks-paper);border:1px solid var(--fks-line);
  border-radius:3px;padding:8px 12px;user-select:none}
.fks-pohja label.fksv-tab:hover{border-color:var(--fks-felt)}

/* ── «показать ещё» ── */
.fks-pohja .fksv-morebox{margin:2px 0 0;text-align:center}
.fks-pohja label.fksv-more{display:inline-block;cursor:pointer;
  font-family:var(--fks-head);font-size:14px;font-weight:700;
  color:var(--fks-felt-d);background:var(--fks-paper);
  border:2px solid var(--fks-felt);border-radius:3px;padding:10px 22px}
.fks-pohja label.fksv-more:hover{background:#eaf3ee}
.fks-pohja label.fksv-more .fksv-vahemman{display:none}

/* ── дисклеймер ── */
.fks-pohja .fksv-note{margin:14px 0 0;padding:11px 14px;
  background:var(--fks-sand2);border-left:3px solid var(--fks-brass);
  border-radius:0 3px 3px 0;font-size:12.5px;line-height:1.6;
  color:var(--fks-mute)}
.fks-pohja .fksv-note a{color:var(--fks-felt-d)}

/* «показать ещё»: разворот ВОЗВРАЩАЕТ исходный display (grid), а не block
   (showcase-design-rules §«показать ещё без прыжка»); селектор (0,4,1) заведомо
   сильнее правила-сторожа `.fksv-list > li.fksv-hid` (0,2,1) вместе с `#content`. */
.fks-pohja .fksv-wrap:has(.fksv-kytkin:checked) .fksv-list > li.fksv-hid,
.fks-pohja #content .fksv-wrap:has(.fksv-kytkin:checked) .fksv-list > li.fksv-hid{
  display:grid}
.fks-pohja .fksv-wrap:has(.fksv-kytkin:checked) label.fksv-more .fksv-enemman{display:none}
.fks-pohja .fksv-wrap:has(.fksv-kytkin:checked) label.fksv-more .fksv-vahemman{display:inline}
.fks-pohja .fksv-wrap:has(.fksv-sift:checked) .fksv-morebox{display:none}

/* фильтры: выбранная вкладка и отсев строк. Селектор отсева (0,5,2) сильнее
   разворота (0,4,1) — иначе «показать ещё» вернул бы отфильтрованные строки. */
.fks-pohja .fksv-wrap:has(#fksv-f1:checked) label[for="fksv-f1"],
.fks-pohja .fksv-wrap:has(#fksv-f2:checked) label[for="fksv-f2"],
.fks-pohja .fksv-wrap:has(#fksv-f3:checked) label[for="fksv-f3"],
.fks-pohja .fksv-wrap:has(#fksv-f0:checked) label[for="fksv-f0"]{
  background:var(--fks-felt);border-color:var(--fks-felt);color:#eaf4ee}
.fks-pohja .fksv-wrap:has(#fksv-f1:checked) .fksv-list > li:not([data-f1]),
.fks-pohja #content .fksv-wrap:has(#fksv-f1:checked) .fksv-list > li:not([data-f1]),
.fks-pohja .fksv-wrap:has(#fksv-f2:checked) .fksv-list > li:not([data-f2]),
.fks-pohja #content .fksv-wrap:has(#fksv-f2:checked) .fksv-list > li:not([data-f2]),
.fks-pohja .fksv-wrap:has(#fksv-f3:checked) .fksv-list > li:not([data-f3]),
.fks-pohja #content .fksv-wrap:has(#fksv-f3:checked) .fksv-list > li:not([data-f3]){
  display:none}
.fks-pohja .fksv-wrap:has(.fksv-sift:checked) .fksv-list > li.fksv-hid,
.fks-pohja #content .fksv-wrap:has(.fksv-sift:checked) .fksv-list > li.fksv-hid{
  display:grid}

/* ⛔ на узком экране кнопка стоит ПОД знаком, в той же левой колонке, а не
   отдельной строкой во всю ширину: строка «знак / текст / кнопка / сноска»
   в три яруса вырастала до 327px при норме R9 ≤ 290, и пользователь видел
   за экран одно предложение. Колонка знака ради этого шире (84px), а текст
   оффера занимает обе строки справа. */
@media (max-width:820px){
  .fks-pohja .fksv-list > li,
  .fks-pohja #content .fksv-list > li{
    grid-template-columns:30px 84px 1fr;
    grid-template-areas:"r m i" "r a i" "r p p";
    column-gap:12px;min-height:0}
  .fks-pohja .fksv-wrap:has(.fksv-kytkin:checked) .fksv-list > li.fksv-hid,
  .fks-pohja #content .fksv-wrap:has(.fksv-kytkin:checked) .fksv-list > li.fksv-hid,
  .fks-pohja .fksv-wrap:has(.fksv-sift:checked) .fksv-list > li.fksv-hid,
  .fks-pohja #content .fksv-wrap:has(.fksv-sift:checked) .fksv-list > li.fksv-hid{
    display:grid}
  .fks-pohja .fksv-mark{width:76px;height:76px;margin:12px 0 0}
  .fks-pohja .fksv-info{padding:12px 14px 10px 0}
  .fks-pohja .fksv-name{font-size:17px}
  .fks-pohja .fksv-offer{margin:8px 0 3px}
  .fks-pohja .fksv-offer .fksv-sum{font-size:24px}
  .fks-pohja .fksv-act{flex-direction:column;align-items:stretch;
    justify-content:flex-start;padding:8px 0 12px;gap:5px}
  .fks-pohja .fksv-score{flex:0 0 auto}
  .fks-pohja a.fksv-cta,.fks-pohja #content a.fksv-cta{flex:0 0 auto;
    font-size:14px;padding:9px 4px;letter-spacing:0}
  .fks-pohja .fksv-fine{font-size:10.5px;line-height:1.3;text-align:center}
  .fks-pohja .fksv-plus{margin-right:14px}
  .fks-pohja .fksv-plus .fksv-pm{grid-template-columns:1fr;gap:5px}
  /* фильтры на узком экране — горизонтальная лента со скроллом */
  .fks-pohja .fksv-tabs{flex-wrap:nowrap;overflow-x:auto;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    margin-left:-2px;padding:2px 0 6px}
  .fks-pohja .fksv-tabs::-webkit-scrollbar{display:none}
  .fks-pohja .fksv-tabs > li{flex:0 0 auto}
}
@media (max-width:420px){
  .fks-pohja .fksv-h{font-size:21px}
  .fks-pohja .fksv-list > li,
  .fks-pohja #content .fksv-list > li{grid-template-columns:26px 76px 1fr;column-gap:10px}
  .fks-pohja .fksv-mark{width:68px;height:68px}
  .fks-pohja .fksv-rank{font-size:19px}
  .fks-pohja a.fksv-cta,.fks-pohja #content a.fksv-cta{font-size:13.5px;padding:9px 2px}
  /* оценки на витрине нет (нет источника для балла): в колонке под знаком
     идут только кнопка и сноска, порядок задаёт сама разметка */
  .fks-pohja .fksv-fine{font-size:10px}
}
.fks-pohja .fksk-list,.fks-pohja #content .fksk-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:12px}
.fks-pohja .fksk-list > li,.fks-pohja #content .fksk-list > li{margin:0;padding:0;display:block}
.fks-pohja .fksk-list > li::before,.fks-pohja #content .fksk-list > li::before{content:none;display:none}
.fks-pohja .fksk-list > li::marker,.fks-pohja #content .fksk-list > li::marker{content:""}
.fks-pohja .fksk-card,.fks-pohja #content .fksk-card{display:grid;grid-template-columns:46px 1fr;grid-template-areas:"k t" "k d";column-gap:12px;row-gap:2px;align-items:center;height:100%;padding:12px 13px;background:var(--fks-paper);border:1px solid var(--fks-line);border-radius:4px;text-decoration:none;border-bottom-width:1px}
.fks-pohja .fksk-tile,.fks-pohja #content .fksk-tile{grid-area:k;display:block;width:46px;height:46px;border:1px solid var(--fks-line);border-radius:3px;background:#fff;overflow:hidden}
.fks-pohja .fksk-tile > img,.fks-pohja #content .fksk-tile > img{display:block;width:100%;height:100%;object-fit:contain}
.fks-pohja .fksk-t,.fks-pohja #content .fksk-t{grid-area:t;display:block;font-family:var(--fks-head);font-size:15.5px;line-height:1.25;font-weight:700;color:var(--fks-ink)}
.fks-pohja .fksk-d,.fks-pohja #content .fksk-d{grid-area:d;display:block;font-size:12.5px;line-height:1.4;color:var(--fks-mute)}
.fks-pohja .fksk-wrap{clear:both;margin:28px 0 32px}
.fks-pohja .fksk-h,.fks-pohja #content .fksk-h{font-family:var(--fks-head);
  font-size:23px;line-height:1.25;margin:0 0 3px;padding:0 0 0 13px;
  border-left:4px solid var(--fks-brass);border-bottom:0;background:none}
.fks-pohja .fksk-sub{margin:0 0 14px;padding:0 0 0 17px;font-size:13px;
  color:var(--fks-mute)}
.fks-pohja .fksk-card:hover{border-color:var(--fks-felt);
  box-shadow:0 1px 0 var(--fks-felt) inset,0 2px 10px rgba(15,107,74,.08)}
.fks-pohja .fksk-card:hover .fksk-t{color:var(--fks-felt)}
.fks-pohja .fksk-tyhja{display:flex;align-items:center;justify-content:center;
  font-family:var(--fks-head);font-size:17px;font-weight:700;
  color:var(--fks-brass-d);background:var(--fks-sand)}
/* кластер без настоящих знаков (гид, тарифы, бонусы): карточка без плитки,
   иначе выходит шеренга буквенных заглушек */
.fks-pohja .fksk-list.fksk-teksti,.fks-pohja #content .fksk-list.fksk-teksti{
  grid-template-columns:repeat(auto-fill,minmax(268px,1fr))}
.fks-pohja .fksk-card.fksk-teksti,.fks-pohja #content .fksk-card.fksk-teksti{
  grid-template-columns:1fr;grid-template-areas:"t" "d";
  align-items:start;align-content:start;row-gap:4px;padding:13px 15px;
  border-left:3px solid var(--fks-brass)}
@media (max-width:560px){
  .fks-pohja .fksk-list,.fks-pohja #content .fksk-list{
    grid-template-columns:1fr;gap:9px}
  .fks-pohja .fksk-h,.fks-pohja #content .fksk-h{font-size:20px}
}

.fks-pohja p.fks-upd,.fks-pohja #content p.fks-upd{margin:-6px 0 20px;padding:0 0 0 20px;font-size:13px;line-height:1.5;color:var(--fks-mute);letter-spacing:.01em;position:relative}
.fks-pohja p.fks-upd time,.fks-pohja #content p.fks-upd time{color:var(--fks-ink);font-weight:600;white-space:nowrap}
.fks-pohja .fks-toimitus,.fks-pohja #content .fks-toimitus{clear:both;margin:34px 0 8px;padding:19px 22px 17px;background:var(--fks-sand);border:1px solid var(--fks-line);border-left:4px solid var(--fks-brass);border-radius:4px}
.fks-pohja .fks-toimitus p,.fks-pohja #content .fks-toimitus p{margin:0 0 10px;font-size:14px;line-height:1.62;color:var(--fks-ink)}
.fks-pohja .fks-toimitus p:last-child,.fks-pohja #content .fks-toimitus p:last-child{margin-bottom:0}
.fks-pohja .fks-toimitus .fks-toimitus__nimi,.fks-pohja #content .fks-toimitus .fks-toimitus__nimi{font-family:var(--fks-head);font-size:16px;font-weight:700;color:var(--fks-brass-d);margin:0 0 9px;letter-spacing:.01em}
.fks-pohja .fks-syva,.fks-pohja #content .fks-syva{clear:both;margin:30px 0 0}
.fks-pohja .fks-syva h2,.fks-pohja #content .fks-syva h2{font-family:var(--fks-head);font-size:23px;line-height:1.24;font-weight:700;color:var(--fks-ink);margin:0 0 14px;padding:0 0 0 16px;border-left:4px solid var(--fks-felt)}
.fks-pohja .fks-syva p,.fks-pohja #content .fks-syva p{margin:0 0 14px;font-size:15px;line-height:1.72;color:var(--fks-ink)}
.fks-pohja .fks-syva p:last-child,.fks-pohja #content .fks-syva p:last-child{margin-bottom:0}
.fks-pohja .fks-kok,.fks-pohja #content .fks-kok{clear:both;margin:34px 0 0}
.fks-pohja .fks-kok > h2,.fks-pohja #content .fks-kok > h2{font-family:var(--fks-head);font-size:23px;line-height:1.24;font-weight:700;color:var(--fks-ink);margin:0 0 10px;padding:0 0 0 16px;border-left:4px solid var(--fks-felt)}
.fks-pohja .fks-kok__huom,.fks-pohja #content .fks-kok__huom{margin:0 0 16px;font-size:13px;line-height:1.55;color:var(--fks-mute)}
.fks-pohja .fks-kok__lista,.fks-pohja #content .fks-kok__lista{list-style:none;margin:0;padding:0}
.fks-pohja .fks-kok__rivi,.fks-pohja #content .fks-kok__rivi{margin:0 0 12px;padding:14px 16px 12px;background:var(--fks-sand);border:1px solid var(--fks-line);border-radius:4px}
.fks-pohja .fks-kok__rivi:last-child,.fks-pohja #content .fks-kok__rivi:last-child{margin-bottom:0}
.fks-pohja .fks-kok__rivi > p.fks-kok__paa,.fks-pohja #content .fks-kok__rivi > p.fks-kok__paa{margin:0 0 7px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:13px}
.fks-pohja .fks-kok__nimi,.fks-pohja #content .fks-kok__nimi{font-family:var(--fks-head);font-size:15px;font-weight:700;color:var(--fks-brass-d);overflow-wrap:anywhere}
.fks-pohja .fks-kok__pvm,.fks-pohja #content .fks-kok__pvm{color:var(--fks-mute);white-space:nowrap}
.fks-pohja .fks-kok__rivi p,.fks-pohja #content .fks-kok__rivi p{margin:0 0 9px;font-size:14.5px;line-height:1.66;color:var(--fks-ink)}
.fks-pohja .fks-kok__rivi p:last-child,.fks-pohja #content .fks-kok__rivi p:last-child{margin-bottom:0}
.fks-pohja .fks-hak,.fks-pohja #content .fks-hak{clear:both;margin:34px 0 0}
.fks-pohja .fks-hak > h2,.fks-pohja #content .fks-hak > h2{font-family:var(--fks-head);font-size:23px;line-height:1.24;font-weight:700;color:var(--fks-ink);margin:0 0 10px;padding:0 0 0 16px;border-left:4px solid var(--fks-felt)}
.fks-pohja .fks-hak__joht,.fks-pohja #content .fks-hak__joht{margin:0 0 16px;font-size:14.5px;line-height:1.62;color:var(--fks-ink)}
.fks-pohja .fks-hak__kirjain,.fks-pohja #content .fks-hak__kirjain{font-family:var(--fks-head);font-size:15px;font-weight:700;letter-spacing:.06em;color:var(--fks-brass-d);margin:18px 0 7px;padding:0 0 5px;border-bottom:1px solid var(--fks-line)}
.fks-pohja .fks-hak h3.fks-hak__kirjain:first-of-type,.fks-pohja #content .fks-hak h3.fks-hak__kirjain:first-of-type{margin-top:0}
.fks-pohja .fks-hak__lista,.fks-pohja #content .fks-hak__lista{list-style:none;margin:0 0 4px;padding:0;column-width:228px;column-gap:28px}
.fks-pohja .fks-hak__lista li,.fks-pohja #content .fks-hak__lista li{margin:0;padding:3px 0 3px 13px;position:relative;break-inside:avoid;font-size:14.5px;line-height:1.45}
.fks-pohja .fks-hak__lista a,.fks-pohja #content .fks-hak__lista a{text-decoration:none;border-bottom:1px solid transparent}

/* засечка перед строкой обновления: тот же латунный штрих, что у заголовков
   кластера — иначе сноска висит в воздухе под крупным H1 */
.fks-pohja p.fks-upd::before{content:"";position:absolute;left:0;top:.52em;
  width:12px;height:2px;background:var(--fks-brass)}
/* имя редакции — не ссылка и не автор-персона: п. 28 запрещает подпись
   человеком, поэтому никакого аватара и никакого `rel=author` тут нет */
.fks-pohja .fks-toimitus__nimi::after{content:"";display:block;width:34px;
  height:2px;margin:7px 0 0;background:var(--fks-brass);opacity:.55}
/* ⛔ карта сайта — В КОЛОНКАХ: 1093 строки в один столбец дают полотно в 42 000 px,
   по которому нельзя ни пролистать до нужной группы, ни увидеть саму группировку.
   Ширина колонки задана `column-width`, поэтому число столбцов подбирается само
   и на планшете их становится два, а не три впритык. */
.fks-pohja .fks-kartta__lista,.fks-pohja #content .fks-kartta__lista{
  list-style:none;margin:0 0 26px;padding:0;
  column-width:230px;column-gap:28px}
.fks-pohja .fks-kartta__lista li,.fks-pohja #content .fks-kartta__lista li{
  margin:0;padding:3px 0 3px 13px;position:relative;
  break-inside:avoid;font-size:14.5px;line-height:1.45}
.fks-pohja .fks-kartta__lista li::before{content:"";position:absolute;
  left:0;top:.72em;width:5px;height:5px;border-radius:50%;
  background:var(--fks-brass);opacity:.6}
.fks-pohja .fks-kartta__lista a,.fks-pohja #content .fks-kartta__lista a{
  text-decoration:none;border-bottom:1px solid transparent}
.fks-pohja .fks-kartta__lista a:hover{border-bottom-color:var(--fks-felt)}
/* маркер строки перечня — тот же латунный, что в карте сайта */
.fks-pohja .fks-hak__lista li::before{content:"";position:absolute;
  left:0;top:.72em;width:5px;height:5px;border-radius:50%;
  background:var(--fks-brass);opacity:.6}
.fks-pohja .fks-hak__lista a:hover{border-bottom-color:var(--fks-felt)}
@media (max-width:560px){
  .fks-pohja .fks-hak > h2,.fks-pohja #content .fks-hak > h2{
    font-size:20px;padding-left:12px}
  .fks-pohja .fks-hak__lista,.fks-pohja #content .fks-hak__lista{
    column-width:auto;column-count:1}
}
/* счётчик в заголовке группы — цифра справочная, не часть названия */
.fks-pohja .fks-kartta__n{color:var(--fks-mute);font-weight:400;font-size:.68em;
  letter-spacing:.4px;vertical-align:.18em;margin-left:6px}
/* два столбца: сплошной блок в 120 слов под статьёй читается как «портянка
   для робота». Колонки ставят его в один экран */
@media (min-width:860px){
  .fks-pohja .fks-toimitus,.fks-pohja #content .fks-toimitus{
    column-count:2;column-gap:30px}
  .fks-pohja .fks-toimitus .fks-toimitus__nimi,
  .fks-pohja #content .fks-toimitus .fks-toimitus__nimi{
    column-span:all}
  .fks-pohja .fks-toimitus p,.fks-pohja #content .fks-toimitus p{
    break-inside:avoid}
}
/* «Tulossa pian» у ещё не открывшихся казино — не ссылка: партнёрского
   маршрута у них нет, а кнопка в `#` обманывает клик. Оставлена подпись */
.fks-pohja a.visbutton:not([href]),.fks-pohja a.visbutton-review:not([href]){
  cursor:default;background:var(--fks-sand2);color:var(--fks-mute);
  border:1px dashed var(--fks-line);box-shadow:none;text-shadow:none}
.fks-pohja a.visbutton:not([href]):hover,
.fks-pohja a.visbutton-review:not([href]):hover{
  background:var(--fks-sand2);color:var(--fks-mute)}
/* ХАБ — в ДВЕ колонки: у хаба под текстом идёт сетка карточек во всю ширину,
   и одна колонка на 74ch оставляет правую половину полосы пустой */
@media (min-width:860px){
  .fks-pohja .fks-syva--2,.fks-pohja #content .fks-syva--2{
    column-count:2;column-gap:34px}
  .fks-pohja .fks-syva--2 h2,.fks-pohja #content .fks-syva--2 h2{
    column-span:all}
  .fks-pohja .fks-syva--2 p,.fks-pohja #content .fks-syva--2 p{
    break-inside:avoid}
}
@media (max-width:560px){
  .fks-pohja .fks-toimitus,.fks-pohja #content .fks-toimitus{
    padding:15px 16px 14px;margin:26px 0 6px}
  .fks-pohja p.fks-upd,.fks-pohja #content p.fks-upd{font-size:12px}
  .fks-pohja .fks-syva h2,.fks-pohja #content .fks-syva h2{
    font-size:20px;padding-left:12px}
  .fks-pohja .fks-syva p,.fks-pohja #content .fks-syva p{font-size:14.5px}
}
