.atollRules { max-width:900px; margin:auto; color:#283e39; font:16px/1.65 system-ui,sans-serif; overflow-wrap:anywhere; }
.atollRules header { padding:clamp(18px,4vw,38px); border-radius:14px; background:linear-gradient(120deg,#dbece1,#f5efdd); margin-bottom:18px; }
.atollRules header h1 { font:500 clamp(36px,8vw,64px)/1.1 Georgia,serif; margin:8px 0; color:#215e54; }
.atollRules .atollEyebrow { font-size:11px; letter-spacing:.12em; }
.atollRules nav { display:flex; gap:8px; flex-wrap:wrap; margin:16px 0; }
.atollRules nav a { color:#24685b; background:#edf4ef; border-radius:20px; padding:6px 12px; font-size:13px; }
.atollRules section { margin:24px 0; scroll-margin-top:15px; }
.atollRules h2 { font:600 24px/1.25 Georgia,serif; color:#276557; border-bottom:1px solid #c9d9cf; padding-bottom:8px; }
.atollRules p { margin:12px 0; }
.atollRules figure { margin:18px 0; }
.atollRules img { display:block; max-width:100%; height:auto; margin:auto; }
.atollRules figcaption { font-size:13px; text-align:center; margin:8px 0; color:#596d64; }
.atollRules .atollVariants { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); gap:18px; }
.atollRules .atollVariants figure { margin:0; padding:16px; border:1px solid #d1ded3; border-radius:12px; background:#fafbf7; }
.atollRules .atollVariants img { max-height:280px; object-fit:contain; }