/* 4 Crowns Casino — собственный скин. Генерируется cr_css.py, руками не править. Ревизия f91300fe. */
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/media/krn/font/krn-os-400-latin-ext-v1.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 700;font-display:swap;src:url('/media/krn/font/krn-os-400-latin-v1.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:'Ubuntu';font-style:italic;font-weight:400;font-display:swap;src:url('/media/krn/font/krn-ub-400i-latin-ext-v1.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:'Ubuntu';font-style:italic;font-weight:400;font-display:swap;src:url('/media/krn/font/krn-ub-400i-latin-v1.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:'Ubuntu';font-style:italic;font-weight:700;font-display:swap;src:url('/media/krn/font/krn-ub-700i-latin-ext-v1.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:'Ubuntu';font-style:italic;font-weight:700;font-display:swap;src:url('/media/krn/font/krn-ub-700i-latin-v1.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:'Ubuntu';font-style:normal;font-weight:400;font-display:swap;src:url('/media/krn/font/krn-ub-400-latin-ext-v1.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:'Ubuntu';font-style:normal;font-weight:400;font-display:swap;src:url('/media/krn/font/krn-ub-400-latin-v1.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:'Ubuntu';font-style:normal;font-weight:500;font-display:swap;src:url('/media/krn/font/krn-ub-500-latin-ext-v1.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:'Ubuntu';font-style:normal;font-weight:500;font-display:swap;src:url('/media/krn/font/krn-ub-500-latin-v1.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:'Ubuntu';font-style:normal;font-weight:700;font-display:swap;src:url('/media/krn/font/krn-ub-700-latin-ext-v1.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:'Ubuntu';font-style:normal;font-weight:700;font-display:swap;src:url('/media/krn/font/krn-ub-700-latin-v1.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}
:root{
  --navy:#0d2a4d; --navy-d:#08192e; --navy-l:#1b4677;
  /* ⛔ `--brass` (3.30 к белому) — ТОЛЬКО декор: рамки, полоски, заливки без текста.
     Всё, что НЕСЁТ ТЕКСТ — буквы латунью по белому и белые буквы по латуни — берёт
     `--brass-d` (5.08), наведение `--brass-dd` (7.50). Латунь одна и та же на вид,
     а R3 рендер-гейта считает по формуле: 3.30 < 4.5 на каждой кнопке сайта. */
  --brass:#b3862a; --brass-d:#8d681d; --brass-dd:#6f4f0e; --brass-l:#e8d9ae;
  --ink:#16202e; --muted:#5c6b80; --line:#dde4ee; --stone:#eef2f7; --paper:#fff;
  --green:#1f7a4d; --green-l:#e4f2ea;
  --pad:20px; --wide:1120px; --mid:888px; --text:760px;
  --ui:'Ubuntu',-apple-system,'Segoe UI',Roboto,sans-serif;
  --tx:'Open Sans',-apple-system,'Segoe UI',Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);
  font:400 17px/1.72 var(--tx);-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;border:0;vertical-align:middle}
/* height:auto нужен только там, где ширина задана числом: тогда он держит
   пропорцию под max-width. Глобально он убивал донорские иконки
   height="15" width="auto" — svg раздувался до своих 512pt и выталкивал
   соседа из flex-строки (замер: 330px вместо 15, строка уезжала на 433 при 390) */
img[width][height]:not([width="auto"]),svg[width][height],video[width][height]{height:auto}
a{color:var(--navy);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--brass-d)}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--ui);font-weight:700;
  line-height:1.18;margin:0 0 .5em;color:var(--navy);letter-spacing:-.01em}
h1,.h1{font-size:2.5rem} h2,.h2{font-size:1.85rem} h3,.h3{font-size:1.4rem}
h4,.h4{font-size:1.18rem} h5,.h5{font-size:1.05rem} h6,.h6{font-size:.95rem}
p{margin:0 0 1.05em}
ul,ol{margin:0 0 1.15em;padding-left:1.25em}
li{margin:0 0 .4em}
hr{border:0;border-top:1px solid var(--line);margin:1.6rem 0}
small,.small{font-size:.86rem}
strong,b{font-weight:700}
blockquote{margin:1.6rem 0;padding:0 0 0 1.1rem;border-left:3px solid var(--brass);
  font-style:italic;color:var(--muted)}
code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em;background:var(--stone);padding:.1em .35em}
table{width:100%;border-collapse:collapse;margin:0 0 1.4rem;font-size:.95rem}
/* горизонтальный отступ в ячейке — не меньше 16px: gate_padding меряет ЗАЗОР от
   текста до края блока, и .7rem = 11.2px давали «прилипший текст» на каждой
   донорской таблице хаба (норма ≥16 @1440/1024, ≥12 @768) */
th,td{padding:.62rem 1.1rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{font-family:var(--ui);font-weight:700;color:var(--navy);background:var(--stone);
  border-bottom:2px solid var(--navy)}
tbody tr:hover{background:#f7f9fc}
figure{margin:1.6rem 0}
figcaption{font-size:.85rem;color:var(--muted);margin-top:.45rem}
iframe{max-width:100%;border:0}
/* Vue-элементы донора: без js это неизвестные теги, по умолчанию инлайновые */
b-collapse,responsive-switch,transition,b-card,b-tabs{display:block}
.screen-overlay{display:none}
.container{width:100%;max-width:var(--mid);margin:0 auto;padding:0 var(--pad)}
.container-fluid{width:100%;padding:0 var(--pad)}
.container-mid{width:100%;max-width:var(--mid);margin:0 auto;padding:0 var(--pad)}
.container-x{width:100%;max-width:var(--mid);margin:0 auto}
.row{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}
.row-mx-neg{margin-left:-12px;margin-right:-12px}
.no-gutters{margin-left:0;margin-right:0}
.no-gutters>*{padding-left:0;padding-right:0}
.px-0>.row,.container-fluid.px-0>.row{margin-left:0;margin-right:0}
[class^="col"],[class*=" col"]{position:relative;width:100%;min-width:0;padding-left:12px;padding-right:12px}
.col{flex:1 0 0%;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:none}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.offset-1{margin-left:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.offset-2{margin-left:16.666667%}.col-3{flex:0 0 25.0%;max-width:25.0%}.offset-3{margin-left:25.0%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.offset-4{margin-left:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.offset-5{margin-left:41.666667%}.col-6{flex:0 0 50.0%;max-width:50.0%}.offset-6{margin-left:50.0%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.offset-7{margin-left:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.offset-8{margin-left:66.666667%}.col-9{flex:0 0 75.0%;max-width:75.0%}.offset-9{margin-left:75.0%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.offset-10{margin-left:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.offset-11{margin-left:91.666667%}.col-12{flex:0 0 100.0%;max-width:100.0%}.offset-12{margin-left:100.0%}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}
@media (min-width:576px){.col-sm{flex:1 0 0%;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:none}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.offset-sm-1{margin-left:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.offset-sm-2{margin-left:16.666667%}.col-sm-3{flex:0 0 25.0%;max-width:25.0%}.offset-sm-3{margin-left:25.0%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.offset-sm-4{margin-left:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.offset-sm-5{margin-left:41.666667%}.col-sm-6{flex:0 0 50.0%;max-width:50.0%}.offset-sm-6{margin-left:50.0%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.offset-sm-7{margin-left:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.offset-sm-8{margin-left:66.666667%}.col-sm-9{flex:0 0 75.0%;max-width:75.0%}.offset-sm-9{margin-left:75.0%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.offset-sm-10{margin-left:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.offset-sm-11{margin-left:91.666667%}.col-sm-12{flex:0 0 100.0%;max-width:100.0%}.offset-sm-12{margin-left:100.0%}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}}
@media (min-width:768px){.col-md{flex:1 0 0%;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:none}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.offset-md-1{margin-left:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.offset-md-2{margin-left:16.666667%}.col-md-3{flex:0 0 25.0%;max-width:25.0%}.offset-md-3{margin-left:25.0%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.offset-md-4{margin-left:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.offset-md-5{margin-left:41.666667%}.col-md-6{flex:0 0 50.0%;max-width:50.0%}.offset-md-6{margin-left:50.0%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.offset-md-7{margin-left:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.offset-md-8{margin-left:66.666667%}.col-md-9{flex:0 0 75.0%;max-width:75.0%}.offset-md-9{margin-left:75.0%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.offset-md-10{margin-left:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.offset-md-11{margin-left:91.666667%}.col-md-12{flex:0 0 100.0%;max-width:100.0%}.offset-md-12{margin-left:100.0%}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}}
@media (min-width:992px){.col-lg{flex:1 0 0%;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:none}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.offset-lg-1{margin-left:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.offset-lg-2{margin-left:16.666667%}.col-lg-3{flex:0 0 25.0%;max-width:25.0%}.offset-lg-3{margin-left:25.0%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.offset-lg-4{margin-left:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.offset-lg-5{margin-left:41.666667%}.col-lg-6{flex:0 0 50.0%;max-width:50.0%}.offset-lg-6{margin-left:50.0%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.offset-lg-7{margin-left:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.offset-lg-8{margin-left:66.666667%}.col-lg-9{flex:0 0 75.0%;max-width:75.0%}.offset-lg-9{margin-left:75.0%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.offset-lg-10{margin-left:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.offset-lg-11{margin-left:91.666667%}.col-lg-12{flex:0 0 100.0%;max-width:100.0%}.offset-lg-12{margin-left:100.0%}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}}
@media (min-width:1200px){.col-xl{flex:1 0 0%;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:none}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.offset-xl-1{margin-left:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.offset-xl-2{margin-left:16.666667%}.col-xl-3{flex:0 0 25.0%;max-width:25.0%}.offset-xl-3{margin-left:25.0%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.offset-xl-4{margin-left:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.offset-xl-5{margin-left:41.666667%}.col-xl-6{flex:0 0 50.0%;max-width:50.0%}.offset-xl-6{margin-left:50.0%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.offset-xl-7{margin-left:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.offset-xl-8{margin-left:66.666667%}.col-xl-9{flex:0 0 75.0%;max-width:75.0%}.offset-xl-9{margin-left:75.0%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.offset-xl-10{margin-left:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.offset-xl-11{margin-left:91.666667%}.col-xl-12{flex:0 0 100.0%;max-width:100.0%}.offset-xl-12{margin-left:100.0%}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}}
.m-0{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0}.m-1{margin-top:.25rem;margin-right:.25rem;margin-bottom:.25rem;margin-left:.25rem}.m-2{margin-top:.5rem;margin-right:.5rem;margin-bottom:.5rem;margin-left:.5rem}.m-3{margin-top:1rem;margin-right:1rem;margin-bottom:1rem;margin-left:1rem}.m-4{margin-top:1.5rem;margin-right:1.5rem;margin-bottom:1.5rem;margin-left:1.5rem}.m-5{margin-top:3rem;margin-right:3rem;margin-bottom:3rem;margin-left:3rem}.m-auto{margin-top:auto;margin-right:auto;margin-bottom:auto;margin-left:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mt-auto{margin-top:auto}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:1rem}.mr-4{margin-right:1.5rem}.mr-5{margin-right:3rem}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:1rem}.ml-4{margin-left:1.5rem}.ml-5{margin-left:3rem}.ml-auto{margin-left:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:1rem;margin-right:1rem}.mx-4{margin-left:1.5rem;margin-right:1.5rem}.mx-5{margin-left:3rem;margin-right:3rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:1rem;margin-bottom:1rem}.my-4{margin-top:1.5rem;margin-bottom:1.5rem}.my-5{margin-top:3rem;margin-bottom:3rem}.my-auto{margin-top:auto;margin-bottom:auto}.p-0{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.p-1{padding-top:.25rem;padding-right:.25rem;padding-bottom:.25rem;padding-left:.25rem}.p-2{padding-top:.5rem;padding-right:.5rem;padding-bottom:.5rem;padding-left:.5rem}.p-3{padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem}.p-4{padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem}.p-5{padding-top:3rem;padding-right:3rem;padding-bottom:3rem;padding-left:3rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:1rem}.pt-4{padding-top:1.5rem}.pt-5{padding-top:3rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:1rem}.pr-4{padding-right:1.5rem}.pr-5{padding-right:3rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:1rem}.pb-4{padding-bottom:1.5rem}.pb-5{padding-bottom:3rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:1rem}.pl-4{padding-left:1.5rem}.pl-5{padding-left:3rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:1rem;padding-right:1rem}.px-4{padding-left:1.5rem;padding-right:1.5rem}.px-5{padding-left:3rem;padding-right:3rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:1rem;padding-bottom:1rem}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}.py-5{padding-top:3rem;padding-bottom:3rem}.d-none{display:none}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-block{display:block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.align-items-start{align-items:flex-start}.align-self-start{align-self:flex-start}.align-items-end{align-items:flex-end}.align-self-end{align-self:flex-end}.align-items-center{align-items:center}.align-self-center{align-self:center}.align-items-baseline{align-items:baseline}.align-self-baseline{align-self:baseline}.align-items-stretch{align-items:stretch}.align-self-stretch{align-self:stretch}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}
@media (min-width:576px){.m-sm-0{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0}.m-sm-1{margin-top:.25rem;margin-right:.25rem;margin-bottom:.25rem;margin-left:.25rem}.m-sm-2{margin-top:.5rem;margin-right:.5rem;margin-bottom:.5rem;margin-left:.5rem}.m-sm-3{margin-top:1rem;margin-right:1rem;margin-bottom:1rem;margin-left:1rem}.m-sm-4{margin-top:1.5rem;margin-right:1.5rem;margin-bottom:1.5rem;margin-left:1.5rem}.m-sm-5{margin-top:3rem;margin-right:3rem;margin-bottom:3rem;margin-left:3rem}.m-sm-auto{margin-top:auto;margin-right:auto;margin-bottom:auto;margin-left:auto}.mt-sm-0{margin-top:0}.mt-sm-1{margin-top:.25rem}.mt-sm-2{margin-top:.5rem}.mt-sm-3{margin-top:1rem}.mt-sm-4{margin-top:1.5rem}.mt-sm-5{margin-top:3rem}.mt-sm-auto{margin-top:auto}.mr-sm-0{margin-right:0}.mr-sm-1{margin-right:.25rem}.mr-sm-2{margin-right:.5rem}.mr-sm-3{margin-right:1rem}.mr-sm-4{margin-right:1.5rem}.mr-sm-5{margin-right:3rem}.mr-sm-auto{margin-right:auto}.mb-sm-0{margin-bottom:0}.mb-sm-1{margin-bottom:.25rem}.mb-sm-2{margin-bottom:.5rem}.mb-sm-3{margin-bottom:1rem}.mb-sm-4{margin-bottom:1.5rem}.mb-sm-5{margin-bottom:3rem}.mb-sm-auto{margin-bottom:auto}.ml-sm-0{margin-left:0}.ml-sm-1{margin-left:.25rem}.ml-sm-2{margin-left:.5rem}.ml-sm-3{margin-left:1rem}.ml-sm-4{margin-left:1.5rem}.ml-sm-5{margin-left:3rem}.ml-sm-auto{margin-left:auto}.mx-sm-0{margin-left:0;margin-right:0}.mx-sm-1{margin-left:.25rem;margin-right:.25rem}.mx-sm-2{margin-left:.5rem;margin-right:.5rem}.mx-sm-3{margin-left:1rem;margin-right:1rem}.mx-sm-4{margin-left:1.5rem;margin-right:1.5rem}.mx-sm-5{margin-left:3rem;margin-right:3rem}.mx-sm-auto{margin-left:auto;margin-right:auto}.my-sm-0{margin-top:0;margin-bottom:0}.my-sm-1{margin-top:.25rem;margin-bottom:.25rem}.my-sm-2{margin-top:.5rem;margin-bottom:.5rem}.my-sm-3{margin-top:1rem;margin-bottom:1rem}.my-sm-4{margin-top:1.5rem;margin-bottom:1.5rem}.my-sm-5{margin-top:3rem;margin-bottom:3rem}.my-sm-auto{margin-top:auto;margin-bottom:auto}.p-sm-0{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.p-sm-1{padding-top:.25rem;padding-right:.25rem;padding-bottom:.25rem;padding-left:.25rem}.p-sm-2{padding-top:.5rem;padding-right:.5rem;padding-bottom:.5rem;padding-left:.5rem}.p-sm-3{padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem}.p-sm-4{padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem}.p-sm-5{padding-top:3rem;padding-right:3rem;padding-bottom:3rem;padding-left:3rem}.pt-sm-0{padding-top:0}.pt-sm-1{padding-top:.25rem}.pt-sm-2{padding-top:.5rem}.pt-sm-3{padding-top:1rem}.pt-sm-4{padding-top:1.5rem}.pt-sm-5{padding-top:3rem}.pr-sm-0{padding-right:0}.pr-sm-1{padding-right:.25rem}.pr-sm-2{padding-right:.5rem}.pr-sm-3{padding-right:1rem}.pr-sm-4{padding-right:1.5rem}.pr-sm-5{padding-right:3rem}.pb-sm-0{padding-bottom:0}.pb-sm-1{padding-bottom:.25rem}.pb-sm-2{padding-bottom:.5rem}.pb-sm-3{padding-bottom:1rem}.pb-sm-4{padding-bottom:1.5rem}.pb-sm-5{padding-bottom:3rem}.pl-sm-0{padding-left:0}.pl-sm-1{padding-left:.25rem}.pl-sm-2{padding-left:.5rem}.pl-sm-3{padding-left:1rem}.pl-sm-4{padding-left:1.5rem}.pl-sm-5{padding-left:3rem}.px-sm-0{padding-left:0;padding-right:0}.px-sm-1{padding-left:.25rem;padding-right:.25rem}.px-sm-2{padding-left:.5rem;padding-right:.5rem}.px-sm-3{padding-left:1rem;padding-right:1rem}.px-sm-4{padding-left:1.5rem;padding-right:1.5rem}.px-sm-5{padding-left:3rem;padding-right:3rem}.py-sm-0{padding-top:0;padding-bottom:0}.py-sm-1{padding-top:.25rem;padding-bottom:.25rem}.py-sm-2{padding-top:.5rem;padding-bottom:.5rem}.py-sm-3{padding-top:1rem;padding-bottom:1rem}.py-sm-4{padding-top:1.5rem;padding-bottom:1.5rem}.py-sm-5{padding-top:3rem;padding-bottom:3rem}.d-sm-none{display:none}.d-sm-inline{display:inline}.d-sm-inline-block{display:inline-block}.d-sm-block{display:block}.d-sm-flex{display:flex}.d-sm-inline-flex{display:inline-flex}.justify-content-sm-start{justify-content:flex-start}.justify-content-sm-end{justify-content:flex-end}.justify-content-sm-center{justify-content:center}.justify-content-sm-between{justify-content:space-between}.justify-content-sm-around{justify-content:space-around}.align-items-sm-start{align-items:flex-start}.align-self-sm-start{align-self:flex-start}.align-items-sm-end{align-items:flex-end}.align-self-sm-end{align-self:flex-end}.align-items-sm-center{align-items:center}.align-self-sm-center{align-self:center}.align-items-sm-baseline{align-items:baseline}.align-self-sm-baseline{align-self:baseline}.align-items-sm-stretch{align-items:stretch}.align-self-sm-stretch{align-self:stretch}.flex-sm-row{flex-direction:row}.flex-sm-column{flex-direction:column}.flex-sm-row-reverse{flex-direction:row-reverse}.flex-sm-wrap{flex-wrap:wrap}.flex-sm-nowrap{flex-wrap:nowrap}.text-sm-left{text-align:left}.text-sm-right{text-align:right}.text-sm-center{text-align:center}}
@media (min-width:768px){.m-md-0{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0}.m-md-1{margin-top:.25rem;margin-right:.25rem;margin-bottom:.25rem;margin-left:.25rem}.m-md-2{margin-top:.5rem;margin-right:.5rem;margin-bottom:.5rem;margin-left:.5rem}.m-md-3{margin-top:1rem;margin-right:1rem;margin-bottom:1rem;margin-left:1rem}.m-md-4{margin-top:1.5rem;margin-right:1.5rem;margin-bottom:1.5rem;margin-left:1.5rem}.m-md-5{margin-top:3rem;margin-right:3rem;margin-bottom:3rem;margin-left:3rem}.m-md-auto{margin-top:auto;margin-right:auto;margin-bottom:auto;margin-left:auto}.mt-md-0{margin-top:0}.mt-md-1{margin-top:.25rem}.mt-md-2{margin-top:.5rem}.mt-md-3{margin-top:1rem}.mt-md-4{margin-top:1.5rem}.mt-md-5{margin-top:3rem}.mt-md-auto{margin-top:auto}.mr-md-0{margin-right:0}.mr-md-1{margin-right:.25rem}.mr-md-2{margin-right:.5rem}.mr-md-3{margin-right:1rem}.mr-md-4{margin-right:1.5rem}.mr-md-5{margin-right:3rem}.mr-md-auto{margin-right:auto}.mb-md-0{margin-bottom:0}.mb-md-1{margin-bottom:.25rem}.mb-md-2{margin-bottom:.5rem}.mb-md-3{margin-bottom:1rem}.mb-md-4{margin-bottom:1.5rem}.mb-md-5{margin-bottom:3rem}.mb-md-auto{margin-bottom:auto}.ml-md-0{margin-left:0}.ml-md-1{margin-left:.25rem}.ml-md-2{margin-left:.5rem}.ml-md-3{margin-left:1rem}.ml-md-4{margin-left:1.5rem}.ml-md-5{margin-left:3rem}.ml-md-auto{margin-left:auto}.mx-md-0{margin-left:0;margin-right:0}.mx-md-1{margin-left:.25rem;margin-right:.25rem}.mx-md-2{margin-left:.5rem;margin-right:.5rem}.mx-md-3{margin-left:1rem;margin-right:1rem}.mx-md-4{margin-left:1.5rem;margin-right:1.5rem}.mx-md-5{margin-left:3rem;margin-right:3rem}.mx-md-auto{margin-left:auto;margin-right:auto}.my-md-0{margin-top:0;margin-bottom:0}.my-md-1{margin-top:.25rem;margin-bottom:.25rem}.my-md-2{margin-top:.5rem;margin-bottom:.5rem}.my-md-3{margin-top:1rem;margin-bottom:1rem}.my-md-4{margin-top:1.5rem;margin-bottom:1.5rem}.my-md-5{margin-top:3rem;margin-bottom:3rem}.my-md-auto{margin-top:auto;margin-bottom:auto}.p-md-0{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.p-md-1{padding-top:.25rem;padding-right:.25rem;padding-bottom:.25rem;padding-left:.25rem}.p-md-2{padding-top:.5rem;padding-right:.5rem;padding-bottom:.5rem;padding-left:.5rem}.p-md-3{padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem}.p-md-4{padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem}.p-md-5{padding-top:3rem;padding-right:3rem;padding-bottom:3rem;padding-left:3rem}.pt-md-0{padding-top:0}.pt-md-1{padding-top:.25rem}.pt-md-2{padding-top:.5rem}.pt-md-3{padding-top:1rem}.pt-md-4{padding-top:1.5rem}.pt-md-5{padding-top:3rem}.pr-md-0{padding-right:0}.pr-md-1{padding-right:.25rem}.pr-md-2{padding-right:.5rem}.pr-md-3{padding-right:1rem}.pr-md-4{padding-right:1.5rem}.pr-md-5{padding-right:3rem}.pb-md-0{padding-bottom:0}.pb-md-1{padding-bottom:.25rem}.pb-md-2{padding-bottom:.5rem}.pb-md-3{padding-bottom:1rem}.pb-md-4{padding-bottom:1.5rem}.pb-md-5{padding-bottom:3rem}.pl-md-0{padding-left:0}.pl-md-1{padding-left:.25rem}.pl-md-2{padding-left:.5rem}.pl-md-3{padding-left:1rem}.pl-md-4{padding-left:1.5rem}.pl-md-5{padding-left:3rem}.px-md-0{padding-left:0;padding-right:0}.px-md-1{padding-left:.25rem;padding-right:.25rem}.px-md-2{padding-left:.5rem;padding-right:.5rem}.px-md-3{padding-left:1rem;padding-right:1rem}.px-md-4{padding-left:1.5rem;padding-right:1.5rem}.px-md-5{padding-left:3rem;padding-right:3rem}.py-md-0{padding-top:0;padding-bottom:0}.py-md-1{padding-top:.25rem;padding-bottom:.25rem}.py-md-2{padding-top:.5rem;padding-bottom:.5rem}.py-md-3{padding-top:1rem;padding-bottom:1rem}.py-md-4{padding-top:1.5rem;padding-bottom:1.5rem}.py-md-5{padding-top:3rem;padding-bottom:3rem}.d-md-none{display:none}.d-md-inline{display:inline}.d-md-inline-block{display:inline-block}.d-md-block{display:block}.d-md-flex{display:flex}.d-md-inline-flex{display:inline-flex}.justify-content-md-start{justify-content:flex-start}.justify-content-md-end{justify-content:flex-end}.justify-content-md-center{justify-content:center}.justify-content-md-between{justify-content:space-between}.justify-content-md-around{justify-content:space-around}.align-items-md-start{align-items:flex-start}.align-self-md-start{align-self:flex-start}.align-items-md-end{align-items:flex-end}.align-self-md-end{align-self:flex-end}.align-items-md-center{align-items:center}.align-self-md-center{align-self:center}.align-items-md-baseline{align-items:baseline}.align-self-md-baseline{align-self:baseline}.align-items-md-stretch{align-items:stretch}.align-self-md-stretch{align-self:stretch}.flex-md-row{flex-direction:row}.flex-md-column{flex-direction:column}.flex-md-row-reverse{flex-direction:row-reverse}.flex-md-wrap{flex-wrap:wrap}.flex-md-nowrap{flex-wrap:nowrap}.text-md-left{text-align:left}.text-md-right{text-align:right}.text-md-center{text-align:center}}
@media (min-width:992px){.m-lg-0{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0}.m-lg-1{margin-top:.25rem;margin-right:.25rem;margin-bottom:.25rem;margin-left:.25rem}.m-lg-2{margin-top:.5rem;margin-right:.5rem;margin-bottom:.5rem;margin-left:.5rem}.m-lg-3{margin-top:1rem;margin-right:1rem;margin-bottom:1rem;margin-left:1rem}.m-lg-4{margin-top:1.5rem;margin-right:1.5rem;margin-bottom:1.5rem;margin-left:1.5rem}.m-lg-5{margin-top:3rem;margin-right:3rem;margin-bottom:3rem;margin-left:3rem}.m-lg-auto{margin-top:auto;margin-right:auto;margin-bottom:auto;margin-left:auto}.mt-lg-0{margin-top:0}.mt-lg-1{margin-top:.25rem}.mt-lg-2{margin-top:.5rem}.mt-lg-3{margin-top:1rem}.mt-lg-4{margin-top:1.5rem}.mt-lg-5{margin-top:3rem}.mt-lg-auto{margin-top:auto}.mr-lg-0{margin-right:0}.mr-lg-1{margin-right:.25rem}.mr-lg-2{margin-right:.5rem}.mr-lg-3{margin-right:1rem}.mr-lg-4{margin-right:1.5rem}.mr-lg-5{margin-right:3rem}.mr-lg-auto{margin-right:auto}.mb-lg-0{margin-bottom:0}.mb-lg-1{margin-bottom:.25rem}.mb-lg-2{margin-bottom:.5rem}.mb-lg-3{margin-bottom:1rem}.mb-lg-4{margin-bottom:1.5rem}.mb-lg-5{margin-bottom:3rem}.mb-lg-auto{margin-bottom:auto}.ml-lg-0{margin-left:0}.ml-lg-1{margin-left:.25rem}.ml-lg-2{margin-left:.5rem}.ml-lg-3{margin-left:1rem}.ml-lg-4{margin-left:1.5rem}.ml-lg-5{margin-left:3rem}.ml-lg-auto{margin-left:auto}.mx-lg-0{margin-left:0;margin-right:0}.mx-lg-1{margin-left:.25rem;margin-right:.25rem}.mx-lg-2{margin-left:.5rem;margin-right:.5rem}.mx-lg-3{margin-left:1rem;margin-right:1rem}.mx-lg-4{margin-left:1.5rem;margin-right:1.5rem}.mx-lg-5{margin-left:3rem;margin-right:3rem}.mx-lg-auto{margin-left:auto;margin-right:auto}.my-lg-0{margin-top:0;margin-bottom:0}.my-lg-1{margin-top:.25rem;margin-bottom:.25rem}.my-lg-2{margin-top:.5rem;margin-bottom:.5rem}.my-lg-3{margin-top:1rem;margin-bottom:1rem}.my-lg-4{margin-top:1.5rem;margin-bottom:1.5rem}.my-lg-5{margin-top:3rem;margin-bottom:3rem}.my-lg-auto{margin-top:auto;margin-bottom:auto}.p-lg-0{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.p-lg-1{padding-top:.25rem;padding-right:.25rem;padding-bottom:.25rem;padding-left:.25rem}.p-lg-2{padding-top:.5rem;padding-right:.5rem;padding-bottom:.5rem;padding-left:.5rem}.p-lg-3{padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem}.p-lg-4{padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem}.p-lg-5{padding-top:3rem;padding-right:3rem;padding-bottom:3rem;padding-left:3rem}.pt-lg-0{padding-top:0}.pt-lg-1{padding-top:.25rem}.pt-lg-2{padding-top:.5rem}.pt-lg-3{padding-top:1rem}.pt-lg-4{padding-top:1.5rem}.pt-lg-5{padding-top:3rem}.pr-lg-0{padding-right:0}.pr-lg-1{padding-right:.25rem}.pr-lg-2{padding-right:.5rem}.pr-lg-3{padding-right:1rem}.pr-lg-4{padding-right:1.5rem}.pr-lg-5{padding-right:3rem}.pb-lg-0{padding-bottom:0}.pb-lg-1{padding-bottom:.25rem}.pb-lg-2{padding-bottom:.5rem}.pb-lg-3{padding-bottom:1rem}.pb-lg-4{padding-bottom:1.5rem}.pb-lg-5{padding-bottom:3rem}.pl-lg-0{padding-left:0}.pl-lg-1{padding-left:.25rem}.pl-lg-2{padding-left:.5rem}.pl-lg-3{padding-left:1rem}.pl-lg-4{padding-left:1.5rem}.pl-lg-5{padding-left:3rem}.px-lg-0{padding-left:0;padding-right:0}.px-lg-1{padding-left:.25rem;padding-right:.25rem}.px-lg-2{padding-left:.5rem;padding-right:.5rem}.px-lg-3{padding-left:1rem;padding-right:1rem}.px-lg-4{padding-left:1.5rem;padding-right:1.5rem}.px-lg-5{padding-left:3rem;padding-right:3rem}.py-lg-0{padding-top:0;padding-bottom:0}.py-lg-1{padding-top:.25rem;padding-bottom:.25rem}.py-lg-2{padding-top:.5rem;padding-bottom:.5rem}.py-lg-3{padding-top:1rem;padding-bottom:1rem}.py-lg-4{padding-top:1.5rem;padding-bottom:1.5rem}.py-lg-5{padding-top:3rem;padding-bottom:3rem}.d-lg-none{display:none}.d-lg-inline{display:inline}.d-lg-inline-block{display:inline-block}.d-lg-block{display:block}.d-lg-flex{display:flex}.d-lg-inline-flex{display:inline-flex}.justify-content-lg-start{justify-content:flex-start}.justify-content-lg-end{justify-content:flex-end}.justify-content-lg-center{justify-content:center}.justify-content-lg-between{justify-content:space-between}.justify-content-lg-around{justify-content:space-around}.align-items-lg-start{align-items:flex-start}.align-self-lg-start{align-self:flex-start}.align-items-lg-end{align-items:flex-end}.align-self-lg-end{align-self:flex-end}.align-items-lg-center{align-items:center}.align-self-lg-center{align-self:center}.align-items-lg-baseline{align-items:baseline}.align-self-lg-baseline{align-self:baseline}.align-items-lg-stretch{align-items:stretch}.align-self-lg-stretch{align-self:stretch}.flex-lg-row{flex-direction:row}.flex-lg-column{flex-direction:column}.flex-lg-row-reverse{flex-direction:row-reverse}.flex-lg-wrap{flex-wrap:wrap}.flex-lg-nowrap{flex-wrap:nowrap}.text-lg-left{text-align:left}.text-lg-right{text-align:right}.text-lg-center{text-align:center}}
@media (min-width:1200px){.m-xl-0{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0}.m-xl-1{margin-top:.25rem;margin-right:.25rem;margin-bottom:.25rem;margin-left:.25rem}.m-xl-2{margin-top:.5rem;margin-right:.5rem;margin-bottom:.5rem;margin-left:.5rem}.m-xl-3{margin-top:1rem;margin-right:1rem;margin-bottom:1rem;margin-left:1rem}.m-xl-4{margin-top:1.5rem;margin-right:1.5rem;margin-bottom:1.5rem;margin-left:1.5rem}.m-xl-5{margin-top:3rem;margin-right:3rem;margin-bottom:3rem;margin-left:3rem}.m-xl-auto{margin-top:auto;margin-right:auto;margin-bottom:auto;margin-left:auto}.mt-xl-0{margin-top:0}.mt-xl-1{margin-top:.25rem}.mt-xl-2{margin-top:.5rem}.mt-xl-3{margin-top:1rem}.mt-xl-4{margin-top:1.5rem}.mt-xl-5{margin-top:3rem}.mt-xl-auto{margin-top:auto}.mr-xl-0{margin-right:0}.mr-xl-1{margin-right:.25rem}.mr-xl-2{margin-right:.5rem}.mr-xl-3{margin-right:1rem}.mr-xl-4{margin-right:1.5rem}.mr-xl-5{margin-right:3rem}.mr-xl-auto{margin-right:auto}.mb-xl-0{margin-bottom:0}.mb-xl-1{margin-bottom:.25rem}.mb-xl-2{margin-bottom:.5rem}.mb-xl-3{margin-bottom:1rem}.mb-xl-4{margin-bottom:1.5rem}.mb-xl-5{margin-bottom:3rem}.mb-xl-auto{margin-bottom:auto}.ml-xl-0{margin-left:0}.ml-xl-1{margin-left:.25rem}.ml-xl-2{margin-left:.5rem}.ml-xl-3{margin-left:1rem}.ml-xl-4{margin-left:1.5rem}.ml-xl-5{margin-left:3rem}.ml-xl-auto{margin-left:auto}.mx-xl-0{margin-left:0;margin-right:0}.mx-xl-1{margin-left:.25rem;margin-right:.25rem}.mx-xl-2{margin-left:.5rem;margin-right:.5rem}.mx-xl-3{margin-left:1rem;margin-right:1rem}.mx-xl-4{margin-left:1.5rem;margin-right:1.5rem}.mx-xl-5{margin-left:3rem;margin-right:3rem}.mx-xl-auto{margin-left:auto;margin-right:auto}.my-xl-0{margin-top:0;margin-bottom:0}.my-xl-1{margin-top:.25rem;margin-bottom:.25rem}.my-xl-2{margin-top:.5rem;margin-bottom:.5rem}.my-xl-3{margin-top:1rem;margin-bottom:1rem}.my-xl-4{margin-top:1.5rem;margin-bottom:1.5rem}.my-xl-5{margin-top:3rem;margin-bottom:3rem}.my-xl-auto{margin-top:auto;margin-bottom:auto}.p-xl-0{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.p-xl-1{padding-top:.25rem;padding-right:.25rem;padding-bottom:.25rem;padding-left:.25rem}.p-xl-2{padding-top:.5rem;padding-right:.5rem;padding-bottom:.5rem;padding-left:.5rem}.p-xl-3{padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem}.p-xl-4{padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem}.p-xl-5{padding-top:3rem;padding-right:3rem;padding-bottom:3rem;padding-left:3rem}.pt-xl-0{padding-top:0}.pt-xl-1{padding-top:.25rem}.pt-xl-2{padding-top:.5rem}.pt-xl-3{padding-top:1rem}.pt-xl-4{padding-top:1.5rem}.pt-xl-5{padding-top:3rem}.pr-xl-0{padding-right:0}.pr-xl-1{padding-right:.25rem}.pr-xl-2{padding-right:.5rem}.pr-xl-3{padding-right:1rem}.pr-xl-4{padding-right:1.5rem}.pr-xl-5{padding-right:3rem}.pb-xl-0{padding-bottom:0}.pb-xl-1{padding-bottom:.25rem}.pb-xl-2{padding-bottom:.5rem}.pb-xl-3{padding-bottom:1rem}.pb-xl-4{padding-bottom:1.5rem}.pb-xl-5{padding-bottom:3rem}.pl-xl-0{padding-left:0}.pl-xl-1{padding-left:.25rem}.pl-xl-2{padding-left:.5rem}.pl-xl-3{padding-left:1rem}.pl-xl-4{padding-left:1.5rem}.pl-xl-5{padding-left:3rem}.px-xl-0{padding-left:0;padding-right:0}.px-xl-1{padding-left:.25rem;padding-right:.25rem}.px-xl-2{padding-left:.5rem;padding-right:.5rem}.px-xl-3{padding-left:1rem;padding-right:1rem}.px-xl-4{padding-left:1.5rem;padding-right:1.5rem}.px-xl-5{padding-left:3rem;padding-right:3rem}.py-xl-0{padding-top:0;padding-bottom:0}.py-xl-1{padding-top:.25rem;padding-bottom:.25rem}.py-xl-2{padding-top:.5rem;padding-bottom:.5rem}.py-xl-3{padding-top:1rem;padding-bottom:1rem}.py-xl-4{padding-top:1.5rem;padding-bottom:1.5rem}.py-xl-5{padding-top:3rem;padding-bottom:3rem}.d-xl-none{display:none}.d-xl-inline{display:inline}.d-xl-inline-block{display:inline-block}.d-xl-block{display:block}.d-xl-flex{display:flex}.d-xl-inline-flex{display:inline-flex}.justify-content-xl-start{justify-content:flex-start}.justify-content-xl-end{justify-content:flex-end}.justify-content-xl-center{justify-content:center}.justify-content-xl-between{justify-content:space-between}.justify-content-xl-around{justify-content:space-around}.align-items-xl-start{align-items:flex-start}.align-self-xl-start{align-self:flex-start}.align-items-xl-end{align-items:flex-end}.align-self-xl-end{align-self:flex-end}.align-items-xl-center{align-items:center}.align-self-xl-center{align-self:center}.align-items-xl-baseline{align-items:baseline}.align-self-xl-baseline{align-self:baseline}.align-items-xl-stretch{align-items:stretch}.align-self-xl-stretch{align-self:stretch}.flex-xl-row{flex-direction:row}.flex-xl-column{flex-direction:column}.flex-xl-row-reverse{flex-direction:row-reverse}.flex-xl-wrap{flex-wrap:wrap}.flex-xl-nowrap{flex-wrap:nowrap}.text-xl-left{text-align:left}.text-xl-right{text-align:right}.text-xl-center{text-align:center}}
/* ===== каркас ===== */
.krn-w{width:100%;max-width:var(--wide);margin:0 auto;padding:0 var(--pad)}
.krn-page{display:flex;flex-direction:column;min-height:100vh}
main#main-content{flex:1 0 auto;display:block}
.krn-skip{position:absolute;left:-9999px}
.krn-skip:focus{left:8px;top:8px;background:var(--brass-d);color:#fff;padding:.5rem .8rem;z-index:50}

/* ===== шапка: два уровня, ноль JS ===== */
.krn-hd{border-bottom:1px solid var(--line);background:var(--paper)}
.krn-hd-top{background:var(--navy-d);color:#c8d4e4;font:500 13px/1 var(--ui)}
.krn-hd-top .krn-w{display:flex;align-items:center;gap:18px;height:34px}
.krn-hd-top svg{display:block}
.krn-hd-note{color:#8fa4bf}
.krn-hd-age{margin-left:auto;border:1px solid #3c5675;border-radius:2px;padding:2px 6px;color:#e8d9ae}
.krn-hd-bar .krn-w{display:flex;align-items:center;gap:26px;height:72px}
.krn-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.krn-logo svg{width:40px;height:40px;display:block}
.krn-logo-tx{font:700 21px/1 var(--ui);color:var(--navy);letter-spacing:-.02em}
.krn-logo-tx span{display:block;font:500 10px/1.4 var(--ui);color:var(--brass-d);
  letter-spacing:.16em;text-transform:uppercase}

.krn-nav{margin-left:auto}
.krn-nav ul{list-style:none;margin:0;padding:0}
.krn-nav>ul{display:flex;align-items:center;gap:2px}
.krn-nav>ul>li{position:relative;margin:0}
.krn-nav>ul>li>a{display:block;padding:10px 12px;font:500 15px/1 var(--ui);
  color:var(--navy);text-decoration:none;border-bottom:2px solid transparent}
.krn-nav>ul>li:hover>a,.krn-nav>ul>li:focus-within>a,.krn-nav>ul>li.is-on>a{
  border-bottom-color:var(--brass);color:var(--brass-d)}
.krn-nav>ul>li>ul{position:absolute;left:0;top:100%;min-width:250px;background:var(--paper);
  border:1px solid var(--line);border-top:2px solid var(--brass);padding:6px 0;z-index:40;
  opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .13s,transform .13s}
.krn-nav>ul>li:hover>ul,.krn-nav>ul>li:focus-within>ul{opacity:1;visibility:visible;transform:none}
.krn-nav>ul>li>ul a{display:block;padding:8px 16px;font:400 14.5px/1.35 var(--ui);
  color:var(--ink);text-decoration:none}
.krn-nav>ul>li>ul a:hover{background:var(--stone);color:var(--brass-d)}
.krn-burger-cb{position:absolute;left:-9999px}
.krn-burger{display:none;margin-left:auto;width:42px;height:34px;cursor:pointer;
  border:1px solid var(--line);align-items:center;justify-content:center;flex-direction:column;gap:4px}
.krn-burger i{display:block;width:20px;height:2px;background:var(--navy)}

/* ===== полоса заголовка (она же первый экран) ===== */
/* ⛔ Полоса героя — КОРОБКА по колонке содержимого, а не во всю ширину.
   На большинстве страниц наш блок лежит прямо в <body> и растягивался на 1440,
   а на ГЛАВНОЙ он попадает внутрь донорского `.container` и растянуться не может:
   один и тот же герой выходил то во всю ширину, то в 848 px. Сделать наоборот —
   вытащить вложенный герой наружу — можно только через `100vw` и отрицательное
   поле, а `100vw` считает полосу прокрутки и даёт горизонтальный вылет (жёсткий
   гейт). Поэтому коробка: она совпадает с колонкой на ЛЮБОЙ странице. */
.krn-h1{width:100%;max-width:var(--mid);margin:0 auto;
  background:var(--navy);color:#fff;border-bottom:4px solid var(--brass)}
/* Полоса — только текст, и паддинги у неё по 05.0ш: 8/16 десктоп, 4/12 мобильный.
   Было 34/34 плюс фото 380 px рядом — до первого содержательного блока набегало
   57–118 % высоты экрана на всех четырёх типах (замер krn_measure.js, сборка j). */
.krn-h1 .krn-w{max-width:var(--mid);padding-top:8px;padding-bottom:16px}
.krn-h1-tx{min-width:0}
.krn-h1 h1{color:#fff;margin:0 0 .3em;font-size:2.4rem}
.krn-h1 p{color:#c3d1e4;margin:0;max-width:62ch}
.krn-h1 a{color:var(--brass-l)}
.krn-h1-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:12px;
  font:500 13.5px/1 var(--ui);color:#a9bcd4}
.krn-h1-meta span{display:inline-flex;align-items:center;gap:7px}
.krn-h1-meta svg{width:15px;height:15px;stroke:var(--brass);fill:none;stroke-width:2}

/* ===== крошки: первая строка полосы заголовка ===== */
/* У донора это была плашка `container-fluid mb-5 bg-offwhite` во всю ширину — серая
   полоса на 90 px, и стояла она ПОД заголовком (на обзорах — под карточкой фактов).
   Перенос делает cr_09._crumb_box, здесь крошки становятся тонкой строкой по колонке
   заголовка: по 05.0ш крошки не несут информативности и места им — минимум. */
.krn-crumbs{width:100%;max-width:var(--mid);margin:0 auto;padding:10px var(--pad) 8px;
  text-align:left}
.krn-crumbs .custom-breadcrumb{display:block;max-width:none;padding:0!important;
  font:500 13px/1.6 var(--ui);color:var(--muted);word-break:break-word;text-align:left}
.krn-crumbs a{color:var(--muted);text-decoration:none}
.krn-crumbs a:hover{color:var(--brass-d);text-decoration:underline}
.krn-crumbs span[itemprop="itemListElement"]:last-of-type a{color:var(--navy);font-weight:600}

/* ===== чипы ===== */
.krn-chip{display:inline-flex;align-items:center;gap:6px;background:var(--green-l);
  color:var(--green);font:600 12.5px/1 var(--ui);padding:5px 9px;margin:0 6px 6px 0}

/* ===== оглавление: своё, свёрнутое ===== */
/* донорское стоит внутри своего контейнера, наше вставляется сразу за полосой H1 —
   ему нужна собственная колонка по ширине текста */
.krn-toc-wrap{max-width:calc(var(--text) + var(--pad)*2);margin:0 auto;
  padding:1.8rem var(--pad) 0}
.krn-toc{border:1px solid var(--line);border-left:3px solid var(--brass);
  background:var(--stone);margin:0 0 1.8rem}
.krn-toc>summary{cursor:pointer;list-style:none;padding:13px 18px;
  font:700 15px/1 var(--ui);color:var(--navy)}
.krn-toc>summary::-webkit-details-marker{display:none}
.krn-toc>summary::after{content:'+';float:right;color:var(--brass);font-size:18px;line-height:1}
.krn-toc[open]>summary::after{content:'–'}
.krn-toc ol{margin:0;padding:0 20px 16px 38px;columns:2;column-gap:32px}
.krn-toc li{font-size:14.5px;break-inside:avoid;margin-bottom:.35em}
.krn-toc a{color:var(--ink);text-decoration:none}
.krn-toc a:hover{color:var(--brass-d);text-decoration:underline}

/* ===== подвал: светлый, три колонки — у соседей тёмный на четыре ===== */
.krn-ft{background:var(--stone);border-top:1px solid var(--line);margin-top:56px;
  font-size:14.5px;color:var(--muted)}
.krn-ft-cols{display:flex;gap:44px;padding-top:44px;padding-bottom:36px;align-items:flex-start}
.krn-ft-cols>div{flex:1 1 0}
.krn-ft-cols>div:first-child{flex:1.5 1 0}
.krn-ft h2{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--navy);margin:0 0 14px}
.krn-ft ul{list-style:none;margin:0;padding:0;columns:2;column-gap:20px}
.krn-ft li{margin:0 0 .5em}
.krn-ft a{color:var(--ink);text-decoration:none}
.krn-ft a:hover{color:var(--brass-d);text-decoration:underline}
.krn-ft-help{background:var(--paper);border:1px solid var(--line);padding:14px 16px}
.krn-ft-help strong{display:block;color:var(--navy);font-family:var(--ui);font-size:1.15rem}
.krn-ft-trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:var(--paper)}
.krn-ft-trust .krn-w{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:14px 34px;padding-top:18px;padding-bottom:18px}
.krn-ft-trust img{max-height:30px;width:auto;filter:grayscale(1);opacity:.62}
.krn-ft-trust img:hover{filter:none;opacity:1}
/* мелкий шрифт дисклеймера на --stone: #77869a давал 3.30, берём --muted (4.83) */
.krn-ft-note{font-size:12.6px;line-height:1.75;color:var(--muted)}
.krn-ft-note .krn-w{padding-top:22px;padding-bottom:30px}
.krn-ft-note p{margin:0 0 .5em}
.krn-ft-logo{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px}
.krn-ft-logo svg{width:34px;height:34px}
.krn-ft-logo b{font:700 18px/1 var(--ui);color:var(--navy)}

/* ===== слот витрины (наполняет этап 08) ===== */
.krn-slot{margin:0 0 2rem}

/* ===== обзор оператора: широкая сетка, одна колонка внутри карточки донора =====
   ⛔ У донора обзор свёрстан пятью вложенными `container → row → col`: при --mid
   главному столбцу доставалось 612 px, карточке фактов 250, а H1 — 82 px, то есть
   «Legolas.bet» рисовался по слогам в три строки. Замер 24.09.2026 на всех 283
   обзорах. Проверять надо ширину H1 и карточки, а не вид первого экрана: ни gate.py,
   ни gate_render (R11 смотрит секции верхнего уровня) такой колонки не видят. */
.krn-rev .container-x{max-width:var(--wide)}
.card.casino .container,
.card.casino .container-fluid{max-width:none;width:100%;padding-left:0;padding-right:0}
.card.casino .row{display:flex;flex-wrap:wrap;margin-left:0;margin-right:0}
.card.casino [class*="col-"]{width:100%;max-width:100%;flex:0 0 100%;
  padding-left:0;padding-right:0;float:none}
/* ⛔ Распрямление колонок выше кладёт в столбик и четвёрку плиток бонуса
   (Bonuksen suuruus / Ilman talletusta / Ilmaiskierrokset / Kierrätysvaatimus):
   у донора это `col-3`, и в столбик они дают экран пустоты. Возвращаем ряд. */
/* ⛔ Распрямление съело и боковой отступ: длинное значение плитки («100%
   Käteispalautus 50€ asti») упиралось в рамку карточки, зазор 9 px при норме 16
   (gate_padding, 24.09.2026). Отступ вешаем на контейнер карточки, а шапке
   разрешаем выйти обратно на всю ширину — она у донора во всю карточку. */
.card.casino>.container{padding-left:16px;padding-right:16px}
.card.casino .krn-h1{margin-left:-16px;margin-right:-16px}
.card.casino .row>.col-3{width:25%;max-width:25%;flex:0 0 25%;
  padding-left:8px;padding-right:8px;
  display:flex;flex-direction:column;align-items:center}
.card.casino .row>.col-3 p{line-height:1.35;margin:0}
.card.casino .row>.col-3 p:nth-of-type(1){min-height:2.7em;margin-bottom:6px}

/* ===== таблица статьи =====
   ⛔ Своего стиля у `krn-tw/krn-tb` не было вовсе: таблицы появились 24.09.2026, когда
   два ASCII-рисунка переложили в разметку. Без обёртки с прокруткой три колонки на
   390 px уезжают за край — вылет не виден по scrollWidth страницы, потому что предок
   его срезает, то есть текст правой колонки просто пропадает. */
.krn-tw{max-width:min(var(--text),100%);margin:1.5rem auto;overflow-x:auto;
  -webkit-overflow-scrolling:touch}
.krn-tb{width:100%;border-collapse:collapse;font-size:.94rem;min-width:520px}
.krn-tb th,.krn-tb td{padding:11px 14px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--line)}
.krn-tb thead th{background:var(--navy);color:#fff;font-family:var(--ui);font-weight:700;
  font-size:.86rem;letter-spacing:.02em;border-bottom:0}
.krn-tb tbody tr:nth-child(even){background:var(--stone)}
.krn-tb tbody td:first-child{font-weight:600;color:var(--navy)}
.krn-tb tbody tr:last-child td{border-bottom:0}

/* ===== моноширинный блок статьи =====
   Своих `<pre>` в статьях нет: четыре ASCII-рисунка переложены в таблицы и списки
   (cr_art, 24.09.2026). Стиль оставлен сторожем — блок без полей и без своей
   прокрутки даёт на 390 px горизонтальный вылет во всю страницу. */
.krn-pre{max-width:min(var(--text),100%);margin:1.4rem auto;padding:16px 18px;
  background:var(--stone);border:1px solid var(--line);border-left:3px solid var(--brass);
  font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink);
  overflow-x:auto;white-space:pre}
:where(p,li,td,th)>code{padding:.12em .38em;background:var(--stone);
  border:1px solid var(--line);border-radius:3px;
  font:.92em/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  word-break:break-word}
/* ===== содержимое страницы ===== */
.standard-content{max-width:var(--text);margin-left:auto;margin-right:auto}
.standard-content h2{margin-top:2.1rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.standard-content h3{margin-top:1.6rem}
.standard-content img{margin:1.2rem 0}
/* ===== фото у вводного абзаца (05.0ш) ===== */
/* Картинка ушла из полосы заголовка в лист контента: на десктопе колонка ~320 px
   справа от вводных абзацев, на ≤760 px — одна колонка и фото ПОД текстом (обтекание
   снимается, а стоит оно уже после первого абзаца, так что порядок нужный сам собой).
   Селектор из двух классов — чтобы перебить `.standard-content img{margin:1.2rem 0}`. */
.standard-content img.krn-ph,img.krn-ph{float:right;width:320px;max-width:38%;
  height:auto;margin:.2rem 0 1.1rem 1.7rem;border-radius:10px;border:1px solid var(--line)}
@media (max-width:760px){.standard-content img.krn-ph,img.krn-ph{float:none;width:100%;
  max-width:100%;margin:1rem 0 1.2rem}}
/* ⛔ `max-width:var(--text)` СИЛЬНЕЕ общего `img{max-width:100%}` (строка выше по
   специфичности и позиции): донорская картинка обзора шириной 648 px вылезала на
   мобиле за вьюпорт на 282 px (/casino/redbet/, 390). Ограничение — по меньшему из
   двух, иначе колоночная ширина превращается в разрешение горизонтальной прокрутки. */
#article-text,.img-article{max-width:min(var(--text),100%);margin-left:auto;margin-right:auto}
/* ===== верх листа: всё, что между полосой заголовка и текстом (05.0ш) ===== */
/* Штамп дат донора шёл с `p-3` (16 px со всех сторон) и занимал 56 px, а обёртки
   листа добавляли сверху ещё `pt-4` + `py-4` = 48 px. Вместе — сто пикселей пустоты
   между заголовком и первой строкой на каждой статье и каждом хабе. Штамп нужен
   (C09.19 требует видимую дату обновления), но не такой высоты. */
.meta-dates.p-3{padding:2px 0 8px!important;font-size:.82rem;color:var(--muted)}
.meta-dates strong{font-weight:500}
.krn-page section.container-fluid.pt-4{padding-top:6px}
.krn-page section.standard-content.py-4{padding-top:6px}
/* Обзор оператора: крошки и H1 лежат ВНУТРИ донорской карточки, и над ними успевает
   набежать 80 px донорских отступов (`my-5` внешней колонки + `py-3` + `my-3`).
   Ниже первого экрана эти отступы уместны, сверху — нет. */
/* ⚠️ Отступы-утилиты донора идут с `!important` (бутстрап), перебить их можно только
   тем же `!important` — без него правило молча не срабатывает. */
.krn-rev .container-x>.row>[class*="col-"].my-5{margin-top:10px!important}
.krn-rev .card.casino>.container.py-3{padding-top:4px!important}
.krn-rev .card.casino .col-sm-7.my-3{margin-top:6px!important}
.bg-offwhite{background:var(--stone)}
.bg-light{background:var(--stone)}
.bg-cover{background-size:cover;background-position:center}
.radius-corners{border-radius:0}
.shadow,.shadow-light{box-shadow:none}
.ul-none,.no-list,.footer-links{list-style:none;padding-left:0}
.muted,.text-muted{color:var(--muted)}
.text-white{color:#fff}
.text-uppercase{text-transform:uppercase;letter-spacing:.08em}
/* ⚠️ `.text-small` у донора висит не на сноске, а на ОСНОВНЫХ абзацах главной
   (все 4 вхождения — там). При .86rem это 13.8 px основного текста портала: рядом
   с соседним абзацем без класса разница видна глазом. Поднято до читаемого. */
.text-small{font-size:.95rem}
.img-fluid,.w-100{max-width:100%}
.w-25{width:25%}.w-50{width:50%}.w-75{width:75%}.w-90{width:90%}.w-100{width:100%}
.h-100{height:100%}.h-auto{height:auto}
.position-relative{position:relative}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.font-weight-bold{font-weight:700}
.lead{font-size:1.1rem;color:var(--muted)}
/* ⛔ `.d-none` здесь НЕ повторять: правило уже есть в сеточном слое выше, а этот блок
   листа идёт ПОСЛЕ медиазапросов, и повтор перебивал `.d-lg-block` на всех ширинах.
   Донорская пара `d-none d-lg-block` — это боковая колонка «Pelaa Maltilla» со ссылкой
   на peluuri.fi: на /tietoa-meista/, /ohjeita-pelaajille/ и /tietosuoja-evasteet/ она
   пропадала и на десктопе (gate_render R «скрытый текст», 6 срабатываний, 25.09.2026). */

/* ===== строка оператора (наследство betting.com: логотип → имя → бонус → кнопка) ===== */
.horizontal-casino-card,.top-list-card{border:1px solid var(--line);border-left:3px solid var(--brass);
  background:var(--paper);margin:0 0 18px;padding:18px 0;max-width:var(--mid);
  margin-left:auto;margin-right:auto}
.horizontal-casino-card:hover,.top-list-card:hover{border-color:var(--brass);
  background:#fcfbf7}
.casino-img-box{padding:0 6px}
.casino-img{display:block;width:100%;max-width:150px;background:#fff;border:1px solid var(--line);
  padding:6px}
.casino-banner{position:absolute;top:-7px;right:-7px;max-width:52px}
/* ⛔ Плашка «новое казино» позиционирована абсолютно, а её коробка не была системой
   координат: после распрямления сетки обзора коробка стала во всю ширину и плашка
   уехала в дальний правый угол пустого белого поля (снимок 24.09.2026). */
.casino-img-box-rounded{position:relative;display:inline-block;margin:0 auto}
.card.casino .col-sm-5.d-flex{justify-content:center;padding-top:6px}
.casino-meta-box a.h3,.casino-meta-box a.h4,.casino-meta-box .h4{font-family:var(--ui);
  font-weight:700;color:var(--navy);text-decoration:none;font-size:1.22rem}
.casino-meta-box a:hover{color:var(--brass-d)}
.stars,.casino-meta-box img[alt="Star rating"]{max-width:104px}
.benefit-box,.horizontal-casino-card li{margin-bottom:.25em}
.horizontal-casino-card small,.top-list-card small{color:var(--muted);font-size:.83rem}
.horizontal-casino-card strong,.top-list-card strong{font-family:var(--ui);color:var(--navy);
  font-size:1.02rem}
.horizontal-casino-card hr,.top-list-card hr{margin:.9rem 0}
.mobile-spacer{display:none}

/* ===== кнопки ===== */
.cta,.btn-cta,.btn,a.btn-success{display:inline-block;background:var(--brass-d);color:#fff;
  font:700 15px/1 var(--ui);text-transform:uppercase;letter-spacing:.05em;
  padding:14px 22px;text-align:center;text-decoration:none;border:0;cursor:pointer;
  transition:background .14s}
.cta:hover,.btn-cta:hover,.btn:hover,a.btn-success:hover{background:var(--brass-dd);color:#fff}
.cta-secondary{background:var(--navy)}
.cta-secondary:hover{background:var(--navy-l)}
.sticky-large-cta{display:block;max-width:var(--mid);margin:1.6rem auto}
.sticky-large-cta .cta{width:100%}

/* ===== рельс «Kuumimmat Nettikasinot» ===== */
.highest-values{border:1px solid var(--line);background:var(--paper);padding:16px}
.highest-values h3{font-size:1.05rem;text-transform:uppercase;letter-spacing:.1em;
  padding-bottom:10px;border-bottom:2px solid var(--brass);margin-bottom:12px}
.highest-values>p{font-size:.88rem;color:var(--muted)}
.highest-values .list-group{display:block}
/* ⛔ Боковой ноль здесь — только для перечня в РЕЛЬСЕ: у неё свой отступ снаружи.
   Общим `.list-group-item` (было до 24.09.2026) тот же ноль доставался плиткам обзора
   в основной колонке — текст упирался в рамку, зазор 1 px при норме 16 (gate_padding). */
.highest-values-card,.highest-values .list-group-item{display:block;padding:11px 0!important;
  border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.list-group-item{display:block;padding:12px 16px;border-bottom:1px solid var(--line);
  text-decoration:none;color:var(--ink)}
.list-group-item:last-child{border-bottom:0}
.highest-values-card:last-child{border-bottom:0}
.highest-values-card:hover{color:var(--brass-d)}
.highest-values-card p{margin:0;font-size:.85rem;color:var(--muted)}
.highest-values-card strong{font-family:var(--ui);font-size:1rem;color:var(--navy)}
/* ⛔ Перечень категорий со счётчиком: у донора `h5` и число лежат в одном `d-flex`
   без зазора. В рельсе шириной 230 px число прилипало к слову — «Bonukset14»
   (снимок 24.09.2026, /casino/legolas-bet/). Зазор и нерезиновое число. */
.list-group-item .d-flex>img{flex:0 0 auto;max-width:38px;height:auto;margin-right:10px}
.list-group-item .count-width-push{flex:1 1 auto;min-width:0;margin:0;padding-right:10px;
  font-family:var(--ui);font-size:.95rem;line-height:1.3;color:var(--navy)}
.list-group-item .count-width{flex:0 0 auto;margin:0;white-space:nowrap;
  font-family:var(--ui);font-size:1.05rem;font-weight:700;color:var(--brass-d)}
.krn-rail{flex:0 0 288px}
.krn-with-rail{display:flex;gap:34px;align-items:flex-start;
  max-width:var(--wide);margin:0 auto;padding:0 var(--pad)}
.krn-with-rail>.krn-body{flex:1 1 auto;min-width:0}
.krn-with-rail>.krn-body .standard-content,
.krn-with-rail>.krn-body .horizontal-casino-card{max-width:none}

/* ===== FAQ: у донора это <b-collapse>, без JS он и так раскрыт ===== */
.container-mid>h3{text-align:left;padding-bottom:.6rem;border-bottom:2px solid var(--brass)}
#faq .card,.card{border:1px solid var(--line);background:var(--paper);margin-bottom:10px}
.faq-question{background:var(--stone);border-bottom:1px solid var(--line)}
.faq-question .h5,.faq-question p{margin:0;font-family:var(--ui);font-size:1.02rem;color:var(--navy)}
.faq-answer,.card-body{padding:14px 18px;color:var(--ink)}
.card-area{display:block}

/* ===== оглавление донора (внутри нашего <details>) ===== */
.table-contents{margin:0}
.table-contents h4{display:none}
.table-contents ol{margin:0;padding:0 20px 16px 38px;columns:2;column-gap:32px}

/* ===== правовой блок и мелкий шрифт ===== */
.legal-box{border:1px solid var(--line);background:var(--stone);padding:16px 18px;
  font-size:13px;color:var(--muted);max-width:var(--mid);margin:1.8rem auto}
.legal-box p:last-child{margin-bottom:0}

/* ===== нижняя лента рубрик у донора — убираем, у нас своя шапка ===== */
#lower-nav{display:none}
#gdpr-bar{display:none}

/* ⛔ Заглушка загрузчика донора — ПЕРВОЕ, что стоит в `#main-content` на КАЖДОЙ
   странице: `<div class="text-center p-3"><div class="spinner-border">` со скрытым
   «Loading...». Кружок рисовал донорский Bootstrap, его нет, а `p-3` остался —
   32 px пустоты над шапкой содержимого на всём сайте. Прячется целиком обёртка:
   без неё padding никуда не девается. */
.text-center:has(>.spinner-border){display:none}

/* ⛔ Донорская `<article class="post-NNNN page type-page">` лежит в `main#content`
   и колонки не имеет: на `/ohjeita-pelaajille/` заголовок и проза шли от кромки до
   кромки экрана (x=0 … 1434), вплотную к краю, пока соседние блоки стояли по 888.
   Гейт отступов этого не поймал — он ходит по выборке адресов (--url-limit 10).
   Селектор `body>article` (редакция 24.09) не срабатывал ни на одной странице:
   article лежит НЕ в body, а в `#site-wrapper > #main-content > main#content`.
   Таких страниц в сборке три: /ohjeita-pelaajille/, /tietosuoja-evasteet/ и
   /tietoa-meista/. Проверять не глазом на одной, а перечнем по всей сборке. */
main#content>article[class*="type-"],
body>article[class*="type-"]{width:100%;max-width:var(--mid);margin-left:auto;
  margin-right:auto;padding-left:var(--pad);padding-right:var(--pad)}

/* ===== тизерные панели донора (panel-wrapper) =====
   Внутри панели была карусель чужих плиток; этап 08 её снял, и от секции осталось
   «заголовок → абзац → пустая колонка → кнопка, прижатая ВПРАВО». Текст слева,
   кнопка у правого края — так на порталах не делают, а разметку править нельзя
   (СК.2). Поэтому кнопка возвращается под текст, а пустой отбив снимается. */
.panel-wrapper .justify-content-end{justify-content:flex-start}
.panel-wrapper .d-flex.justify-content-end{margin-top:0}

/* ⚠️ Вводная колонка донора («Tsekkaa Meid&auml;n…» + кнопка) стоит ПОД абзацем, а не
   рядом: соседняя колонка у донора `col-lg-12`, то есть занимает всю строку целиком.
   В четверть ширины подпись вставала по центру над кнопкой — обрывком макета.
   Ставим подпись и кнопку в одну строку слева, и это читается как ссылка на подборку.
   `:has` держит правило на ЭТОМ блоке: `col-lg-3.text-center` встречается и в других
   местах, где центровка уместна. */
.col-lg-3.text-center:has(>.h5+.cta){flex:0 0 100%;max-width:100%;text-align:left}
.col-lg-3.text-center:has(>.h5+.cta)>.h5{display:inline-block;margin:0 14px 0 0;
  vertical-align:middle;font:400 1rem/1.4 var(--ui);color:var(--muted)}
.col-lg-3.text-center:has(>.h5+.cta)>.cta{display:inline-block;width:auto;
  vertical-align:middle}
/* ===== мобилка: строго после десктопных правил ===== */
@media (max-width:1100px){
  .krn-nav>ul>li>a{padding:10px 8px;font-size:14px}
}
@media (max-width:900px){
  .krn-burger{display:flex}
  .krn-nav{position:absolute;left:0;right:0;top:100%;background:var(--paper);
    border-bottom:1px solid var(--line);margin:0;display:none;z-index:45;
    max-height:78vh;overflow:auto}
  .krn-burger-cb:checked~.krn-nav{display:block}
  .krn-hd-bar .krn-w{position:relative}
  .krn-nav>ul{display:block}
  .krn-nav>ul>li>a{padding:13px var(--pad);border-bottom:1px solid var(--line);
    border-left:3px solid transparent;font-size:16px}
  .krn-nav>ul>li:hover>a{border-bottom-color:var(--line);border-left-color:var(--brass)}
  .krn-nav>ul>li>ul{position:static;opacity:1;visibility:visible;transform:none;
    border:0;border-left:3px solid var(--brass-l);padding:4px 0 8px;background:var(--stone)}
  .krn-nav>ul>li>ul a{padding:8px var(--pad) 8px calc(var(--pad) + 14px)}
  .krn-ft-cols{flex-direction:column;gap:30px}
  .krn-with-rail{flex-direction:column;gap:26px}
  .krn-rail{flex:0 0 auto;width:100%}
}
@media (max-width:767px){
  :root{--pad:14px}
  body{font-size:16px}
  h1,.h1{font-size:1.92rem} .krn-h1 h1{font-size:1.92rem}
  h2,.h2{font-size:1.45rem} h3,.h3{font-size:1.2rem}
  .krn-hd-top .krn-w{gap:12px;font-size:12px}
  .krn-hd-note{display:none}
  .krn-hd-bar .krn-w{height:62px;gap:12px}
  .krn-logo svg{width:34px;height:34px}
  .krn-logo-tx{font-size:18px}
  .krn-toc ol,.table-contents ol,.krn-ft ul{columns:1}
  .horizontal-casino-card,.top-list-card{padding:14px 0}
  .casino-img{max-width:132px;margin:0 auto}
  .krn-h1 .krn-w{padding-top:4px;padding-bottom:10px}
  .krn-h1 h1{font-size:1.75rem}
  .krn-crumbs{padding:6px var(--pad) 4px}
  /* ⛔ Мобильный первый экран (05.0ш): служебная лента шапки и трёхстрочная мета
     полосы съедали 95 px из 844 — до контента набегало 41 %. Лента «Suomi · EUR ·
     18+» на 390 несёт один бейдж, а метка «Riippumaton vertailu» дублирует подпись
     подвала; «18+» и дата остаются в мете, полный дисклеймер — в подвале. */
  .krn-hd-top{display:none}
  .krn-h1-meta{margin-top:8px;gap:4px 16px;font-size:12.5px}
  .krn-h1-meta>span:first-child{display:none}
  .cta,.btn-cta,.btn{display:block;width:100%;padding:15px 18px}
  /* ⛔ Таблицы статьи уже лежат в своей обёртке с прокруткой: общий `nowrap`
     растягивал бы их ячейки на пол-экрана. Исключение внесено 24.09.2026. */
  table:not(.krn-tb){display:block;overflow-x:auto;white-space:nowrap}
  /* четвёрка плиток бонуса: на 390 px по 25% — это 80 px под «Kierrätysvaatimus» */
  .card.casino .row>.col-3{width:50%;max-width:50%;flex:0 0 50%}
  .krn-ft-trust .krn-w{gap:12px 20px}
  .krn-ft-trust img{max-height:24px}
}
/* ===== витрина (krnv) ===== */
/* `width:100%` — против ловушки флекс-body: прямой ребёнок <body> без явной ширины
   сжимается по содержимому (так `.krn-ix` встал 713 px против 888 у соседей). */
.krnv-wrap{width:100%;max-width:var(--mid);margin:2.4rem auto;padding:0 var(--pad)}
/* ⚠️ Витрина, вставленная ВНУТРЬ донорской колонки, получала отступ дважды: свой
   `--pad` поверх `p-4` панели. На главной заголовок витрины начинался на 21 px правее
   соседней прозы — ровно то «что-то уже, что-то шире», которого R11 не видит (ширин
   по-прежнему три). Внутри контейнера колонку задаёт родитель, свои поля лишние. */
.container .krnv-wrap,.panel-wrapper .krnv-wrap{max-width:none;padding-left:0;padding-right:0}
.krnv-wrap .krnv-h2{font-size:1.6rem;margin:0 0 .4em;padding-bottom:.45rem;
  border-bottom:2px solid var(--brass)}
.krnv-wrap .krnv-lead{color:var(--muted);font-size:.95rem;margin:0 0 1.1rem;max-width:var(--text)}
.krnv-fi,.krnv-ai{position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap}
.krnv-fl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px;
  font:600 13px/1 var(--ui)}
.krnv-fl>span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.krnv-fl label{display:inline-block;padding:9px 13px;border:1px solid var(--line);
  background:var(--stone);color:var(--navy);cursor:pointer}
.krnv-fl label:hover{border-color:var(--brass);color:var(--brass-d)}
.krnv-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy)}
.krnv-list>li{margin:0}
.krnv-list>li::before,.krnv-list>li::marker{content:none}
.krnv-row{display:grid;grid-template-columns:30px 96px 1fr 232px 164px;gap:0 14px;
  align-items:center;padding:16px 0;border-bottom:1px solid var(--line);background:var(--paper)}
.krnv-row:nth-child(-n+3){background:#fbfaf5}
.krnv-idx{align-self:stretch;display:flex;align-items:center;justify-content:center;
  font:700 20px/1 var(--ui);color:var(--brass);border-right:1px solid var(--line)}
.krnv-mark{height:78px;display:flex;align-items:center;justify-content:center;
  padding:8px;background:#fff;border:1px solid var(--line)}
.krnv-mark img{max-width:100%;max-height:60px;width:auto;object-fit:contain}
.krnv-wrap .krnv-name{font:700 17px/1.2 var(--ui);color:var(--navy);margin:0 0 3px}
.krnv-wrap .krnv-lic{font-size:11px;color:var(--muted);margin:0 0 7px;
  text-transform:uppercase;letter-spacing:.07em}
.krnv-wrap .krnv-off{font-size:15px;line-height:1.35;color:var(--ink);margin:0 0 9px;font-weight:600}
.krnv-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.krnv-chips li{margin:0;padding:5px 8px;background:var(--brass-l);color:#5a4310;
  font:700 10px/1 var(--ui);text-transform:uppercase;letter-spacing:.06em}
.krnv-spec{display:grid;grid-template-columns:repeat(3,1fr);margin:0;
  border-left:1px solid var(--line)}
/* ⚠️ `min-width:0` и перенос — не косметика: ячейка грида по умолчанию не уже своего
   содержимого, а подпись «ILMAISKIERROKSIA» в 10px не влезает в треть колонки. Без этого
   она вылезала ВПРАВО, под кнопку CTA (та рисуется позже и кроет фоном): на витрине
   каждая строка показывала обрезанное «ILMAISKIERRO». Гейты такого не видят — ни overflow
   страницы, ни перекрытия прямоугольников тут нет, текст просто уходит под соседа. */
.krnv-spec>div{padding:0 6px;text-align:center;min-width:0}
.krnv-spec dt{font:600 10px/1.3 var(--ui);color:var(--muted);text-transform:uppercase;
  letter-spacing:.04em;overflow-wrap:anywhere;hyphens:auto}
.krnv-spec dd{margin:3px 0 0;font:700 15px/1.2 var(--ui);color:var(--navy)}
.krnv-act{display:flex;flex-direction:column;gap:7px;text-align:center}
.krnv-wrap .krnv-cta{display:block;padding:15px 10px;background:var(--brass-d);color:#fff;
  font:700 14px/1 var(--ui);text-transform:uppercase;letter-spacing:.05em;text-decoration:none}
.krnv-wrap .krnv-cta:hover{background:var(--brass-dd);color:#fff}
.krnv-code{font:600 11px/1.3 var(--ui);color:var(--muted);text-transform:uppercase}
.krnv-wrap .krnv-rev{font-size:12px;color:var(--navy)}
.krnv-more{display:block;margin:0;padding:15px;border:1px solid var(--line);border-top:0;
  background:var(--stone);text-align:center;color:var(--navy);cursor:pointer;
  font:700 13px/1 var(--ui);text-transform:uppercase;letter-spacing:.07em}
.krnv-more:hover{border-color:var(--brass);color:var(--brass-d)}
.krnv-wrap .krnv-note{font-size:12px;line-height:1.6;color:var(--muted);margin:14px 0 0}
.krnv-list>li.krnv-hid{display:none}
.krnv-wrap:has(input[id^="krnv-all"]:checked) .krnv-list>li.krnv-hid{display:grid}
.krnv-wrap:has(input[id^="krnv-all"]:checked) .krnv-more{display:none}
.krnv-wrap:has(.krnv-fi:not([id$="-all"]):checked) .krnv-list>li.krnv-hid{display:grid}
.krnv-wrap:has(.krnv-fi:not([id$="-all"]):checked) .krnv-more{display:none}


/* ===== сетка страниц раздела (krnh) ===== */
.krnh-wrap{max-width:var(--mid);margin:2.2rem auto;padding:0 var(--pad)}
.krnh-wrap .krnh-h2{font-size:1.35rem;margin:0 0 .7em;padding-bottom:.4rem;
  border-bottom:2px solid var(--brass);color:var(--navy)}
.krnh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
  list-style:none;margin:0;padding:0}
.krnh-grid>li::before{content:none!important}
.krnh-tile a{display:flex;flex-direction:column;gap:7px;height:100%;
  padding:15px 15px 16px;background:#fff;border:1px solid var(--line);
  border-radius:10px;text-decoration:none;color:var(--ink);
  box-shadow:0 1px 2px rgba(13,42,77,.06);transition:border-color .15s,box-shadow .15s}
.krnh-tile a:hover{border-color:var(--brass);box-shadow:0 4px 14px rgba(13,42,77,.12)}
.krnh-ico{display:flex;align-items:center;justify-content:center;width:38px;height:38px;
  border-radius:9px;background:var(--stone);color:var(--navy);flex:0 0 auto}
.krnh-ico svg{width:22px;height:22px}
.krnh-t{font-weight:700;font-size:15px;line-height:1.3;color:var(--navy)}
.krnh-f{font-size:13px;line-height:1.4;color:var(--muted)}
@media (max-width:991px){.krnh-grid{grid-template-columns:repeat(3,1fr)}}

/* ===== контейнер автопостинга: анонсы приходят блоками div[style] от moz.biz =====
   Пока маркер пуст, секция ничего не рисует — ни рамки, ни отступа, иначе на
   свежем сайте под сеткой висит пустая плашка. */
.krn-feed>.krn-w{max-width:var(--mid);margin:0 auto;padding:0 var(--pad)}
.krn-feed>.krn-w>div{padding:16px 18px;margin:0 0 14px!important;background:#fff;
  border:1px solid var(--line);border-left:3px solid var(--brass);border-radius:8px}
.krn-feed>.krn-w>div:last-child{margin-bottom:0!important}
.krn-feed>.krn-w>div a{font-family:var(--ui);font-weight:700;color:var(--navy);
  text-decoration:none}
.krn-feed>.krn-w>div a:hover{color:var(--brass-d)}
.krn-feed:not(:empty)>.krn-w:has(>div){margin-top:2.2rem;margin-bottom:2.2rem}

.krnv-wrap:has(#krnv-f1-trustly:checked) .krnv-list>li:not([data-ax~="trustly"]){display:none!important}
.krnv-wrap:has(#krnv-f1-trustly:checked) .krnv-fl label[for="krnv-f1-trustly"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.krnv-wrap:has(#krnv-f1-crypto:checked) .krnv-list>li:not([data-ax~="crypto"]){display:none!important}
.krnv-wrap:has(#krnv-f1-crypto:checked) .krnv-fl label[for="krnv-f1-crypto"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.krnv-wrap:has(#krnv-f1-eea:checked) .krnv-list>li:not([data-ax~="eea"]){display:none!important}
.krnv-wrap:has(#krnv-f1-eea:checked) .krnv-fl label[for="krnv-f1-eea"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.krnv-wrap:has(#krnv-f1-fs100:checked) .krnv-list>li:not([data-ax~="fs100"]){display:none!important}
.krnv-wrap:has(#krnv-f1-fs100:checked) .krnv-fl label[for="krnv-f1-fs100"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.krnv-wrap:has(#krnv-f1-pnp:checked) .krnv-list>li:not([data-ax~="pnp"]){display:none!important}
.krnv-wrap:has(#krnv-f1-pnp:checked) .krnv-fl label[for="krnv-f1-pnp"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.krnv-wrap:has(#krnv-f1-low:checked) .krnv-list>li:not([data-ax~="low"]){display:none!important}
.krnv-wrap:has(#krnv-f1-low:checked) .krnv-fl label[for="krnv-f1-low"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.krnv-wrap:has(#krnv-f1-mindep:checked) .krnv-list>li:not([data-ax~="mindep"]){display:none!important}
.krnv-wrap:has(#krnv-f1-mindep:checked) .krnv-fl label[for="krnv-f1-mindep"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.krnv-wrap:has(#krnv-f2-trustly:checked) .krnv-list>li:not([data-ax~="trustly"]){display:none!important}
.krnv-wrap:has(#krnv-f2-trustly:checked) .krnv-fl label[for="krnv-f2-trustly"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.krnv-wrap:has(#krnv-f2-crypto:checked) .krnv-list>li:not([data-ax~="crypto"]){display:none!important}
.krnv-wrap:has(#krnv-f2-crypto:checked) .krnv-fl label[for="krnv-f2-crypto"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.krnv-wrap:has(#krnv-f2-eea:checked) .krnv-list>li:not([data-ax~="eea"]){display:none!important}
.krnv-wrap:has(#krnv-f2-eea:checked) .krnv-fl label[for="krnv-f2-eea"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.krnv-wrap:has(#krnv-f2-fs100:checked) .krnv-list>li:not([data-ax~="fs100"]){display:none!important}
.krnv-wrap:has(#krnv-f2-fs100:checked) .krnv-fl label[for="krnv-f2-fs100"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.krnv-wrap:has(#krnv-f2-pnp:checked) .krnv-list>li:not([data-ax~="pnp"]){display:none!important}
.krnv-wrap:has(#krnv-f2-pnp:checked) .krnv-fl label[for="krnv-f2-pnp"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.krnv-wrap:has(#krnv-f2-low:checked) .krnv-list>li:not([data-ax~="low"]){display:none!important}
.krnv-wrap:has(#krnv-f2-low:checked) .krnv-fl label[for="krnv-f2-low"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.krnv-wrap:has(#krnv-f2-mindep:checked) .krnv-list>li:not([data-ax~="mindep"]){display:none!important}
.krnv-wrap:has(#krnv-f2-mindep:checked) .krnv-fl label[for="krnv-f2-mindep"]{background:var(--navy);color:#fff;border-color:var(--navy)}

@media (max-width:991px){
  .krnv-row{grid-template-columns:30px 88px 1fr;
    grid-template-areas:"idx mark main" "spec spec spec" "act act act";gap:12px 14px}
  .krnv-idx{grid-area:idx}
  .krnv-mark{grid-area:mark;height:64px}
  .krnv-main{grid-area:main}
  .krnv-spec{grid-area:spec;border-left:0;border-top:1px solid var(--line);padding-top:11px}
  .krnv-spec>div{text-align:left;padding:0 8px 0 0}
  .krnv-act{grid-area:act;flex-direction:row;flex-wrap:wrap;align-items:center;
    justify-content:space-between;gap:10px}
  .krnv-wrap .krnv-cta{flex:1 1 200px}
  .krnv-wrap:has(input[id^="krnv-all"]:checked) .krnv-list>li.krnv-hid,
  .krnv-wrap:has(.krnv-fi:not([id$="-all"]):checked) .krnv-list>li.krnv-hid{display:grid}
}
@media (max-width:575px){
  .krnv-row{grid-template-columns:26px 70px 1fr;gap:10px}
  .krnv-mark{height:54px;padding:5px}
  .krnv-mark img{max-height:42px}
  .krnv-wrap .krnv-name{font-size:16px}
  .krnv-wrap .krnv-off{font-size:14px}
  .krnv-fl label{padding:8px 11px;font-size:12px}
}
@media (max-width:767px){
  .krnh-grid{grid-template-columns:1fr 1fr;gap:10px}
  .krnh-tile a{padding:12px 12px 13px}
  .krnh-ico{width:34px;height:34px}
}
@media (max-width:420px){
  .krnh-grid{grid-template-columns:1fr}
}
/* ===== вводка шлюза (krn-lead) ===== */
/* Своего бокового поля у вводки НЕТ: она стоит внутри колонки, которая поле уже
   даёт, и второе поле сдвигало текст на 20 px относительно соседнего донорского
   абзаца (замер /blogi/ 1440: вводка 360/720 против standard-content 340/760).
   Без padding ширина ровно 760 — число владельца из 05.15a. */
.krn-lead{max-width:var(--text);margin:2rem auto 0;padding:0}
.krn-lead .krn-w{max-width:none;padding:0}
.krn-lead h2{margin:1.6em 0 .5em;font-size:1.3rem;line-height:1.3;color:var(--navy)}
.krn-lead h2:first-child{margin-top:0}
.krn-lead p{margin:0 0 1em;font:1rem/1.7 var(--tx)}
.krn-lead p:last-child{margin-bottom:0}
.krn-lead a{color:var(--brass-d)}
/* На мобильном поле нужно там, где вводка лежит прямо в полосе во всю ширину
   (у таких страниц её бокс 0/390). Внутри донорской колонки (.container / article)
   поле уже есть — там своё не добавляем, иначе снова сдвиг. */
@media (max-width:640px){.krn-lead{padding:0 14px}.krn-lead h2{font-size:1.15rem}
.container .krn-lead,article .krn-lead{padding:0}}
/* ===== карточка фактов обзора (krn-fx) ===== */
/* Верхнее поле — .9rem, а не 2rem: карточка стоит сразу под полосой заголовка и
   это отступ ВНУТРИ первого экрана. С 32 px сверху верх карточки приходился на
   299 px из 900 = 33,2 % при пороге 33 % (05.0ш, замер krn_measure.js). Нижнее
   поле остаётся: под карточкой начинается проза. */
.krn-fx{max-width:var(--mid);margin:.9rem auto 2.4rem;padding:0 var(--pad)}
.krn-fx .krn-w{max-width:none;padding:0;border:1px solid var(--line);
  background:var(--stone)}
.krn-fx-h2{margin:0;padding:14px 18px;font-size:1.15rem;line-height:1.3;
  background:var(--navy);color:#fff;border-bottom:2px solid var(--brass)}
/* ⛔ Жёсткие две колонки оставляли пустую серую клетку, когда величин нечётное число
   (у «плиточных» обзоров их три). auto-fit раскладывает по факту: 3 → три колонки. */
.krn-fx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:1px;
  margin:0;padding:0;background:var(--line)}
.krn-fx-grid>div{background:#fff;padding:12px 18px;min-width:0}
.krn-fx-grid dt{margin:0 0 3px;font:600 11px/1.3 var(--ui);color:var(--muted);
  text-transform:uppercase;letter-spacing:.07em}
.krn-fx-grid dd{margin:0;font:600 1rem/1.35 var(--ui);color:var(--navy);
  overflow-wrap:anywhere}
.krn-fx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;
  margin:0;padding:14px 18px;background:#fff;border-top:1px solid var(--line)}
.krn-fx .krn-btn{display:inline-block;padding:14px 26px;background:var(--brass-d);
  color:#fff;font:700 1rem/1 var(--ui);text-decoration:none;letter-spacing:.02em}
.krn-fx .krn-btn:hover,.krn-fx .krn-btn:focus{background:var(--brass-dd);color:#fff}
.krn-fx-note{font-size:.8rem;color:var(--muted)}
.krn-fx-src{margin:0;padding:11px 18px;font-size:.82rem;line-height:1.5;
  color:var(--muted);border-top:1px solid var(--line)}
@media (max-width:640px){
  .krn-fx-grid{grid-template-columns:1fr}
  .krn-fx-cta .krn-btn{width:100%;text-align:center}
}
/* ===== разбор тарифа на обзоре (krn-rt) ===== */
/* ⚠️ `width:100%` тут не украшение: прямые дети <body> раскладываются флексом, и
   секция БЕЗ явной ширины сжимается до самого широкого ребёнка — при `p{max-width:74ch}`
   это 759px против 888px у соседей, то есть R11 «секции не по одной сетке». */
.krn-rt{width:100%;max-width:var(--mid);margin:2rem auto 0;padding:0 var(--pad)}
.krn-rt .krn-w{max-width:none;padding:0}
.krn-rt h2{margin:1.8rem 0 .6rem;font:700 1.22rem/1.3 var(--ui);color:var(--navy)}
.krn-rt h2:first-child{margin-top:0}
.krn-rt p{margin:0 0 .85rem;max-width:74ch}
.krn-rt b{color:var(--navy)}
/* ===== подпись редакции (krn-sig) ===== */
.krn-sig{max-width:var(--mid);margin:2.6rem auto 0;padding:0 var(--pad)}
.krn-sig .krn-w{display:flex;gap:14px;max-width:none;padding:16px 18px;
  border:1px solid var(--line);border-left:3px solid var(--brass);background:var(--stone)}
.krn-sig-mk{flex:0 0 auto;color:var(--brass-d)}
.krn-sig p{margin:0 0 .4em;font-size:.9rem;line-height:1.55;color:var(--ink)}
.krn-sig p:last-child{margin:0}
.krn-sig-w{font-size:.95rem!important}
.krn-sig-d{color:var(--muted);font-size:.82rem!important}
/* ===== указатели (krn-ix) ===== */
/* ⚠️ `width:100%` обязателен: прямые дети <body> раскладываются флексом, и секция
   без явной ширины сжимается по содержимому. Замер 24.09.2026 на /kaikki-kasinot/:
   указатель встал 713 px против 888 у соседей — то есть «секции не по одной сетке»,
   которое R11 пропускает (разных ширин ровно три, порог не превышен). */
.krn-ix{width:100%;max-width:var(--mid);margin:2.6rem auto 0;padding:0 var(--pad)}
.krn-ix h2{font-size:1.35rem;margin:0 0 .6em;padding-bottom:.4rem;
  border-bottom:2px solid var(--brass)}
.krn-ix ul{list-style:none;margin:0;padding:0;columns:4;column-gap:26px}
.krn-ix li{break-inside:avoid;margin:0 0 6px;font-size:.9rem;line-height:1.4}
.krn-ix a{color:var(--navy);text-decoration:none;border-bottom:1px solid transparent}
.krn-ix a:hover{color:var(--brass-d);border-bottom-color:currentColor}
.krn-ix-list ul{columns:2}
@media (max-width:900px){.krn-ix ul{columns:2}}
@media (max-width:560px){.krn-ix ul,.krn-ix-list ul{columns:1}
  .krn-sig .krn-w{flex-direction:column;gap:8px}}
/* ===== главная-портал: хабы 08b (cr_08b.py) ===== */
.krn-hb{margin:2rem 0 2.4rem}
.krn-hb-sec .krn-hb{margin-top:1.4rem}
.krn-hb-h{margin:0 0 1rem}
.krn-hb a{text-decoration:none;color:var(--ink)}
.krn-hb ul,.krn-hb ol{list-style:none;margin:0;padding:0}
.krn-hb li{margin:0;padding:0;text-indent:0!important}
.krn-hb li::before{content:none!important}
.krn-hb svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.krn-hb-t{display:block;font:700 1rem/1.3 var(--ui);color:var(--navy)}
.krn-hb-d{display:block;font-size:.87rem;line-height:1.5;color:var(--muted);margin-top:3px}
.krn-hb a:hover .krn-hb-t,.krn-hb a:focus-visible .krn-hb-t{color:var(--brass-d);text-decoration:underline}
.krn-hb-ico{flex:0 0 44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  background:var(--stone);border:1px solid var(--line);color:var(--brass-d)}
.krn-hb-ico svg{width:24px;height:24px}
.krn-hb-art{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--navy);
  color:var(--brass-l)}
.krn-hb-art svg{width:36px;height:36px}
.krn-hb-art b{font:700 1.7rem/1 var(--ui);color:#fff;letter-spacing:-.01em}
.krn-hb-chip{display:inline-block;margin-top:8px;padding:2px 8px;font:700 .76rem/1.6 var(--ui);
  color:var(--green);background:var(--green-l);letter-spacing:.01em}
.krn-hb-more{margin:.9rem 0 0;font:500 .95rem/1.5 var(--ui);color:var(--muted)}
.krn-hb .krn-hb-more a{display:inline;margin:0;padding:0;border:0;background:none;font-weight:700;
  color:var(--navy);text-decoration:underline}

/* 1 — крупная карточка + нумерованный топ */
.krn-hb-top__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:26px;align-items:start}
.krn-hb-feat{display:block;border-top:3px solid var(--brass);background:var(--stone)}
.krn-hb-feat .krn-hb-art{height:170px}
.krn-hb-feat .krn-hb-art svg{width:54px;height:54px}
.krn-hb-feat .krn-hb-art b{font-size:4rem}
.krn-hb-feat .krn-hb-body{display:block;padding:16px 18px 18px}
.krn-hb-feat .krn-hb-t{font-size:1.15rem}
.krn-hb-ol a{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.krn-hb-ol li:first-child a{padding-top:0}
.krn-hb-n{flex:0 0 26px;font:700 .95rem/1 var(--ui);color:var(--brass-d)}
.krn-hb-ol .krn-hb-ico{flex-basis:38px;width:38px;height:38px}
.krn-hb-ol .krn-hb-ico svg{width:20px;height:20px}
.krn-hb-ol .krn-hb-body{min-width:0}

/* 2 — карточки бонусов: иконка на подложке + чип-факт */
.krn-hb-bt ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.krn-hb-bt a{display:flex;gap:12px;height:100%;padding:14px;border:1px solid var(--line);
  border-left:3px solid var(--brass)}
.krn-hb-bt a:hover{background:#f7f9fc}
.krn-hb-bt .krn-hb-body{min-width:0}

/* 3 — лента без депозита */
.krn-hb-rib ul{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.krn-hb-rib li{flex:0 0 calc((100% - 42px)/4);min-width:168px;scroll-snap-align:start}
.krn-hb-rib a{display:flex;flex-direction:column;height:100%;border:1px solid var(--line)}
.krn-hb-rib .krn-hb-art{height:104px;flex-direction:column;gap:8px}
.krn-hb-rib .krn-hb-art svg{width:28px;height:28px}
.krn-hb-rib .krn-hb-art b{font-size:1.3rem}
.krn-hb-rib .krn-hb-body{display:block;padding:12px 14px 14px}

/* 4 — таблица сравнения */
.krn-hb-tbl{min-width:0;margin:0}
.krn-hb-tbl a{display:flex;align-items:center;gap:12px}
.krn-hb-tbl .krn-hb-ico{flex-basis:38px;width:38px;height:38px;background:var(--paper)}
.krn-hb-tbl .krn-hb-ico svg{width:20px;height:20px}
.krn-hb-tbl td{vertical-align:middle}
.krn-hb-tbl td:last-child{white-space:nowrap}
.krn-hb-tbl .krn-hb-chip{margin:0}

/* 5 — вкладки на CSS */
.krn-hb-r{position:absolute;opacity:0;pointer-events:none}
.krn-hb-labs{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid var(--navy)}
.krn-hb-labs label{padding:9px 18px;font:700 .95rem/1.3 var(--ui);color:var(--navy);cursor:pointer;
  border:1px solid var(--line);border-bottom:0;margin-right:-1px;background:var(--paper)}
#krn-hbt1:checked~.krn-hb-labs label[for=krn-hbt1],
#krn-hbt2:checked~.krn-hb-labs label[for=krn-hbt2],
#krn-hbt3:checked~.krn-hb-labs label[for=krn-hbt3]{background:var(--navy);color:#fff;border-color:var(--navy)}
.krn-hb-r:focus-visible~.krn-hb-labs{outline:2px solid var(--brass)}
.krn-hb-pane{display:none!important}
#krn-hbt1:checked~.krn-hb-panes .krn-hb-pane:nth-child(1),
#krn-hbt2:checked~.krn-hb-panes .krn-hb-pane:nth-child(2),
#krn-hbt3:checked~.krn-hb-panes .krn-hb-pane:nth-child(3){display:grid!important}
.krn-hb-pane{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px;background:var(--stone)}
.krn-hb-pane a{display:block;height:100%;background:var(--paper);border:1px solid var(--line)}
.krn-hb-tile{display:flex;align-items:center;gap:10px;height:64px;padding:0 14px;
  background:var(--navy);color:var(--brass-l)}
.krn-hb-tile svg{width:28px;height:28px}
.krn-hb-tile b{font:700 1.45rem/1 var(--ui);color:#fff}
.krn-hb-pane .krn-hb-body{display:block;padding:12px 14px 14px}

/* 6 — колонки-шаги */
.krn-hb-steps__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;
  border-top:3px solid var(--navy)}
.krn-hb-step{padding:14px 16px 6px;border-right:1px solid var(--line)}
.krn-hb-step:last-child{border-right:0}
.krn-hb-sh{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:700 1.05rem/1.2 var(--ui);color:var(--navy)}
.krn-hb-sh span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;
  background:var(--brass);color:var(--navy-d);font-size:1rem}
.krn-hb-step a{display:flex;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.krn-hb-step .krn-hb-ico{flex-basis:34px;width:34px;height:34px}
.krn-hb-step .krn-hb-ico svg{width:18px;height:18px}
.krn-hb-step .krn-hb-t{font-size:.95rem}
.krn-hb-step .krn-hb-body{min-width:0}

/* 7 — сетка логотипов, подпись под логотипом */
.krn-hb-pay ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.krn-hb-pay a{display:block;height:100%;border:1px solid var(--line);text-align:center}
.krn-hb-logo{display:flex;align-items:center;justify-content:center;height:112px;background:#fff;
  border-bottom:1px solid var(--line)}
.krn-hb-logo img{width:96px;height:96px;object-fit:contain}
.krn-hb-pay .krn-hb-body{display:block;padding:11px 12px 13px}

/* 8 — фото-мозаика + плитки с цифрой */
.krn-hb-mos__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.krn-hb-mos__g a{position:relative;display:block;overflow:hidden;aspect-ratio:3/2;background:var(--navy)}
.krn-hb-mos__g img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;
  max-width:none;margin:0!important;object-fit:cover;transition:transform .3s}
.krn-hb-mos__g a:hover img{transform:scale(1.04)}
.krn-hb-cap{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 11px;
  background:linear-gradient(180deg,rgba(8,25,46,0) 0,rgba(8,25,46,.88) 52%)}
.krn-hb-cap .krn-hb-t{color:#fff}
.krn-hb-cap .krn-hb-d{color:#dfe6ef;margin-top:1px}
.krn-hb-mos__g a:hover .krn-hb-t{color:#fff}
.krn-hb-mos__t{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px!important}
.krn-hb-mos__t a{display:flex;align-items:stretch;height:100%;border:1px solid var(--line)}
.krn-hb-mos__t .krn-hb-tile{flex:0 0 auto;height:auto;flex-direction:column;justify-content:center;
  gap:4px;min-width:74px;padding:10px}
.krn-hb-mos__t .krn-hb-tile b{font-size:1.1rem}
.krn-hb-mos__t .krn-hb-body{display:block;padding:10px 12px;min-width:0}

/* старые панели главной (Suosituimmat/Uudet/Eksklusiiviset): иконка в подложке у заголовка */
.krn-portal .panel-wrapper h3{display:flex;align-items:center;gap:12px}
.krn-portal .panel-wrapper h3::before{content:"";flex:0 0 40px;height:40px;background:var(--navy)
  center/24px no-repeat}
.krn-portal .panel-wrapper:nth-of-type(2) h3::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8d9ae' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.3 5.8.8-4.2 4.1 1 5.8-5.2-2.7-5.2 2.7 1-5.8-4.2-4.1 5.8-.8z'/%3E%3C/svg%3E")}
.krn-portal .panel-wrapper:nth-of-type(3) h3::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8d9ae' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v4M12 17v4M3 12h4M17 12h4M6 6l2.5 2.5M15.5 15.5L18 18M6 18l2.5-2.5M15.5 8.5L18 6'/%3E%3C/svg%3E")}
.krn-portal .panel-wrapper:nth-of-type(4) h3::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8d9ae' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 12.5V4h8.5l8.5 8.5-8.5 8.5z'/%3E%3Ccircle cx='8' cy='8.5' r='1.4'/%3E%3C/svg%3E")}

@media (max-width:767px){
  .krn-hb-top__g{grid-template-columns:minmax(0,1fr);gap:18px}
  .krn-hb-feat .krn-hb-art{height:120px}
  .krn-hb-bt ul,.krn-hb-pane,.krn-hb-mos__t{grid-template-columns:minmax(0,1fr)}
  .krn-hb-rib li{flex-basis:62%}
  .krn-hb-steps__g{grid-template-columns:minmax(0,1fr)}
  .krn-hb-step{border-right:0;padding:12px 0 4px}
  .krn-hb-step+.krn-hb-step{border-top:1px solid var(--line)}
  .krn-hb-pay ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .krn-hb-mos__g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .krn-hb-pane{padding:12px}
  .krn-hb-labs label{padding:8px 12px;font-size:.9rem}
  /* таблица сравнения — строки карточками */
  .krn-hb-tbl,.krn-hb-tbl tbody,.krn-hb-tbl tr,.krn-hb-tbl td{display:block;width:100%}
  .krn-hb-tbl thead{display:none}
  .krn-hb-tbl tr{padding:12px 0;border-bottom:1px solid var(--line)}
  .krn-hb-tbl td{padding:0;border:0}
  .krn-hb-tbl td+td{padding:6px 0 0 50px}
  .krn-hb-tbl tbody tr:nth-child(even){background:none}
}
@media (max-width:479px){
  .krn-hb-mos__g{grid-template-columns:minmax(0,1fr)}
}