/* cassino.ing — общие стили внутренних страниц («Gabarito»). Токены и базовые компоненты — gb.css. */
/* крошки */
.gb-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;font-size:13px;color:var(--ink-2);margin-bottom:18px}
.gb-crumbs li{display:flex;align-items:center;min-width:0}.gb-crumbs li+li::before{content:"/";margin:0 8px;opacity:.5}
.gb-crumbs a{text-decoration:none;color:inherit}.gb-crumbs a:hover{text-decoration:underline}
.gb-crumbs [aria-current]{font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gb-crumbs-d ol{color:#C9C9F5}.gb-crumbs-d [aria-current]{color:#fff}
/* внутреннее хиро */
.gb-ihero{padding:28px 0 44px;position:relative;overflow:hidden}
.gb-ihero-c{background:var(--plate);color:#fff}
.gb-ihero-c::after{content:"";position:absolute;right:-140px;top:-160px;width:420px;height:420px;border-radius:50%;border:60px solid rgba(255,255,255,.06);pointer-events:none}
.gb-ihero-s{background:var(--card);border-bottom:1px solid var(--line)}
.gb-ihero-s .gb-kick{color:var(--plate)}.gb-ihero-s .gb-lead{color:var(--ink-2)}
.gb-ihero-in{position:relative;z-index:1}.gb-ihero-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center}
.gb-ihero h1{font-size:clamp(30px,4vw,50px);font-weight:900;letter-spacing:-.025em;line-height:1.05;max-width:820px}
.gb-ihero .gb-lead{max-width:680px}
.gb-ihero-side{min-width:0}
.gb-by-l .gb-by-m{color:var(--ink-2)}.gb-by-l .gb-by-n{color:var(--ink)}
.gb-by-n{text-decoration:none}.gb-by-n:hover{text-decoration:underline}
/* короткий ответ */
.gb-ans{background:var(--card);border:2px solid var(--ink);border-left:10px solid var(--lime);border-radius:var(--radius);padding:18px 22px;margin:0 0 36px;box-shadow:0 3px 0 var(--ink)}
.gb-ans .gb-lab{color:var(--plate);margin-bottom:8px}.gb-ans p+p{margin-top:6px}.gb-ans p:last-child{font-size:17px}
/* раскладка статьи */
.gb-art{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;padding-top:44px;padding-bottom:24px;align-items:start}
.gb-art-1{grid-template-columns:minmax(0,820px);justify-content:center}
.gb-art-m{min-width:0}
.gb-rail{position:sticky;top:calc(var(--hh, 64px) + 20px);display:flex;flex-direction:column;gap:16px;min-width:0}
.gb-sec{padding:8px 0 44px;scroll-margin-top:110px}.gb-sec+.gb-sec{border-top:1px solid var(--line);padding-top:40px}
.gb-sh-i h2{font-size:clamp(24px,2.6vw,32px)}
.gb-intro-i{font-size:17px;margin-bottom:20px}
.gb-sec>p:not([class]),.gb-prose p{margin:0 0 14px;max-width:760px}
.gb-sec h3{font-size:20px;margin:24px 0 10px}
.gb-sec ul.gb-ul{margin:0 0 16px;display:grid;gap:8px}.gb-sec ul.gb-ul li{position:relative;padding-left:22px}
.gb-sec ul.gb-ul li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--plate)}
/* рельс */
.gb-rtoc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}
.gb-rtoc summary{cursor:pointer;list-style:none;color:var(--ink-2)}.gb-rtoc summary::-webkit-details-marker{display:none}
.gb-rtoc ol{margin-top:10px;display:grid;gap:2px;max-height:52vh;overflow:auto}
.gb-rtoc a{display:flex;gap:10px;padding:6px 8px;border-radius:8px;text-decoration:none;font-size:14px;line-height:1.3}
.gb-rtoc a:hover{background:var(--paper)}.gb-rtoc a.on{background:#E7E7FD;color:var(--plate);font-weight:700}
.gb-rcta{color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);padding:16px;display:grid;gap:12px;box-shadow:0 3px 0 var(--ink)}
.gb-rcta .gb-tile{width:100%;height:64px}.gb-rc-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.gb-rc-n{font:900 20px/1.1 var(--f-d)}.gb-rc-o{font-size:14px;color:var(--ink-2)}
.gb-btn-w{width:100%}.gb-rcta .gb-alink{text-align:center;font-size:14px}
/* история, leia também */
.gb-hist{position:relative;display:grid;gap:14px;padding-left:22px}
.gb-hist::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--line)}
.gb-hist li{position:relative}.gb-hist li::before{content:"";position:absolute;left:-22px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--card);border:3px solid var(--plate)}
.gb-hist time{font:700 12px var(--f-m);color:var(--plate)}.gb-hist p{margin-top:2px}
.gb-rels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gb-rel{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 18px 40px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;min-width:0;transition:border-color .12s,transform .12s}
.gb-rel:hover{border-color:var(--plate);transform:translateY(-2px)}
.gb-rel .gb-lab{color:var(--plate)}.gb-rel-t{font:800 18px/1.2 var(--f-d)}.gb-rel-x{font-size:14px;color:var(--ink-2)}
.gb-rel-a{position:absolute;left:18px;bottom:14px;font-weight:700;color:var(--plate)}
/* адаптив */
@media (max-width:1024px){
  .gb-art{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:24px}
  .gb-rail{position:static;order:-1}.gb-rail .gb-rcta{display:none}
  .gb-rtoc details:not([open]) ol{display:none}
  .gb-ihero-g{grid-template-columns:minmax(0,1fr);gap:24px}
  .gb-rels{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .gb-ihero{padding:20px 0 32px}.gb-rels{grid-template-columns:minmax(0,1fr)}
  .gb-ans{padding:14px 16px;border-left-width:8px}
}
/* мини-топ-5 в рельсе */
.gb-top5{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 14px 12px}
.gb-top5 .gb-lab{margin-bottom:8px;color:var(--plate)}.gb-top5 ol{display:grid;gap:6px}
.gb-top5 li{display:grid;grid-template-columns:28px 40px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--line)}
.gb-top5 li:first-child{border-top:0}
.gb-t5-n{font:700 13px var(--f-m);color:var(--plate)}.gb-top5 .gb-tile{width:40px;height:30px}
.gb-t5-name{font-weight:700;font-size:14px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-t5-name:hover{color:var(--plate)}
.gb-t5-s{font:800 14px var(--f-d)}.gb-t5-b{min-height:32px;padding:4px 12px;font-size:13px}
.gb-t5-d{font-size:12px;color:var(--ink-2);margin-top:8px}
/* текст по ТЗ (06.11): комментарий автора, таблицы и шаги из _content */
.gb-cmt .gb-av{width:44px;height:44px}.gb-cmt .gb-lab{color:var(--plate);margin-bottom:4px}.gb-cmt p:last-child{font-size:16px}
.gb-table-w{min-width:0;white-space:normal}.gb-table-w th,.gb-table-w td{white-space:normal;vertical-align:top}
.gb-table-w tbody th{width:34%;font-weight:700;background:var(--paper)}
.gb-sec>ol.gb-steps{counter-reset:st;display:grid;gap:10px;margin:0 0 16px}
.gb-sec>ol.gb-steps li{counter-increment:st;position:relative;padding:10px 14px 10px 50px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.gb-sec>ol.gb-steps li::before{content:counter(st);position:absolute;left:12px;top:9px;width:26px;height:26px;border-radius:8px;background:var(--plate);color:#fff;font:800 14px/26px var(--f-d);text-align:center}
.gb-sec h3{scroll-margin-top:110px}
.gb-it-hcard{background:var(--card);color:var(--ink);border-radius:var(--radius);padding:18px;display:grid;gap:10px;box-shadow:0 3px 0 var(--ink)}
.gb-it-hcard .gb-it-tile{width:120px;height:72px}.gb-it-bonus{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);padding:16px 18px;box-shadow:0 3px 0 var(--ink);margin-bottom:12px}
@media(max-width:600px){.gb-tcards{overflow:visible}.gb-tcards table,.gb-tcards tbody,.gb-tcards tr,.gb-tcards td{display:block;width:auto}.gb-tcards thead{display:none}
 .gb-tcards tr{border:1px solid var(--line);border-radius:12px;margin:0 0 10px;padding:8px 12px;background:var(--card)}.gb-tcards td{border:0;padding:4px 0}
 .gb-tcards td::before{content:attr(data-l);display:block;font:700 10.5px var(--f-m);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2)}.gb-tcards td:first-child{font-weight:800}}
.gb-r-sum-l{color:#C9C9F5;margin:0 0 8px}

/* комментарий автора (06.11): карточка-цитата с подписью */
.gb-cmt{position:relative;margin:24px 0;padding:26px 26px 20px 30px;background:var(--card);border:2px solid var(--ink);border-radius:18px;box-shadow:4px 4px 0 var(--plate)}
.gb-cmt::before{content:"\201C";position:absolute;left:18px;top:-30px;font:900 88px/1 var(--f-d);color:var(--plate)}
.gb-cmt-k{font:700 11px var(--f-m);text-transform:uppercase;letter-spacing:.07em;color:var(--plate);margin:0 0 8px}
.gb-cmt-t{font:500 18px/1.55 var(--f-t);color:var(--ink);margin:0 0 16px;max-width:720px}
.gb-cmt-by{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px dashed var(--line)}
.gb-cmt-av{width:42px;height:42px;background:var(--lime);color:var(--ink);font:800 15px/42px var(--f-d);text-align:center;border-radius:50%;flex:none}
.gb-cmt-w{display:grid;gap:1px;min-width:0}.gb-cmt-n{font:800 15px var(--f-d);color:var(--ink);text-decoration:none}.gb-cmt-n:hover{color:var(--plate);text-decoration:underline}
.gb-cmt-r{font-size:13px;color:var(--ink-2)}
@media(max-width:600px){.gb-cmt{padding:22px 18px 16px 20px;box-shadow:3px 3px 0 var(--plate)}.gb-cmt-t{font-size:16.5px}.gb-cmt::before{font-size:72px;top:-24px}}
/* скриншоты, источники, отзывы игроков (06.11) */
.gb-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
.gb-shots-m{grid-template-columns:repeat(3,minmax(0,1fr))}
.gb-shot{margin:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.gb-shot a{display:block;background:#0F1217;line-height:0}.gb-shot img{width:100%;height:auto;display:block;transition:opacity .15s}.gb-shot a:hover img{opacity:.92}
.gb-shot figcaption{padding:10px 12px 12px;font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.gb-src{display:grid;gap:8px;counter-reset:s;margin:6px 0 0}
.gb-src li{counter-increment:s;position:relative;padding:10px 12px 10px 42px;background:var(--card);border:1px solid var(--line);border-radius:12px;display:grid;gap:2px}
.gb-src li::before{content:counter(s);position:absolute;left:12px;top:10px;width:20px;height:20px;border-radius:6px;background:var(--paper);font:700 12px/20px var(--f-m);text-align:center}
.gb-src a{font-weight:700;overflow-wrap:anywhere}.gb-src-m{font-size:13px;color:var(--ink-2)}
.gb-rvs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:12px 0}
.gb-rv{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:grid;gap:10px;align-content:start}
.gb-rv header{display:flex;justify-content:space-between;align-items:center;gap:10px}
.gb-rv-logo{font:900 18px var(--f-d)}.gb-rv-ra{color:#1C9F3F}.gb-rv-ra span{color:#0F1217;margin-left:2px}
.gb-rv-p{font-size:12.5px;color:var(--ink-2)}
.gb-rv-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.gb-rv-dl dt{font:700 10.5px var(--f-m);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2)}.gb-rv-dl dd{font:800 17px var(--f-d);margin:2px 0 0}
.gb-rv-tp{display:flex;flex-wrap:wrap;gap:6px}.gb-rv-tp li{font-size:13px;background:var(--paper);border-radius:999px;padding:3px 10px}
.gb-rv-big{font:900 40px/1 var(--f-d)}.gb-rv-big span{font-size:18px;color:var(--ink-2)}.gb-rv-s{font-size:12.5px;color:var(--ink-2)}
@media(max-width:600px){.gb-shots{grid-template-columns:minmax(0,1fr)}.gb-shots-m{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gb-shots{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.gb-shots-m{grid-template-columns:repeat(auto-fill,minmax(170px,230px))}
@media(max-width:600px){.gb-shots{grid-template-columns:minmax(0,1fr)}.gb-shots-m{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gb-av-img{object-fit:cover;border-radius:50%;background:var(--paper);padding:0}
/* ответы редакции под комментарием (06.11) */
.gb-rps{margin:16px 0 0;padding:0 0 0 22px;border-left:2px solid var(--line);display:grid;gap:12px}
.gb-rp{position:relative;background:var(--paper);border-radius:14px;padding:12px 14px}
.gb-rp::before{content:"";position:absolute;left:-22px;top:24px;width:18px;height:2px;background:var(--line)}
.gb-rp-h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:6px}
.gb-rp-av{width:30px;height:30px;font:800 11px/30px var(--f-d);text-align:center;border-radius:50%;background:var(--ink);color:#fff}
.gb-rp .gb-cmt-n{font-size:14px}.gb-rp .gb-cmt-r{font-size:12px}
.gb-rp-s{margin-left:auto;font:700 10.5px var(--f-m);text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:999px;background:#E7E7FD;color:var(--plate)}
.gb-rp-agree .gb-rp-s{background:#E3F6EA;color:#0B7A55}.gb-rp-disagree .gb-rp-s{background:#FFE9DE;color:#B4400B}
.gb-rp p{font-size:15.5px;line-height:1.55}
@media(max-width:600px){.gb-rps{padding-left:12px}.gb-rp::before{left:-12px;width:10px}.gb-rp-s{margin-left:0}}
.gb-src-t td:first-child{font-weight:700;width:34%}.gb-src-t td:last-child{white-space:nowrap;width:110px;color:var(--ink-2)}
.gb-rv-wide{grid-column:1/-1}.gb-rv-rep{font:800 13px var(--f-m);text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#FDE8E8;color:#B42318}
.gb-rv-dl{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.gb-rv-hist{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.gb-rv-hist li{display:grid;gap:2px;font:700 12px var(--f-t);padding:8px;border-radius:10px;background:var(--paper);text-align:center}
.gb-rv-hist li span{font:700 10.5px var(--f-m);text-transform:uppercase;color:var(--ink-2)}
.gb-rv-hist .gb-rv-h-ruim{background:#FDECEC}.gb-rv-hist .gb-rv-h-naorec{background:#F9D7D7}.gb-rv-hist .gb-rv-h-regula{background:#FFF4DA}.gb-rv-hist .gb-rv-h-bom,.gb-rv-hist .gb-rv-h-tima,.gb-rv-hist .gb-rv-h-ra{background:#E3F6EA}
@media(max-width:600px){.gb-rv-hist{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* первый абзац с прямым ответом (вместо рамки «Resposta curta» вне обзоров, 08.11) */
.gb-ans-p{font-size:19px;line-height:1.55;font-weight:500;color:var(--ink);margin:0 0 20px}
@media (max-width:700px){.gb-ans-p{font-size:17px}}
/* линия времени (/guides/bets-ban/, 08.11) */
.gb-tline{list-style:none;margin:8px 0 18px 12px;padding:0;border-left:3px solid var(--plate)}
.gb-tline li{position:relative;padding:0 0 16px 24px}
.gb-tline li::before{content:"";position:absolute;left:-11.5px;top:2px;width:14px;height:14px;border-radius:50%;background:var(--lime);border:3px solid var(--plate);box-sizing:content-box}
.gb-tline time{display:block;font:700 13px var(--f-m);color:var(--plate);text-transform:uppercase;letter-spacing:.02em}
.gb-tline p{margin:4px 0 0}
.gb-tilelink .gb-tile-wide img,.gb-tile-wide img{max-width:100%;max-height:40px}
.gb-it-tile img.gb-lsq{display:none}
.gb-it-tile.gb-has-sq img:not(.gb-lsq){display:none}.gb-it-tile.gb-has-sq img.gb-lsq{display:block;width:40px;height:40px;max-width:40px;max-height:40px}
@media (max-width:640px){.gb-it-tile.gb-has-sq img.gb-lsq{width:32px;height:32px}}