/* Стили только страницы «Правила» */
.page{padding-block:56px 80px;max-width:820px}
.page h1{font:600 clamp(30px,5vw,48px)/1.1 "Unbounded",sans-serif;letter-spacing:-.02em}
.page .lead{margin-top:16px;color:var(--muted);max-width:56ch}
.bar{margin-top:36px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.tabs{position:relative;display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}
.tabs button{position:relative;z-index:1;border:0;background:none;color:var(--muted);font:600 15px "Onest",sans-serif;padding:9px 18px;border-radius:999px;cursor:pointer}
.tabs button:hover{color:var(--text)}
.tabs button[aria-selected="true"]{color:var(--accent-ink)}
.tab-ind{position:absolute;z-index:0;top:5px;bottom:5px;left:0;border-radius:999px;background:var(--accent)}
.tab-ind.ready{transition:transform .32s cubic-bezier(.3,.7,.2,1),width .32s cubic-bezier(.3,.7,.2,1)}
.toggle{border:0;background:none;color:var(--muted);font:15px "Onest",sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.toggle:hover{color:var(--text)}
.rules{margin-top:20px;border-top:1px solid var(--line)}
.rules details{border-bottom:1px solid var(--line)}
.rules summary{display:flex;align-items:baseline;gap:18px;padding:18px 4px;cursor:pointer;list-style:none;font-weight:600;font-size:18px}
.rules summary::-webkit-details-marker{display:none}
.rules summary{transition:color .2s}
.rules summary:hover{color:var(--accent)}
.rules summary::after{content:"+";margin-left:auto;color:var(--muted);font-size:24px;line-height:1;transition:transform .28s cubic-bezier(.2,.7,.2,1),color .2s}
.rules details[open] summary::after{transform:rotate(45deg);color:var(--accent)}
.rules .num{font:500 15px "JetBrains Mono",ui-monospace,monospace;color:var(--accent);min-width:2.6em}
.rules .body{padding:0 4px 22px calc(2.6em + 22px);color:var(--muted);max-width:68ch}
.rules .body b{color:var(--text)}
@media (max-width:560px){.rules .body{padding-left:4px}.rules summary{gap:12px}}