/* Правила турниров (_TournamentRules): вкладка раздела турниров и окно поверх сайта из шапки окна турнира (window-kit.js). */
.rules-doc{display:grid;gap:18px;max-width:760px;color:var(--text-body);font-size:14px;line-height:1.5}
.rules-doc section{display:grid;gap:8px}
.rules-doc h3{display:flex;align-items:center;gap:8px;margin:0;color:var(--text-heading);font-size:16px}
.rules-doc p{margin:0;color:var(--text-muted)}
.rules-doc ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rules-doc section>ol>li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px}
.rules-doc section>ol>li>b{color:var(--text-muted);font-weight:600;font-variant-numeric:tabular-nums}
.rules-doc a{color:var(--accent)}
/* Простые списки документа (правила пати): маркеры или номера, без своей рамки. */
.rules-doc .rules-list{margin:0;padding-left:20px;display:grid;gap:8px}
.rules-doc section>ol.rules-list{list-style:decimal}
.rules-doc section>ol.rules-list>li{display:list-item;grid-template-columns:none}
.rules-doc section>ul.rules-list{list-style:disc}
.rules-doc section+section{padding-top:18px;border-top:1px solid var(--border-hairline)}
/* Инструкция по тегу команды — раскрывается под пунктом. */
.rules-guide{margin-top:6px;padding:8px 12px;border:1px solid var(--border-hairline);border-radius:var(--radius-xs);background:var(--ink-700)}
.rules-guide summary{cursor:pointer;color:var(--accent);font-weight:600}
.rules-guide ol{margin-top:10px;gap:14px;counter-reset:guide}
.rules-guide li{display:grid;gap:8px;counter-increment:guide}
.rules-guide li::before{content:"Шаг " counter(guide);color:var(--text-muted);font-size:12px;font-weight:600}
.rules-guide img{max-width:100%;height:auto;border:1px solid var(--border-hairline);border-radius:var(--radius-xs)}
/* Пошаговая инструкция с картинками (Dota TV). */
.rules-doc ol.rules-steps{gap:14px;counter-reset:step}
.rules-doc ol.rules-steps>li{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;counter-increment:step}
.rules-steps>li::before{content:"Шаг " counter(step);color:var(--text-muted);font-size:12px;font-weight:600}
.rules-steps img{max-width:100%;height:auto;border:1px solid var(--border-hairline);border-radius:var(--radius-xs)}
/* Кнопка в шапке окна; на телефоне — значком. */
.win-rules-btn{display:inline-flex;align-items:center;gap:6px;flex:none}
@media (max-width:640px){.win-rules-btn{padding-left:8px;padding-right:8px}.win-rules-btn span{display:none}}
/* Окно правил поверх сайта. */
.rules-over{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:rgba(4,6,12,.72)}
.rules-over__box{display:flex;flex-direction:column;width:min(820px,100%);max-height:100%;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--ink-800);box-shadow:0 24px 60px rgba(0,0,0,.6);overflow:hidden}
.rules-over__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-hairline)}
.rules-over__head b{color:var(--text-heading);font-size:16px}
.rules-over__body{flex:1 1 auto;min-height:0;overflow:auto;padding:20px;overscroll-behavior:contain}
@media (max-width:640px){.rules-over{padding:8px}.rules-over__body{padding:14px}}