/* ==========================================================================
   Casino Instant Pay — каркас «Broadsheet» (v2, 05.09.2026)
   Референсы-иконы дизайна (правило design-must-look-like-real-portal §1):
     · FT.com — авторитет через типографику, линейки и тонированную бумагу,
       кикер над заголовком, лиговые таблицы без коробок;
     · Wise.com — подача денег и сроков: крупная цифра, плотный цветной блок,
       смысловая иллюстрация вместо декора.
   Наследуется манера, не разметка. Шрифты донора: Signika + Open Sans.
   ========================================================================== */

@font-face{font-family:'Open Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('/media/cip/f/opensans-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,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 700;font-display:swap;
  src:url('/media/cip/f/opensans-latinext.woff2') format('woff2');
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Signika';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('/media/cip/f/signika-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Signika';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('/media/cip/f/signika-latinext.woff2') format('woff2');
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}

:root{
  --paper:#f4efe4;
  --sheet:#fffdf9;
  --ink:#171512;
  --ink-2:#453e35;
  --muted:#6f665a;
  --rule:#d9cfbc;
  --rule-2:#eae2d3;
  --green:#14563d;
  --green-d:#0d3b2a;
  --green-l:#e7efe9;
  --brass:#a97c2f;
  --brass-2:#8a6320;
  --brass-l:#f7ecd6;
  --w-page:1180px;
  --w-col:888px;
  --w-prose:706px;
  --pad:22px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font:400 17px/1.72 'Open Sans',-apple-system,'Segoe UI',Arial,sans-serif;
  width:auto!important;min-width:0!important;padding:0!important;background-image:none!important}
header:not([class*=cip-]),footer:not([class*=cip-]),nav:not([class*=cip-]),
aside:not([class*=cip-]),main:not([class*=cip-]),section:not([class*=cip-]),
article:not([class*=cip-]){position:static!important;float:none!important;
  width:auto!important;max-width:none!important;margin:0;padding:0;background:none;border:0;
  box-shadow:none;transform:none!important}
header:not([class*=cip-])::before,header:not([class*=cip-])::after,
footer:not([class*=cip-])::before,footer:not([class*=cip-])::after,
nav:not([class*=cip-])::before,nav:not([class*=cip-])::after{content:none!important}
img{max-width:100%;height:auto}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4,h5,h6{font-family:'Signika','Open Sans',Arial,sans-serif;font-weight:600;
  color:var(--ink);line-height:1.2;margin:0 0 .5em}
hr{border:0;border-top:1px solid var(--rule);margin:30px 0}
.cip-kicker{display:block;font:600 12px/1 'Open Sans',sans-serif;letter-spacing:.14em;
  text-transform:uppercase;color:var(--brass-2)}

/* ---------- служебная полоса ---------- */
.cip-strip{background:var(--ink);color:#cbbfae}
.cip-row{max-width:var(--w-page);margin:0 auto;padding:0 var(--pad)}
.cip-strip .cip-row{display:flex;align-items:center;gap:22px;min-height:34px;
  font:400 12.5px/1.4 'Open Sans',sans-serif;flex-wrap:wrap}
.cip-strip b{color:#fff;font-weight:600}
.cip-strip .cip-age{color:#e0b45c;font-weight:700;letter-spacing:.08em}
.cip-sp{margin-left:auto}
.cip-lang{position:relative;display:inline-flex;align-items:center;gap:7px;cursor:default;
  padding:9px 0;color:#cbbfae}
.cip-lang svg{display:block}
.cip-lang-list{position:absolute;right:0;top:100%;min-width:170px;background:var(--sheet);
  border:1px solid var(--rule);list-style:none;margin:0;padding:5px 0;visibility:hidden;opacity:0;
  z-index:80;box-shadow:0 18px 34px -26px rgba(23,21,18,.6)}
.cip-lang:hover .cip-lang-list,.cip-lang:focus-within .cip-lang-list{visibility:visible;opacity:1}
.cip-lang-list a{display:flex;align-items:center;gap:9px;padding:8px 14px;color:var(--ink);
  font-size:14px}
.cip-lang-list a:hover{background:var(--paper);text-decoration:none}
.cip-lang-list .is-cur{color:var(--muted)}

/* ---------- масthead ---------- */
.cip-hdr{background:var(--paper)}
.cip-mastband{background:var(--paper);border-bottom:3px solid var(--ink)}
.cip-mast{max-width:var(--w-page);margin:0 auto;padding:20px var(--pad) 16px;display:flex;
  align-items:flex-end;gap:26px;flex-wrap:wrap}
.cip-brand{display:flex;align-items:center;gap:12px;color:var(--ink)}
.cip-brand,.cip-brand:hover{text-decoration:none}
.cip-brand-mark{width:40px;height:40px;flex:0 0 auto}
.cip-brand-name{font:700 31px/1 'Signika',sans-serif;letter-spacing:-.022em;white-space:nowrap}
.cip-brand-name em{font-style:normal;color:var(--green)}
.cip-dateline{margin-left:auto;text-align:right;font:400 11.5px/1.6 'Open Sans',sans-serif;
  letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cip-dateline b{display:block;color:var(--ink);font-weight:700;letter-spacing:.14em}

/* ---------- навигационная полоса ---------- */
.cip-navband{background:var(--green)}
.cip-nav>ul{max-width:var(--w-page);margin:0 auto;padding:0 var(--pad);display:flex;
  list-style:none;gap:0;background:var(--green)}
.cip-nav>ul>li{position:relative}
.cip-nav>ul>li>a{display:block;padding:14px 15px;color:#fff;text-decoration:none;background:var(--green);
  font:600 13px/1.2 'Open Sans',sans-serif;letter-spacing:.09em;text-transform:uppercase;
  border-bottom:3px solid transparent}
.cip-nav>ul>li:hover>a,.cip-nav>ul>li:focus-within>a{color:#fff;border-bottom-color:#d9a44a;
  text-decoration:none;background:var(--green-d)}
.cip-sub{position:absolute;left:0;top:100%;min-width:252px;background:var(--sheet);
  border:1px solid var(--rule);border-top:0;list-style:none;margin:0;padding:6px 0;
  visibility:hidden;opacity:0;z-index:70;box-shadow:0 22px 42px -30px rgba(23,21,18,.65)}
.cip-nav>ul>li:hover>.cip-sub,.cip-nav>ul>li:focus-within>.cip-sub{visibility:visible;opacity:1}
.cip-sub li+li{border-top:1px solid var(--rule-2)}
.cip-sub a{display:block;padding:9px 17px;color:var(--ink);font-size:14.5px}
.cip-sub a:hover{background:var(--paper);color:var(--green);text-decoration:none}
.cip-nav>ul>li:nth-last-child(-n+2) .cip-sub{left:auto;right:0}
.cip-nav-t{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%);
  pointer-events:none}
.cip-nav-btn{display:none}

/* ---------- шапка материала ---------- */
.cip-crumbs{max-width:var(--w-col);margin:0 auto;padding:16px var(--pad) 0;font-size:12.5px;
  color:var(--muted)}
.cip-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.cip-crumbs li::after{content:'/';margin-left:7px;color:#b9ac97}
.cip-crumbs li:last-child::after{content:''}
.cip-crumbs a{color:var(--muted)}
.cip-crumbs a:hover{color:var(--green)}
.cip-head{max-width:var(--w-col);margin:0 auto;padding:14px var(--pad) 20px}
.cip-head .cip-kicker::before{content:'';display:block;width:34px;height:3px;
  background:var(--brass);margin:0 0 9px}
.cip-head h1{font-size:clamp(28px,3.4vw,41px);line-height:1.14;letter-spacing:-.022em;
  margin:11px 0 0;max-width:var(--w-prose)}
.cip-lede{font-size:19px;line-height:1.62;color:var(--ink-2);margin:14px 0 0;
  max-width:var(--w-prose)}
.cip-byline{margin:18px 0 0;padding:9px 0 0;border-top:1px solid var(--rule);display:flex;
  flex-wrap:wrap;gap:6px 20px;font:600 11.5px/1.5 'Open Sans',sans-serif;letter-spacing:.11em;
  text-transform:uppercase;color:var(--muted)}
.cip-byline b{color:var(--ink);font-weight:700}
.cip-byline a{color:var(--green)}

/* ---------- лист материала ---------- */
.cip-main{display:block;padding:0 0 54px}
.cip-art{max-width:var(--w-col);margin:0 auto;background:var(--sheet);
  border:1px solid var(--rule);box-shadow:0 26px 52px -40px rgba(23,21,18,.55);
  padding:34px 40px 40px;width:auto}
.cip-art>*:first-child{margin-top:0}
.cip-art p,.cip-art ul,.cip-art ol,.cip-art h2,.cip-art h3,.cip-art h4,
.cip-art blockquote,.cip-art dl{max-width:var(--w-prose)}
.cip-art .cipv-wrap,.cip-art .cipv-wrap *,.cip-art .cip-index,
.cip-art .cip-index *,.cip-art .cip-sections,.cip-art .cip-sections *{max-width:none}
.cip-art ol.cipv-list,.cip-art ul.cip-list{padding-left:0;margin-left:0}
.cip-art .cipv-wrap h2,.cip-art .cip-index-h h2{padding-top:0;border-top:0}
.cip-art p{margin:0 0 1.2em}
.cip-art h2{font-size:27px;letter-spacing:-.015em;margin:2.1em 0 .6em;padding-top:.62em;
  border-top:2px solid var(--ink)}
.cip-art h3{font-size:20px;margin:1.7em 0 .5em}
.cip-art h4{font-size:17px;margin:1.5em 0 .4em;color:var(--ink-2)}
.cip-art ul,.cip-art ol{padding-left:20px;margin:0 0 1.2em}
.cip-art li{margin:0 0 .45em}
.cip-art ul>li{list-style:none;position:relative}
.cip-art ul>li::before{content:'';position:absolute;left:-16px;top:.78em;width:7px;height:2px;
  background:var(--brass)}
.cip-art blockquote{margin:1.6em 0;padding:2px 0 2px 20px;border-left:3px solid var(--brass);
  font-size:18px;color:var(--ink-2)}
.cip-art blockquote p:last-child{margin-bottom:0}
.cip-art figure{margin:1.6em 0;max-width:none}
.cip-art figcaption{font-size:12.5px;color:var(--muted);margin-top:7px;padding-top:6px;
  border-top:1px solid var(--rule-2)}
.cip-art a{border-bottom:1px solid rgba(20,86,61,.3)}
.cip-art a:hover{border-bottom-color:var(--green);text-decoration:none}
.cip-art table{border-collapse:collapse;width:100%;max-width:none;margin:1.7em 0;font-size:15px;
  display:block;overflow-x:auto}
.cip-art th{font:600 11.5px/1.4 'Open Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase;
  color:var(--muted);text-align:left;padding:0 14px 9px 0;border-bottom:2px solid var(--ink)}
.cip-art td{padding:11px 14px 11px 0;border-bottom:1px solid var(--rule-2);vertical-align:top}
.cip-art iframe{max-width:100%}
.cip-art [align]{text-align:left!important}

.cip-key{max-width:var(--w-prose);margin:0 0 26px;padding:18px 22px;background:var(--brass-l);
  border-top:2px solid var(--brass);font-size:16.5px;line-height:1.62;color:var(--ink-2)}
.cip-key p:last-child,.cip-key ul:last-child{margin-bottom:0}
.cip-key b{color:var(--ink)}

.cip-toc{max-width:var(--w-prose);margin:0 0 28px;border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule)}
.cip-toc>summary{cursor:pointer;padding:11px 0;font:600 11.5px/1.4 'Open Sans',sans-serif;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted);list-style:none}
.cip-toc>summary::-webkit-details-marker{display:none}
.cip-toc>summary::after{content:'+';float:right;color:var(--brass);font-size:14px}
.cip-toc[open]>summary::after{content:'–'}
.cip-toc ol{margin:0;padding:0 0 14px 20px;font-size:15px}

.cip-faq{max-width:var(--w-prose);margin:26px 0;border-top:2px solid var(--ink)}
.cip-faq-i{padding:16px 0;border-bottom:1px solid var(--rule-2)}
.cip-faq-i h3{font-size:17.5px;margin:0 0 .35em}
.cip-faq-i p:last-child{margin-bottom:0}

/* ---------- газетный индекс раздела ---------- */
.cip-index{margin:38px 0 0}
.cip-index-h{display:flex;align-items:baseline;gap:16px;border-bottom:2px solid var(--ink);
  padding-bottom:7px;margin:0 0 14px}
.cip-index-h h2{margin:0;padding:0;border:0;font-size:22px;letter-spacing:-.01em;max-width:none}
.cip-index-h span{margin-left:auto;font:600 11.5px/1 'Open Sans',sans-serif;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);white-space:nowrap}
.cip-index-h a{color:var(--green);border:0}
.cip-list{list-style:none;margin:0;padding:0;columns:2;column-gap:34px;
  column-rule:1px solid var(--rule-2)}
.cip-art ul.cip-list{max-width:none;padding-left:0}
.cip-list>li{margin:0;break-inside:avoid;list-style:none;position:static}
.cip-art .cip-list>li::before{content:none!important;display:none}
.cip-list a{display:block;padding:7px 0 7px 16px;color:var(--ink-2);font-size:15px;
  line-height:1.45;border:0;position:relative}
.cip-list a::before{content:'';position:absolute;left:0;top:1.05em;width:7px;height:2px;
  background:var(--brass)}
.cip-list a:hover{color:var(--green);text-decoration:none}

/* ---------- разделы (главная) ---------- */
.cip-sections{margin:32px 0 0;border-top:2px solid var(--ink);max-width:none}
.cip-section{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;align-items:start;
  padding:20px 0;border-bottom:1px solid var(--rule-2)}
.cip-section img{width:72px;height:72px;object-fit:contain}
.cip-section h3{margin:0 0 5px;font-size:19px;max-width:none}
.cip-section h3 a{color:var(--ink);border:0}
.cip-section h3 a:hover{color:var(--green)}
.cip-section p{margin:0;font-size:15px;line-height:1.6;color:var(--muted);max-width:none}
.cip-more{display:inline-block;margin-top:8px;font:600 11.5px/1 'Open Sans',sans-serif;
  letter-spacing:.12em;text-transform:uppercase;color:var(--green);border:0!important}
.cip-more::after{content:' →'}

/* ---------- первый экран главной ---------- */
.cip-hero{background:var(--paper);border-bottom:1px solid var(--rule)}
.cip-hero-in{max-width:var(--w-page);margin:0 auto;padding:30px var(--pad) 26px;display:grid;
  grid-template-columns:minmax(0,1fr) 380px;gap:38px;align-items:center}
.cip-hero h1{font-size:clamp(30px,3.8vw,44px);line-height:1.1;margin:12px 0 0;
  letter-spacing:-.026em;max-width:640px}
.cip-hero p{margin:15px 0 0;font-size:18.5px;line-height:1.6;color:var(--ink-2);max-width:600px}
.cip-hero-fig{margin:0}
.cip-hero-fig img{width:100%;height:auto;display:block;border:1px solid var(--rule)}
.cip-band{background:var(--green);color:#dce8e1}
.cip-band .cip-row{display:flex;flex-wrap:wrap;gap:0;padding-top:18px;padding-bottom:18px}
.cip-fact{padding-right:30px;margin-right:30px;border-right:1px solid rgba(255,255,255,.2)}
.cip-fact:last-child{border-right:0;margin-right:0;padding-right:0}
.cip-fact b{display:block;font:700 25px/1 'Signika',sans-serif;color:#fff}
.cip-fact span{display:block;margin-top:6px;font:600 11px/1.3 'Open Sans',sans-serif;
  letter-spacing:.12em;text-transform:uppercase;color:#cfe0d6}

/* ---------- подвал ---------- */
.cip-ftr{margin-top:46px;background:var(--green);color:#c9d8cf;font-size:14.5px}
.cip-ftr a{color:#e7efe9;border:0}
.cip-ftr a:hover{color:#fff}
.cip-ftr-top{border-bottom:1px solid rgba(255,255,255,.14)}
.cip-ftr-top .cip-row{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;
  padding-top:16px;padding-bottom:16px}
.cip-ftr-top .cip-kicker{color:#d3e2d9}
.cip-pay{font-size:14px;color:#e7efe9}
.cip-ftr-cols{max-width:var(--w-page);margin:0 auto;padding:30px var(--pad) 10px;display:grid;
  grid-template-columns:repeat(4,1fr);gap:30px}
.cip-ftr-cols h4{margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.2);
  font:600 11.5px/1.4 'Open Sans',sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#fff}
.cip-ftr-cols ul{list-style:none;margin:0;padding:0}
.cip-ftr-cols li{margin:0 0 8px;line-height:1.5}
.cip-ftr-note{max-width:var(--w-page);margin:0 auto;padding:8px var(--pad) 26px;font-size:13.5px;
  line-height:1.7;color:#cfe0d6}
.cip-ftr-note b{color:#fff}
.cip-colophon{background:var(--green-d)}
.cip-colophon .cip-row{display:flex;flex-wrap:wrap;gap:8px 22px;padding-top:14px;
  padding-bottom:14px;font-size:12.5px;color:#cfe0d6}

/* ---------- мобилка ---------- */
@media (max-width:960px){
  :root{--pad:15px}
  .cip-hero-in{grid-template-columns:1fr;gap:20px;padding-top:22px}
  .cip-hero-fig img{max-width:320px;margin:0 auto}
  .cip-mast{padding:14px var(--pad) 12px;align-items:center}
  .cip-brand-name{font-size:25px}
  .cip-dateline{display:none}
  .cip-nav-btn{display:block;padding:11px var(--pad);color:#e7efe9;
    font:600 12.5px/1 'Open Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;
    cursor:pointer}
  .cip-nav-btn::after{content:' ▾'}
  .cip-nav>ul{display:none;padding-bottom:10px}
  .cip-nav-t:checked~.cip-nav>ul{display:block}
  .cip-nav>ul>li>a{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.14)}
  .cip-nav>ul>li:hover>a{background:none;border-bottom-color:rgba(255,255,255,.14)}
  .cip-sub{position:static;visibility:visible;opacity:1;background:none;border:0;box-shadow:none;
    padding:2px 0 8px 14px}
  .cip-sub li+li{border:0}
  .cip-sub a{color:#cfe0d6;padding:6px 0;font-size:14px}
  .cip-lang-list{position:static;visibility:visible;opacity:1;display:flex;gap:16px;
    background:none;border:0;box-shadow:none;padding:0;min-width:0;max-width:none}
  .cip-strip .cip-lang-list a{padding:0;color:#cbbfae;background:none}
  .cip-strip .cip-lang-list li{color:#cbbfae}
  .cip-lang-list a:hover{background:none;color:#fff}
  .cip-sub a:hover{background:none;color:#fff}
  .cip-art{padding:24px 18px 28px}
  .cip-list{columns:1;column-rule:0}
  .cip-ftr-cols{grid-template-columns:repeat(2,1fr);gap:22px}
  .cip-band .cip-row{display:grid;grid-template-columns:1fr 1fr;gap:0}
  .cip-fact{padding:12px 14px 12px 0;margin:0;border-right:1px solid rgba(255,255,255,.2);
    border-bottom:1px solid rgba(255,255,255,.16)}
  .cip-fact:nth-child(2n){border-right:0;padding-right:0;padding-left:14px}
  .cip-fact:nth-last-child(-n+2){border-bottom:0}
  .cip-fact b{font-size:21px}
}
@media (max-width:560px){
  .cip-ftr-cols{grid-template-columns:1fr}
  .cip-section{grid-template-columns:54px minmax(0,1fr);gap:14px}
  .cip-section img{width:54px;height:54px}
}

/* ---------- цвет текста у КОНТЕЙНЕРОВ тёмных полос ----------
   Чекер контраста меряет и <li>/<span>, а они наследуют цвет от body (тёмные чернила).
   На тёмном фоне это даёт ложное «контраст ниже нормы» — задаём цвет явно. */
.cip-nav ul,.cip-nav li{color:#fff}
.cip-strip span,.cip-strip li{color:#cbbfae}
.cip-lang-list li{color:var(--ink)}
.cip-ftr li,.cip-ftr span,.cip-ftr p,.cip-ftr div{color:#cfe0d6}
.cip-ftr-cols h4{color:#fff}
.cip-band span,.cip-band div{color:#cfe0d6}
.cip-fact b{color:#fff}

/* ---------- гашение остатков темы донора ---------- */
.cip-art .g,.cip-art .single_post,.cip-art #content_box,.cip-art .post-single-content,
.cip-art .post-content,.cip-art .box{background:none!important;border:0!important;
  padding:0!important;margin:0!important;width:auto!important;float:none!important;
  box-shadow:none!important;max-width:none!important}
.cip-art [style*="font-family"]{font-family:inherit!important}
.cip-art [style*="font-size"]{font-size:inherit!important}
.cip-art [style*="width"]{max-width:100%!important}
.cip-art [style*="background"]:not([class*=cipv]){background:none!important;border:0!important}
.cip-art [style*="color"]:not([class*=cipv]){color:inherit!important}
.cip-art .western{font-family:inherit!important}
.cip-art font{font-size:inherit!important;color:inherit!important;font-family:inherit!important}
.cip-art td[align="center"],.cip-art th[align="center"]{text-align:center!important}