/* Страницы правил: полный свод (планшетный макет), таблица очков, рейтинг */
:root{--rules-chip-bg:#ececec;--rules-chip-text:#b9b9b9;--rules-table-line:#e6e9ec;--rules-table-heading-line:#d9dee3}
@media screen and (prefers-color-scheme:dark){:root{--rules-chip-bg:var(--soft);--rules-chip-text:var(--muted);--rules-table-line:var(--line);--rules-table-heading-line:var(--soft-line)}}
.rules-full-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:48px;align-items:start}
.rules-contents{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px}
.rules-contents h2{font-size:20px;margin-bottom:0}
.rules-contents-list{display:flex;flex-direction:column;gap:8px}
.rules-contents-list a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--muted);font-size:15px}
.rules-contents-list a:hover{color:var(--text);text-decoration:none;background:var(--bg)}
.rules-contents-list a.active{background:var(--soft);color:var(--accent);font-weight:700}
.rules-chip{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--rules-chip-bg);color:var(--rules-chip-text);font-weight:800;font-size:14px;flex-shrink:0}
.rules-contents-list a.active .rules-chip{background:var(--surface);color:var(--accent)}
.rules-contents-title{line-height:1.35}
.rules-revision{margin:0}
.rules-chapters{display:flex;flex-direction:column;gap:56px;min-width:0}
.rules-chapter{max-width:860px}
.rules-kicker{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}
.rules-chapter h2{font-size:clamp(28px,3vw,38px);margin-bottom:16px}
.rules-lead{font-size:18px;line-height:1.6;margin-bottom:8px}
.rules-paragraphs{display:grid;gap:20px;margin-top:32px}
.rules-paragraph h3{margin-bottom:12px}
.rules-paragraph p{margin-bottom:12px}
.rules-paragraph p:last-child{margin-bottom:0}
.rules-figure{margin:0 0 12px}
.rules-figure img{width:100%;height:auto;border-radius:12px}
.rules-figure figcaption{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.5}
.rules-steps{margin:0 0 12px;padding-left:22px;color:var(--muted);font-size:14px;line-height:1.6}
.rules-steps li{margin-bottom:6px}
.rules-steps li:last-child{margin-bottom:0}
.rules-points{width:100%;max-width:420px;margin:0 0 12px;border-collapse:collapse;font-size:14px}
.rules-points th,.rules-points td{padding:10px 16px;border-bottom:1px solid var(--rules-table-line);text-align:left}
.rules-points thead th{border-bottom:2px solid var(--rules-table-heading-line);color:var(--text);font-weight:800;font-size:11px;letter-spacing:.4px;text-transform:uppercase}
.rules-points tbody tr:last-child td{border-bottom:0}
.rules-points tbody td{color:var(--muted)}
.rules-points tbody td:last-child{color:var(--text);font-weight:700}
.rules-rating-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.rules-back{margin-top:32px}
@media(max-width:1000px){.rules-full-layout{grid-template-columns:1fr;gap:24px}.rules-contents{position:static;top:auto}.rules-contents-list{flex-direction:row;overflow-x:auto;padding-bottom:8px;gap:8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.rules-contents-list a{flex-shrink:0;max-width:220px;padding:8px 10px;background:var(--surface)}.rules-contents-list a.active{background:var(--soft)}}
@media(max-width:900px){.rules-rating-grid{grid-template-columns:1fr}}
@media(max-width:700px){.rules-paragraphs{gap:12px}.rules-chapters{gap:40px}.rules-chip{width:34px;height:34px;border-radius:9px}}
@media(prefers-reduced-motion:reduce){.rules-contents-list a{scroll-behavior:auto}}