.twoRules { color:#213c42;background:#f7fbf9;padding:clamp(.75rem,3vw,2rem);border-radius:.7rem;max-width:78ch;margin:auto;font:1rem/1.65 system-ui,sans-serif;overflow-wrap:anywhere;container-type:inline-size; }
.twoRules h1,.twoRules h2 {color:#14566c;line-height:1.25;margin:1.5em 0 .7em;}
.twoRules h1 {font-size:clamp(1.7rem,6cqi,2.6rem);margin-top:0;}
.twoRules h2 {font-size:1.3rem;border-bottom:2px solid #b5d2ca;padding-bottom:.35em;}
.twoRules p {text-align:start;}
.twoRules img {max-width:100%;height:auto;vertical-align:middle;border-radius:.3rem;margin:.35rem;}
.twoRules aside {background:#e3f0ea;border-left:4px solid #378371;padding:.7rem 1rem;border-radius:.3rem;}
.twoRules aside h2 {margin-top:0;}
.twoRules ul {padding-left:1.3rem;}
#panelRulesController .twoRules {padding:.65rem;}
#panelRulesController .twoRules img {max-width:calc(100% - .7rem);}
.twoRules .twoOnline {background:#e3f0ea;border-left:4px solid #378371;padding:.6rem .8rem;border-radius:.3rem;}
.twoRules summary {font-weight:600;cursor:pointer;color:#14566c;}
.twoRules .twoOnline p {margin:.6rem 0 0;}
.twoRules nav {display:flex;flex-wrap:wrap;gap:.35rem;margin:1rem 0;}
.twoRules nav a {color:#14566c;background:#e3f0ea;border-radius:.3rem;padding:.2rem .5rem;text-decoration:none;font-size:.9rem;}
.twoRules nav a:hover,.twoRules nav a:focus-visible {text-decoration:underline;}
.twoRules [id] {scroll-margin-top:1rem;}