/* ==========================================================
   7k067t.casino — 7K Casino / 7К Казино
   Концепт: «индиго и пиксельная бирюза», справочник определений
   Префикс классов: .browserfit-   ·   Шрифты: Ruda + PT Serif
   Тема тёмная: индиговый фон, бирюзовые метки, узкая колонка 900px
   ========================================================== */

:root{
  --void:#0a0d26;
  --void2:#0e1232;
  --slab:#141942;
  --slab2:#1a2053;
  --aqua:#3fd6c8;
  --aqua-d:#1f9b90;
  --violet:#8a7bff;
  --amber:#e8b45c;
  --text:#e3e7f7;
  --mut:#98a0c8;
  --rule:rgba(63,214,200,.22);
  --rule2:rgba(227,231,247,.10);
  --mono:ui-monospace,'Cascadia Mono','Consolas','Courier New',monospace;
  --pad:clamp(16px,4vw,26px);
  --edge:4px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    linear-gradient(180deg,#0c1030 0,#0a0d26 340px),
    repeating-linear-gradient(90deg,rgba(63,214,200,.045) 0 1px,transparent 1px 64px),
    var(--void);
  color:var(--text);
  font-family:'PT Serif',Georgia,'Times New Roman',serif;
  font-size:16.5px;
  line-height:1.76;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:'Ruda',system-ui,sans-serif;font-weight:700;line-height:1.26;margin:0 0 13px;letter-spacing:-.005em}
h1{font-size:clamp(26px,3.4vw,42px);color:#fff}
h1 em{font-style:normal;color:var(--aqua)}
h2{font-size:clamp(21px,2.4vw,30px);color:#fff}
h3{font-size:clamp(16px,1.6vw,20px);color:var(--aqua)}
h4{font-family:'Ruda',sans-serif;font-size:14.6px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--violet);margin:0 0 9px}
p{margin:0 0 14px}
a{color:var(--aqua);text-decoration:none;transition:color .16s,border-color .16s}
a:hover{color:var(--amber)}
em{font-style:normal}

.browserfit-in{width:min(900px,92vw);margin:0 auto}
.browserfit-in--wide{width:min(1080px,94vw)}
.browserfit-skip{position:absolute;left:-9999px}
.browserfit-skip:focus{left:14px;top:14px;background:var(--aqua);color:#06131a;padding:9px 15px;z-index:99}

/* ---------- ШАПКА ---------- */
.browserfit-bar{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;gap:20px;
  padding:9px max(4vw,15px);
  background:rgba(10,13,38,.94);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--rule);
}
.browserfit-logo{display:flex;align-items:center;gap:11px;color:var(--text)}
.browserfit-logo svg{width:34px;height:34px;flex:none}
.browserfit-logo__t{display:flex;flex-direction:column;line-height:1.16}
.browserfit-logo__n{font-family:'Ruda',sans-serif;font-weight:700;font-size:17px}
.browserfit-logo__s{font-family:var(--mono);font-size:10.5px;color:var(--mut);letter-spacing:.09em;text-transform:uppercase}
.browserfit-nav{display:flex;gap:15px;margin-left:auto;font-family:var(--mono);font-size:12.8px}
.browserfit-nav a{color:var(--mut);letter-spacing:.05em}
.browserfit-nav a:hover{color:var(--aqua)}
.browserfit-cta{
  flex:none;background:var(--aqua);color:#05141a;
  padding:10px 18px;font-family:'Ruda',sans-serif;font-weight:700;font-size:14px;
  border-radius:var(--edge);letter-spacing:.02em;
}
.browserfit-cta:hover{background:var(--amber);color:#1a1200}
.browserfit-cta--ghost{background:none;color:var(--aqua);border:1.5px solid var(--aqua)}
.browserfit-cta--ghost:hover{background:none;color:var(--amber);border-color:var(--amber)}

/* ---------- СЕКЦИИ И МЕТКИ ---------- */
section{padding:44px 0;border-top:1px solid var(--rule2)}
section:first-of-type{border-top:none}
.browserfit-tag{
  display:inline-block;font-family:var(--mono);font-size:12.2px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--aqua-d);margin-bottom:9px;
  border-left:2px solid var(--aqua);padding-left:9px;
}
.browserfit-tag i{font-style:normal;color:var(--violet);padding:0 3px}
.browserfit-lede{color:var(--mut);max-width:72ch}

/* ---------- СПИСКИ ОПРЕДЕЛЕНИЙ ---------- */
.browserfit-dl{
  display:grid;grid-template-columns:240px 1fr;
  margin:18px 0 0;border-top:1px solid var(--rule2);
}
.browserfit-dl dt{
  font-family:'Ruda',sans-serif;font-weight:700;font-size:14.6px;color:var(--aqua);
  padding:11px 16px 11px 0;border-bottom:1px solid var(--rule2);
}
.browserfit-dl dd{
  margin:0;padding:11px 0;border-bottom:1px solid var(--rule2);
  font-size:15.4px;color:var(--text);
}
.browserfit-dl dd u{text-decoration:none;color:var(--mut);font-family:var(--mono);font-size:13px}
.browserfit-dl--acc dt{color:var(--amber)}
.browserfit-dl--acc dd{color:#f2f4ff}
.browserfit-dl--tight dd{font-size:14.8px;color:var(--mut)}

/* ---------- HERO ---------- */
.browserfit-hero{padding:38px 0 40px;border-top:none}
.browserfit-hero__lead{font-size:18.2px;color:var(--mut);max-width:68ch;margin-bottom:20px}
.browserfit-hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.browserfit-hero__cta a{padding:13px 25px;font-size:15.4px}
.browserfit-quick{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.browserfit-quick a{
  font-family:var(--mono);font-size:13px;letter-spacing:.03em;
  border:1px solid var(--rule);border-radius:var(--edge);
  padding:8px 14px;color:var(--text);background:var(--slab);
}
.browserfit-quick a:hover{border-color:var(--amber);color:var(--amber)}
.browserfit-kpi{
  display:grid;grid-template-columns:repeat(5,1fr);gap:1px;
  background:var(--rule2);border:1px solid var(--rule2);
}
.browserfit-kpi div{background:var(--void2);padding:15px 13px}
.browserfit-kpi u{display:block;text-decoration:none;font-family:'Ruda',sans-serif;font-weight:700;
  font-size:clamp(19px,2.2vw,26px);color:var(--aqua);line-height:1.2}
.browserfit-kpi i{display:block;font-style:normal;font-family:var(--mono);font-size:11.4px;
  color:var(--mut);margin-top:5px;line-height:1.5;letter-spacing:.03em}

/* ---------- ЦИТАТЫ ---------- */
.browserfit-q{margin:20px 0 0;padding-left:18px;border-left:2px solid var(--violet)}
.browserfit-q p{margin:0 0 6px;font-size:15.6px}
.browserfit-q cite{font-style:normal;font-family:var(--mono);font-size:12.6px;color:var(--mut);letter-spacing:.03em}
.browserfit-q cite u{text-decoration:none;color:var(--amber);letter-spacing:.14em}

/* ---------- FAQ ---------- */
.browserfit-faq details{
  border-bottom:1px solid var(--rule2);padding:12px 0;
}
.browserfit-faq summary{cursor:pointer;font-family:'Ruda',sans-serif;font-weight:700;
  font-size:15.2px;color:#fff;line-height:1.5}
.browserfit-faq summary::marker{color:var(--aqua)}
.browserfit-faq p{margin:9px 0 0;font-size:14.9px;color:var(--mut)}

/* ---------- ФИНАЛ И АВТОР ---------- */
.browserfit-final{background:var(--slab);border:1px solid var(--rule);border-radius:var(--edge);padding:26px var(--pad);margin-top:6px}
.browserfit-final p{max-width:72ch}
.browserfit-author{background:var(--void2);border-left:3px solid var(--violet);padding:20px var(--pad);margin-top:24px;font-size:14.8px;color:var(--mut)}
.browserfit-author h3{color:#fff}

/* ---------- СХЕМА ---------- */
.browserfit-fig{margin:22px 0 0;background:var(--void2);border:1px solid var(--rule2);padding:16px}
.browserfit-fig svg{width:100%;height:auto;display:block}
.browserfit-fig figcaption{font-family:var(--mono);font-size:12px;color:var(--mut);margin-top:10px;letter-spacing:.03em}

/* ---------- ПОДВАЛ ---------- */
.browserfit-foot{background:#070a1d;border-top:1px solid var(--rule);padding:40px 0 26px;font-size:14.4px;color:var(--mut)}
.browserfit-foot h4{color:var(--aqua)}
.browserfit-foot .browserfit-in{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.browserfit-fine{grid-column:1/-1;border-top:1px solid var(--rule2);padding-top:15px;font-family:var(--mono);font-size:12.2px;line-height:1.7}

/* ---------- АДАПТИВ ---------- */
@media (max-width:1000px){
  .browserfit-nav{display:none}
  .browserfit-kpi{grid-template-columns:repeat(3,1fr)}
  .browserfit-dl{grid-template-columns:200px 1fr}
  .browserfit-foot .browserfit-in{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  body{font-size:16px}
  section{padding:32px 0}
  .browserfit-kpi{grid-template-columns:1fr 1fr}
  .browserfit-dl{grid-template-columns:1fr;border-top:none}
  .browserfit-dl dt{border-bottom:none;padding:11px 0 0}
  .browserfit-dl dd{padding-top:3px}
  .browserfit-foot .browserfit-in{grid-template-columns:1fr}
  .browserfit-hero__cta a{flex:1 1 100%;text-align:center}
}

/* ---------- СОСТОЯНИЯ И ДОСТУПНОСТЬ ---------- */
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
::selection{background:rgba(63,214,200,.28);color:#fff}
a:focus-visible,summary:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}
html{scrollbar-color:var(--aqua-d) var(--void)}
*::-webkit-scrollbar{width:11px;height:11px}
*::-webkit-scrollbar-track{background:var(--void2)}
*::-webkit-scrollbar-thumb{background:var(--slab2);border:2px solid var(--void2)}
*::-webkit-scrollbar-thumb:hover{background:var(--aqua-d)}

/* ---------- РИТМ СПРАВОЧНИКА ---------- */
.browserfit-dl dt::before{
  content:"";display:inline-block;width:6px;height:6px;
  background:var(--aqua);margin-right:9px;vertical-align:2px;
}
.browserfit-dl--acc dt::before{background:var(--amber)}
.browserfit-dl--tight dt::before{background:var(--violet)}
.browserfit-dl dd + dt{border-top:none}
.browserfit-dl dt:hover{color:#fff}
.browserfit-dl dt:hover::before{background:var(--amber)}
.browserfit-dl dd u{display:inline-block;margin-left:6px;opacity:.85}
.browserfit-dl dd u::before{content:"· "}

/* ---------- МЕТКИ РАЗДЕЛОВ ---------- */
.browserfit-tag{transition:border-color .18s,color .18s}
section:hover > .browserfit-in > .browserfit-tag{border-color:var(--amber);color:var(--aqua)}
section h2 + .browserfit-lede{margin-top:-2px}
section > .browserfit-in > h2{max-width:22ch}
@supports (text-wrap:balance){section > .browserfit-in > h2,h1{text-wrap:balance}}

/* ---------- HERO-ПОДЛОЖКА ---------- */
.browserfit-hero{position:relative;overflow:hidden}
.browserfit-hero::before{
  content:"";position:absolute;inset:auto -10% -60% 55%;height:340px;
  background:radial-gradient(closest-side,rgba(138,123,255,.20),transparent 70%);
  pointer-events:none;
}
.browserfit-hero > .browserfit-in{position:relative;z-index:2}
.browserfit-hero__cta a{border-radius:var(--edge);display:inline-block}
.browserfit-quick a{transition:transform .16s,border-color .16s,color .16s}
.browserfit-quick a:hover{transform:translateY(-2px)}
.browserfit-kpi div:nth-child(3) u,.browserfit-kpi div:nth-child(5) u{color:var(--amber)}
.browserfit-kpi div{transition:background .18s}
.browserfit-kpi div:hover{background:var(--slab)}

/* ---------- ЦИТАТЫ И СХЕМА ---------- */
.browserfit-q + .browserfit-q{margin-top:22px}
.browserfit-q:nth-child(3){border-left-color:var(--aqua)}
.browserfit-q:nth-child(4){border-left-color:var(--amber)}
.browserfit-fig{border-radius:var(--edge);overflow-x:auto}
.browserfit-fig svg{min-width:560px}

/* ---------- FAQ ---------- */
.browserfit-faq details[open] summary{color:var(--aqua)}
.browserfit-faq details:first-of-type{border-top:1px solid var(--rule2)}
.browserfit-faq summary::-webkit-details-marker{color:var(--aqua)}
.browserfit-faq details:hover summary{color:var(--amber)}

/* ---------- ФИНАЛ И ПОДВАЛ ---------- */
.browserfit-final h3{font-size:clamp(19px,2.2vw,26px)}
.browserfit-final a.browserfit-cta{display:inline-block;padding:13px 26px;font-size:15.2px}
.browserfit-author p:last-child{margin-bottom:0}
.browserfit-foot p{margin-bottom:10px}
.browserfit-foot p:last-child{margin-bottom:0}
.browserfit-fine p{font-size:12.2px}

/* ---------- ШИРОКИЕ ЭКРАНЫ ---------- */
@media (min-width:1280px){
  body{font-size:17px}
  .browserfit-dl{grid-template-columns:260px 1fr}
  section{padding:52px 0}
}

/* ---------- ПЕЧАТЬ И ДВИЖЕНИЕ ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}
@media print{
  body{background:#fff;color:#111}
  .browserfit-bar,.browserfit-quick,.browserfit-hero__cta,.browserfit-cta{display:none}
  .browserfit-dl dt{color:#111}
  a{color:#111}
}