/* Contextual CTA labels (inc/cta.php) can be long: on mobile the 18+ line goes under the button. */
@media (max-width:760px){.ctab__b{flex-wrap:wrap}.ctab__b .btn{flex:1 1 100%;white-space:normal;text-align:center;height:auto;min-height:48px;padding:10px 18px}.ctab__b .fine{width:100%;text-align:center}}
/* Top 10 на ПК: одинаковые колонки во всех строках, чипы в одну линию, кнопки одной ширины */
@media (min-width:1061px){
.top10__r{grid-template-columns:36px 230px 240px 140px 64px minmax(0,1fr)}
.top10__m .mchip-row{flex-wrap:nowrap;justify-content:flex-start}
.top10__t,.top10__d{justify-self:start}
.top10__cta{justify-content:flex-end}
.top10__cta .btn{width:290px;justify-content:center;white-space:nowrap}
.top10__cta .bt__kassa{width:88px;text-align:right}
}
/* Оглавление: строка-реквизит под hero, свёрнуто по умолчанию */
.toc{margin:16px 0 0;border-top:2px solid var(--deep,#0D2B24);border-bottom:1px solid var(--line,#DCE3E0);background:var(--card,#fff)}
.toc summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;padding:14px 16px;font:600 15px/1.3 var(--f-b);color:var(--ink,#111917)}
.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"+";margin-left:auto;font:500 20px/1 var(--f-m,"IBM Plex Mono",monospace);color:var(--ink2,#4D5B57)}
.toc[open] summary::after{content:"−"}
.toc__c{font:500 12px/1 var(--f-m,"IBM Plex Mono",monospace);color:var(--ink3,#82908B);text-transform:uppercase;letter-spacing:.04em}
.toc__l{columns:2;column-gap:32px;padding:4px 16px 16px}
.toc__l li{break-inside:avoid}
.toc__l a{display:flex;gap:10px;padding:7px 0;border-top:1px dashed var(--line,#DCE3E0);color:var(--ink,#111917);text-decoration:none;font-size:15px}
.toc__l a:hover{color:var(--link,#0F6B57)}
.toc__n{font:500 13px/1.5 var(--f-m,"IBM Plex Mono",monospace);color:var(--ink3,#82908B);min-width:22px}
@media (max-width:760px){.toc__l{columns:1}}