.mbRules{max-width:920px;margin:0 auto;padding:16px;container-type:inline-size;container-name:mbRules;color:#283e39;font:17px/1.7 system-ui,sans-serif;overflow-wrap:anywhere}
.mbRules,.mbRules *{box-sizing:border-box}
.mbRules>header{padding:28px;margin-bottom:32px;background:linear-gradient(130deg,#263f3e,#597058);color:#fff4d8;border-radius:16px;border-bottom:5px solid #c6ac70}
.mbRules .mbEyebrow{letter-spacing:.25em;font-size:12px;font-weight:700;margin:0}
.mbRules h1{font-family:Georgia,serif;font-size:clamp(28px,5vw,46px);line-height:1.15;color:inherit;margin:12px 0}
.mbRules h2{font:700 clamp(23px,4vw,30px)/1.2 Georgia,serif;color:#37574a;margin:2em 0 .6em;padding-bottom:8px;border-bottom:2px solid #d9cdaa;scroll-margin-top:20px}
.mbRules h3{font:700 21px/1.3 Georgia,serif;color:#37574a}
.mbRules nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.mbRules nav a{padding:6px 12px;border:1px solid #d9cdaa;border-radius:20px;color:#37574a;text-decoration:none;font-size:14px}.mbRules nav a:hover{background:#f4efdf}
.mbRules p,.mbRules li{max-width:75ch}
.mbRules li{margin-bottom:12px}
.mbRules img{max-width:100%;height:auto;vertical-align:middle;border-radius:5px}
.mbRules li>img{width:38px;margin-right:12px}
.mbRules>div>img{display:block;margin:20px auto;max-height:400px;object-fit:contain}
.mbRules table.cards{width:100%;border-collapse:separate;border-spacing:0 12px;table-layout:fixed}
.mbRules table.cards td{padding:14px;background:#f4efdf;vertical-align:middle;border:0}
.mbRules table.cards td:first-child{border-radius:10px 0 0 10px;width:45%}
.mbRules table.cards td:last-child{border-radius:0 10px 10px 0}
.mbRules table.cards td[colspan]{border-radius:10px;background:#e7e8d8}
.mbRules table.cards td.left{text-align:center;line-height:1}
.mbRules table.cards td.left img{width:clamp(45px,9vw,75px);margin:3px}
@media(max-width:600px){.mbRules{font-size:16px;padding:12px}.mbRules>header{padding:20px}.mbRules table.cards,.mbRules table.cards tbody,.mbRules table.cards tr,.mbRules table.cards td{display:block;width:100%!important}.mbRules table.cards tr{margin:16px 0;background:#f4efdf;border-radius:10px}.mbRules table.cards td{border-radius:10px!important;padding:12px}.mbRules table.cards td.left img{width:62px}}

/* A sidepanel can be narrow even when the browser viewport is wide. */
.mbRules h1{font-size:clamp(24px,7cqi,46px);overflow-wrap:normal;word-break:normal;hyphens:auto}
.mbRules>header{padding:clamp(12px,4cqi,28px)}
@container mbRules (max-width:480px){
 .mbRules>header{margin-bottom:18px;border-radius:10px}
 .mbRules h1{font-size:26px;line-height:1.2;margin:10px 0}
 .mbRules h2{font-size:23px;overflow-wrap:normal;hyphens:auto}
 .mbRules p,.mbRules li{font-size:15px;line-height:1.55}
 .mbRules .mbEyebrow{font-size:11px;letter-spacing:.16em}
 .mbRules nav{gap:6px;margin:14px 0}
 .mbRules nav a{padding:5px 8px;font-size:13px;border-radius:6px}
 .mbRules table.cards,.mbRules table.cards tbody,.mbRules table.cards tr,.mbRules table.cards td{display:block;width:100%!important}
 .mbRules table.cards tr{margin:12px 0;background:#f4efdf;border-radius:8px}
 .mbRules table.cards td{border-radius:8px!important;padding:10px;font-size:15px;line-height:1.5}
 .mbRules table.cards td.left img{width:54px}
}
@container mbRules (max-width:240px){.mbRules h1{font-size:23px}.mbRules>header{padding:10px}.mbRules nav{display:grid;grid-template-columns:1fr}.mbRules nav a{border:0;border-bottom:1px solid #d9cdaa;border-radius:0}}