.rules-section{padding-top:24px}
.rules-intro{max-width:82ch}
.rules-intro p{margin-top:20px;font-size:16px}
.rules-intro .button{margin-top:22px}
.rules-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:34px 0;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}
.rules-summary>div{padding:22px;border-right:1px solid var(--line)}
.rules-summary>div:last-child{border-right:0}
.rules-summary strong{display:block;font-size:24px;color:var(--accent)}
.rules-summary span{display:block;color:var(--muted);font-size:13px;margin-top:5px}
.rules-tools{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:30px 0 22px}
.rules-tools label{flex:1;max-width:560px;min-width:0;font-size:13px;font-weight:600}
.rules-tools input{width:100%;margin-top:8px}
.rules-section .filters{flex-wrap:wrap;margin-bottom:16px}
#rules-count{font-size:12px;margin:0 0 16px}
.rules-list .accordion{scroll-margin-top:150px}
.rule-body{padding:0 24px 24px;max-width:94ch}
.rule-body p{line-height:1.8;color:#bfc7d0}
.rule-permalink{margin-top:20px;color:var(--accent)}
.rules-help{margin-top:32px}
@media(max-width:760px){.rules-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-summary>div:nth-child(2){border-right:0}.rules-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.rules-tools{align-items:stretch;flex-direction:column}.rules-tools label{max-width:none}.rule-body{padding:0 16px 20px}.rules-list .accordion{scroll-margin-top:100px}}
@media(max-width:390px){.rules-summary>div{padding:15px}.rules-summary strong{font-size:21px}.rules-tools .button-row{gap:8px}}
