.swRules { max-width:78ch; margin:0 auto; padding:clamp(12px,3vw,30px); color:#392d20; background:#fffdf6; line-height:1.65; overflow-wrap:anywhere; }
.swRules h1 { font-size:clamp(1.65rem,4vw,2.6rem); color:#4e702e; margin:1rem 0; line-height:1.15; }
.swRules h2 { color:#4e702e; font-size:1.45rem; margin:1.6rem 0 .65rem; border-bottom:2px solid #e8d6a6; padding-bottom:.35rem; }
.swRules h3 { color:#735a32; font-size:1.15rem; margin:1.2rem 0 .5rem; }
.swRules p { margin:.65rem 0; }
.swRules img { display:block; max-width:100%; height:auto; margin:1rem auto; border-radius:8px; }
.swRules ul { padding-left:1.35rem; }
.swRules li { margin:.55rem 0; }
.swRules .swRulesSummary,.swRules .swRulesNotice { border-radius:10px; padding:12px 16px; background:#f5eacb; border-left:4px solid #8b9d56; }
.swRules .swRulesNotice { background:#eef4e3; }
.swRules .swRulesNotice h2 { border:0; margin-top:0; font-size:1.15rem; }
.swRules .swRulesSummary p { margin:.25rem 0 0; }
.swRules a { color:#2e632d; text-decoration:underline; }
@media(max-width:480px) { .swRules { padding:10px; line-height:1.5; } .swRules h2 { font-size:1.25rem; } }
