.kiddRules { color:#292b30; background:#fffaf0; padding:clamp(.75rem,3vw,2rem); border-radius:.65rem; max-width:76ch; margin:auto; font:1rem/1.65 system-ui,sans-serif; overflow-wrap:anywhere; container-type:inline-size; }
.kiddRules h1,.kiddRules h2 { color:#345875; line-height:1.2; margin:1.5em 0 .6em; }
.kiddRules h1 { font-size:clamp(1.5rem,6cqi,2.4rem); margin-top:0; }
.kiddRules h2 { border-bottom:2px solid #d5bc83; padding-bottom:.35em; font-size:1.4rem; }
.kiddRules img { max-width:100%; height:auto; display:block; margin:1rem auto; border-radius:.3rem; }
.kiddRules ul,.kiddRules ol { padding-left:1.4rem; }
.kiddRules li { margin:.5rem 0; }
.kiddRules a { color:#1d577d; text-underline-offset:.15em; }
.kiddRules [id] { scroll-margin-top:1rem; }
.kiddRules .kiddOnline { border-left:4px solid #345875; padding:.75rem 1rem; background:#eaf1f6; }
#panelRulesController .kiddRules { padding:.6rem; }
#panelRulesController .kiddRules .kiddOnline { padding:.5rem; }
@media(max-width:450px) { .kiddRules { font-size:.95rem; padding:.7rem; } }