.cmRules { max-width:960px; margin:auto; color:#382c1b; font:16px/1.65 system-ui,sans-serif; overflow-wrap:anywhere; }
.cmRules * { box-sizing:border-box; }
.cmRules .cmRulesHero { padding:clamp(20px,5vw,44px); background:linear-gradient(120deg,#382c20,#705027); color:#fff3d1; border-radius:12px; }
.cmRules .cmRulesHero h1 { font:700 clamp(30px,6vw,48px)/1.1 Georgia,serif; margin:.2em 0; color:inherit; }
.cmRules .cmRulesEyebrow { font-size:13px; text-transform:uppercase; letter-spacing:.08em; }
.cmRules nav { display:flex; flex-wrap:wrap; gap:8px; padding:16px 0; }
.cmRules nav a { display:block; padding:6px 12px; border-radius:20px; background:#eee1be; color:#503d22; text-decoration:none; }
.cmRules .cmRulesSummary { display:flex; flex-wrap:wrap; gap:8px 18px; padding:16px; background:#f5ecd6; border-left:4px solid #aa853d; }
.cmRules h2 { font:700 27px/1.25 Georgia,serif; margin:1.4em 0 .5em; color:#705027; }
.cmRules h3 { font:700 20px/1.3 Georgia,serif; color:#705027; }
.cmRules p { margin:.6em 0 1em; }
.cmRules li { padding-bottom:.7em; }
.cmRules figure { margin:24px 0; }
.cmRules figure img { display:block; width:100%; height:auto; max-width:100%; border-radius:8px; }
.cmRules figcaption { font-size:13px; color:#796749; padding:8px; }
.cmRules .cmRulesCards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); gap:14px; }
.cmRules article { padding:16px; border:1px solid #e1d3b4; border-radius:8px; background:#fffaf0; }
.cmRules article h3 { margin-top:0; }
@media(max-width:600px) { .cmRules { font-size:15px; }.cmRules h2 { font-size:23px; } }