.smRules { color:#352f28; background:#fffaf0; padding:clamp(12px,3vw,32px); border-radius:12px; font:16px/1.65 system-ui,sans-serif; max-width:1100px; margin:auto; box-sizing:border-box; }
.smRules * { box-sizing:border-box; }
.smRules header { border-bottom:3px solid #a57c45; padding-bottom:18px; margin-bottom:20px; }
.smRules header small { color:#80623f; text-transform:uppercase; letter-spacing:.15em; }
.smRules header h1 { font:700 clamp(28px,5vw,48px)/1.15 Georgia,serif; margin:8px 0; color:#674725; }
.smRules header p { margin:0; }
.smRules .smRuleSections { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr)); gap:16px; align-items:start; }
.smRules .smRuleSection { min-width:0; padding:16px; background:#fff; border:1px solid #eadfc9; border-radius:8px; }
.smRules .smRuleSection h2 { color:#7b3e25; font:700 23px/1.25 Georgia,serif; margin:0 0 12px; }
.smRules p { margin:0 0 10px; }
.smRules ul { padding-left:22px; margin:0; }
.smRules li { margin:8px 0; }
.smRules table,.smRules tbody,.smRules tr,.smRules td { display:block; width:auto; border:0; padding:0; margin:0; }
.smRules tr { margin:10px 0; }
.smRules td:first-child { font-weight:600; }
.smRules img { max-width:100%; height:auto; vertical-align:middle; }
.smRules td img,.smRules img.smRuleCounter { width:25px; height:25px; }
.smRules img.smRuleBoard { display:block; margin:14px auto 0; }
#panelRules .smRules { padding:10px; border-radius:8px; }
#panelRules .smRules header { padding-bottom:10px; margin-bottom:12px; }
#panelRules .smRules .smRuleSections { gap:10px; }
#panelRules .smRules .smRuleSection { padding:10px; }