.rules-page { padding-top:48px;padding-bottom:72px; }
.rules-hero { max-width:760px;margin-bottom:36px; }
.rules-hero h1 { margin:12px 0 18px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.2; }
.rules-hero > p:not(.eyebrow) { color:var(--muted);font-size:1.05rem;line-height:1.8; }
.rules-version { display:inline-block;margin-top:16px;padding:7px 12px;border:1px solid var(--line);border-radius:6px;color:var(--gold-2);font-size:.8rem; }
.rules-layout { display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start; }
.rules-nav { position:sticky;top:24px;display:grid;gap:4px; }
.rules-nav h2 { font-family:var(--font-body);font-size:.8rem;letter-spacing:2px;color:var(--muted);margin-bottom:12px;text-transform:uppercase; }
.rules-nav a { display:flex;gap:12px;padding:10px 0;font-size:.88rem;line-height:1.5; }
.rules-nav a span { color:var(--gold);font-size:.75rem;padding-top:2px; }
.rules-sections { display:grid;gap:16px;min-width:0; }
.rules-card { display:flex;gap:20px;padding:26px;scroll-margin-top:24px; }
.rules-card h2,.rules-contact h2 { font-size:1.18rem;margin:0 0 12px; }
.rules-card p,.rules-contact p { color:var(--muted);font-size:.94rem;line-height:1.85;margin:0; }
.rules-number { color:var(--gold);font-size:1rem;min-width:26px;padding-top:2px; }
.rules-contact { padding:28px; }
.rules-contact p { margin-bottom:20px; }
.rules-contact .btn { margin:0 8px 8px 0; }
.rules-note { font-size:.8rem;line-height:1.8;color:var(--muted);padding:0 4px; }
@media(max-width:760px) { .rules-page{padding-top:30px}.rules-layout{grid-template-columns:1fr;gap:24px}.rules-nav{position:static;grid-template-columns:1fr 1fr;gap:4px 18px}.rules-nav h2{grid-column:1/-1}.rules-card{padding:20px;gap:12px}.rules-contact{padding:22px} }
@media(max-width:420px) { .rules-nav{grid-template-columns:1fr}.rules-card h2{font-size:1.08rem} }