.page-nav{min-width:0;overflow-x:auto}.page-nav-btn{flex-shrink:0}
.rules-page{max-width:900px;margin:0 auto;padding-bottom:28px}
.rules-banner{display:block;width:100%;height:auto;border:1px solid #66502b;border-radius:15px;margin-bottom:22px;background:#17140e}
.rules-intro{padding:4px 4px 22px}.rules-intro h1{font-size:clamp(26px,4vw,36px);margin:10px 0 14px}
.rules-intro p{white-space:pre-line;color:#b7c6cc;font-size:16px;line-height:1.8;margin:0 0 18px}
.rules-source{color:#80d9ca;text-underline-offset:4px;font-size:13px}
.rules-contents{padding:20px 24px;margin:0 0 24px;border:1px solid #34534e;border-radius:14px;background:#11211f;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.rules-contents h2{grid-column:1/-1;margin:0 0 8px;font-size:16px}
.rules-contents button{text-align:left;border:0;border-radius:7px;background:transparent;color:#a4e1d6;padding:9px 6px;font:inherit;font-size:13px;cursor:pointer}
.rules-contents button:hover{background:#1c3530;color:#fff}.rules-contents button:focus-visible{outline:2px solid #80d9ca}
.rules-section{scroll-margin-top:20px;margin:0 0 18px;padding:24px 28px;border:1px solid #2d414b;border-radius:14px;background:#101a21}
.rules-section h2{margin:0 0 18px;font-size:20px;line-height:1.45}.rules-section ul{margin:0;padding-left:22px}
.rules-section li,.rules-section p{padding-left:4px;margin:0 0 15px;line-height:1.8;color:#b6c6cf;font-size:15px;overflow-wrap:anywhere}
.rules-section li:last-child{margin-bottom:0}.rules-section li::marker{color:#6db4a8}.rules-section strong{color:#e8f2f5}
@media(max-width:600px){.rules-contents{grid-template-columns:1fr;padding:16px}.rules-section{padding:19px 17px}.rules-section h2{font-size:18px}.rules-banner{border-radius:10px}.rules-intro p{font-size:14px}.rules-section li{font-size:14px}}