/* ленты игр в контенте */
.ck-sec--rail .ck-railhead{align-items:flex-end}
.ck-sec--rail .ck-railhead>div:first-child{flex:1 1 auto;min-width:0}
.ck-sec--rail .ck-railhead__all{margin-left:14px}
.ck-railhead__t{font-family:var(--serif);font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.3;color:var(--ink);margin:0;max-width:62ch}
.ck-sec--rail .ck-eyebrow{margin-bottom:6px}
@media(max-width:640px){.ck-railhead__t{font-size:15px}}

/* бейджи магазинов */
.ck-devfig{position:relative;width:100%;max-width:360px;margin:0 auto;border-radius:18px;overflow:hidden;background:#0f1419;container-type:inline-size}
.ck-devfig img{display:block;width:100%;height:auto;aspect-ratio:1428/1072;object-fit:cover;max-width:none}
.ck-devfig::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,18,.12),rgba(10,14,18,.3))}
.ck-devfig .ck-store__b{position:absolute;left:50%;top:55.1%;translate:-50% -50%;z-index:2;width:64%;min-height:17.5cqw;justify-content:center;gap:4cqw;padding:1.5cqw 3cqw;border-radius:2.4cqw;background:#000;border-color:rgba(255,255,255,.08)}
.ck-devfig .ck-store__b .ck-i{width:10cqw;height:10cqw}
.ck-devfig .ck-store__b span{font-size:7.2cqw;letter-spacing:-.02em}
.ck-devfig .ck-store__b small{font-size:3.6cqw;color:#dfe4ea}
.ck-store__b{display:inline-flex;align-items:center;gap:11px;background:#15181d;border:1px solid var(--line);border-radius:14px;padding:9px 18px 9px 15px;color:var(--ink);transition:border-color .2s}
.ck-store__b .ck-i{width:26px;height:26px;color:#fff}
.ck-store__b span{display:flex;flex-direction:column;font-family:var(--sans);font-size:16px;font-weight:700;line-height:1.15;letter-spacing:-.01em}
.ck-store__b small{font-size:10.5px;font-weight:400;letter-spacing:.04em;color:var(--muted)}
@media(min-width:1024px){.ck-store__b:hover{border-color:var(--brand);color:var(--ink)}}

/* разделы: мелкая строка под hero, списки, выноски */
.ck-hero__note{margin:14px 0 0;font-size:12px;line-height:1.5;color:#9aa4b0;max-width:62ch}
.ck-ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ck-ticks li{display:flex;gap:11px;align-items:flex-start;margin:0;font-size:15px;color:#d9e0e7}
.ck-ticks .ck-i{color:var(--brand);margin-top:5px;flex:none}
ol.ck-ticks{counter-reset:ck}
ol.ck-ticks li{counter-increment:ck}
ol.ck-ticks li::before{content:counter(ck);flex:none;width:24px;height:24px;border-radius:50%;background:rgba(21,212,108,.14);color:var(--brand);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}
.ck-call{display:flex;gap:11px;align-items:flex-start;background:rgba(243,201,105,.08);border:1px solid rgba(243,201,105,.22);border-radius:14px;padding:14px 16px;font-size:14.5px;color:#e4eaf0;margin:0}
.ck-call .ck-i{color:var(--gold);margin-top:4px;flex:none}
:is(.ck-ticks,.ck-call,.ck-dl,.ck-pros,.ck-cards)+:is(h3,p){margin-top:26px}

.ck-sec a,.ck-faq a{overflow-wrap:anywhere}

/* B19·4: крошки и «Page contents» в одной строке */
.ck-toc--bar .ck-toc__bar{gap:14px;flex-wrap:wrap}
.ck-crumbs{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:12.5px;color:var(--muted);min-width:0}
.ck-crumbs a{color:var(--muted)}
.ck-crumbs__sep{opacity:.5}
.ck-crumbs__now{color:var(--ink)}
.ck-toc__btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:12.5px;color:var(--muted);white-space:nowrap}
@media(min-width:1024px){.ck-crumbs a:hover{color:var(--brand)}}
@media(max-width:420px){.ck-toc--bar .ck-toc__bar{align-items:flex-start;flex-direction:column;gap:8px}}
/* B27: отрисованная карточка раздела */
.ck-figure{margin:0;padding:0}
.ck-figure img{display:block;width:100%;max-width:800px;height:auto;margin:0 auto;border-radius:18px;border:1px solid var(--line)}
.ck-sec+.ck-figure{margin-top:-10px}
.ck-figure+.ck-sec{border-top:0}

/* фильтр лент по студии */
.ck-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.ck-filter__b{font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--surface-3);border:1px solid var(--line);color:#cfd7df;border-radius:999px;padding:9px 15px;cursor:pointer;margin:0}
.ck-filter__b.is-on{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
@media(min-width:1024px){.ck-filter__b:not(.is-on):hover{border-color:var(--brand);color:var(--ink)}}
