.cbRulesHost{container:cityblocks-rules / inline-size;width:100%;max-width:960px;margin-inline:auto}
.cbRules{margin:0;padding:clamp(8px,2.4cqw,24px);color:#263b29;background:#faf7e9;font:1rem/1.5 system-ui,sans-serif;overflow-wrap:anywhere;box-sizing:border-box}
.cbRules h1{font-size:clamp(1.4rem,4cqw,2.5rem);line-height:1.15;text-align:left;color:#416c2c;margin:.5em 0 .35em}
.cbRules h2{font-size:clamp(1.05rem,2.4cqw,1.35rem);line-height:1.25;color:#416c2c;border-bottom:1px solid #cad7b4;padding-bottom:.25em;margin:1.1em 0 .5em;scroll-margin-top:.5em}
.cbRules p{margin:.55em 0}.cbRules li{margin:.45em 0}.cbRules ul{margin:.55em 0;padding-left:1.2em}
.cbRules img{display:block;max-width:100%;height:auto;margin:.6em auto;border-radius:6px}
.cbRulesNav,.cbRulesNote{background:#e8efd9;border:1px solid #b9c99f;border-radius:7px;padding:8px 10px}
.cbRulesNav summary{cursor:pointer;font-weight:700}.cbRulesNav nav{display:flex;flex-wrap:wrap;gap:5px 14px;padding-top:7px}
.cbRules a{color:#365e21}.cbRulesNote{margin-top:1em}.cbRulesNote h2{margin-top:0}
@container cityblocks-rules (max-width:420px){
    .cbRules{padding:8px;font-size:.95rem;line-height:1.45}
    .cbRulesNav,.cbRulesNote{padding:6px 8px}
    .cbRulesNav nav{display:grid}
}