.smRules { container-type:inline-size; box-sizing:border-box; color:#1d2940; background:white; font:1rem/1.65 system-ui,sans-serif; max-width:72rem; margin:auto; padding:clamp(.75rem,3%,2.5rem); overflow-wrap:normal; }
#panelRules:has(.smRules),#rulesContainer:has(.smRules) { background:white; }
.smRules h1,.smRules h2,.smRules h3,.smRules h4 { color:#213c64; line-height:1.25; clear:both; }
.smRules h2 { margin:1.6em 0 .6em; padding-bottom:.35em; border-bottom:2px solid #b8cbe0; }
.smRules p { margin:.7em 0; text-align:start; line-height:1.65; }
.smRules img { max-width:100%; height:auto; object-fit:contain; }
.smRules .important { background:#dfebf8; padding:1rem; border-radius:.8rem; font-weight:600; text-align:center; }
.smRules .example { background:white; padding:1rem; border-left:3px solid #799fc5; display:flow-root; border-radius:.4rem; }
.smRules img.wrap { float:none; display:block; max-width:100%; margin:.5rem auto 1rem; }
.smRules .clear { clear:both; display:block; font-style:italic; }
@container(min-width:40rem) { .smRules img.wrap { float:right; max-width:min(42%,16rem); margin:0 0 .7rem 1rem; } }