.rules-screen{position:absolute;inset:0;display:flex;flex-direction:column;background:#fff;color:#080808;transform:translateY(100%);pointer-events:none;transition:transform 820ms cubic-bezier(.22,1.1,.36,1);transition-timing-function:linear(0,.02244,.07948,.15824,.24883,.34384,.4379,.52732,.60972,.68373,.74875,.80475,.85209,.89138,.92339,.94896,.96897,.98424,.99556,1.00365,1.00913,1.01257,1.01444,1.01514,1.01498,1.01423,1.01311,1.01177,1.01034,1.00891,1.00753,1.00625,1.00509,1.00406,1.00318,1.00243,1.0018,1.00128,1.00087,1.00055,1);will-change:transform}
.phone.rules-open{background:#fff}
.phone.rules-open .welcome-screen{transform:translateY(-100%)}
.phone.rules-open .rules-screen{transform:translateY(0);pointer-events:auto}
.phone.charity-open .rules-screen{transform:translateY(-100%)}
.phone.static-preview .rules-screen{transition:none!important}
.rules-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 7cqw 4cqw;scrollbar-width:thin;scrollbar-color:#bdbdbd #fff}
.rules-screen .charity-title-bar{padding-bottom:7cqw}
.rules-list{margin:0;padding:0;list-style:none}
.rule{display:grid;grid-template-columns:7.3cqw minmax(0,1fr);gap:2cqw;margin:0 0 5.7cqw;padding:0}
.rule:last-child{margin-bottom:0}
.rule-number{font-size:3.3cqw;line-height:1.4;font-weight:500;color:#909090;letter-spacing:-.02em;padding-top:.6cqw;font-variant-numeric:tabular-nums}
.rule-content h3{font-size:4.6cqw;font-weight:550;line-height:1.25;letter-spacing:-.025em;margin:0 0 1.6cqw}
.rule-content>p{font-size:3.65cqw;line-height:1.45;letter-spacing:-.012em;color:#6b6b6b;margin:0}
.rules-screen .rule-details{padding:0;border:0;margin:1.25cqw 0 0}
.rule-details summary{display:flex;align-items:center;gap:1.5cqw;width:fit-content;min-height:9cqw;list-style:none;cursor:pointer;font-size:3.55cqw;line-height:1.35;font-weight:500;letter-spacing:-.015em;color:#161616}
.rule-details summary::-webkit-details-marker{display:none}
.rule-details summary::marker{content:""}
.rule-details summary svg{width:3.3cqw;height:3.3cqw;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.rule-details[open] summary svg{transform:rotate(180deg)}
.rule-details summary:focus-visible{outline:2px solid #080808;outline-offset:3px;border-radius:2px}
.rule-expanded{border-left:1px solid #d9d9d9;padding:1.8cqw 0 .4cqw 3.5cqw;margin:1cqw 0 1.5cqw}
.rule-expanded p{font-size:3.4cqw;line-height:1.5;letter-spacing:-.01em;color:#737373;margin:0 0 3cqw}
.rule-expanded p:last-child{margin-bottom:0}
.rule-expanded h4{font-size:3.45cqw;font-weight:550;line-height:1.35;letter-spacing:-.015em;margin:3.5cqw 0 1cqw;color:#1a1a1a}
.rule-expanded h4:first-child{margin-top:0}
.rules-footer{flex-shrink:0;padding:3cqw 7cqw 7cqw;background:#fff}
.rules-next{background:#080808;color:#fff}
.rules-next:focus-visible{outline:2px solid #080808;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.rules-screen{transition:none}}

/* Premium rules studies. Copy and interaction remain common to all three. */
.rule-icon{display:none}
.rule-icon svg{display:block;width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.rules-screen[data-rules-style="icons"] .charity-title-bar{padding-top:9cqw;padding-bottom:9cqw}
.rules-screen[data-rules-style="icons"] .charity-title{font-size:8.8cqw;font-weight:600;letter-spacing:-.05em}
.rules-screen[data-rules-style="icons"] .rule{grid-template-columns:7cqw minmax(0,1fr);gap:4cqw;margin:0;padding:4.4cqw 0;border-bottom:1px solid #e6e6e6}
.rules-screen[data-rules-style="icons"] .rule:first-child{padding-top:0}
.rules-screen[data-rules-style="icons"] .rule:last-child{border:0;padding-bottom:0}
.rules-screen[data-rules-style="icons"] .rule-index{display:none}
.rules-screen[data-rules-style="icons"] .rule-number{padding-top:.15cqw;color:#111}
.rules-screen[data-rules-style="icons"] .rule-icon{display:block;width:6.2cqw;height:6.2cqw}
.rules-screen[data-rules-style="icons"] .rule-content h3{font-size:4.7cqw;letter-spacing:-.03em;font-weight:550;margin-bottom:2cqw}
.rules-screen[data-rules-style="icons"] .rule-content>p{font-size:3.6cqw;line-height:1.5;color:#707070}
.rules-screen[data-rules-style="icons"] .rule-details summary{font-size:3.4cqw;font-weight:500}
.rules-screen[data-rules-style="editorial"] .charity-title-bar{padding-top:9cqw;padding-bottom:9cqw}
.rules-screen[data-rules-style="editorial"] .charity-title{font-size:9.2cqw;font-weight:550;letter-spacing:-.055em}
.rules-screen[data-rules-style="editorial"] .rule{grid-template-columns:13cqw minmax(0,1fr);gap:3.5cqw;margin:0 0 6.5cqw}
.rules-screen[data-rules-style="editorial"] .rule:last-child{margin-bottom:0}
.rules-screen[data-rules-style="editorial"] .rule-number{font-size:10cqw;font-weight:400;letter-spacing:-.075em;line-height:1;padding:0;color:#a0a0a0}
.rules-screen[data-rules-style="editorial"] .rule-content h3{font-size:5cqw;font-weight:550;letter-spacing:-.04em;line-height:1.12;margin-bottom:2.5cqw}
.rules-screen[data-rules-style="editorial"] .rule-content>p{font-size:3.6cqw;line-height:1.5;color:#6d6d6d}
.rules-screen[data-rules-style="editorial"] .rule-details summary{font-size:3.4cqw;font-weight:500}
.rules-screen[data-rules-style="marks"] .charity-title-bar{padding-top:9cqw;padding-bottom:8cqw}
.rules-screen[data-rules-style="marks"] .charity-title{font-size:8.8cqw;letter-spacing:-.045em;font-weight:650}
.rules-screen[data-rules-style="marks"] .rule{display:block;position:relative;margin:0;padding:3.4cqw 0;border-bottom:1px solid #e2e2e2}
.rules-screen[data-rules-style="marks"] .rule:first-child{padding-top:0}
.rules-screen[data-rules-style="marks"] .rule:last-child{border:0;padding-bottom:0}
.rules-screen[data-rules-style="marks"] .rule-index{display:none}
.rules-screen[data-rules-style="marks"] .rule-number{position:absolute;right:0;top:3.4cqw;display:flex;align-items:center;justify-content:center;padding:0;width:8.5cqw;height:8.5cqw;color:#fff;background:#080808;border-radius:1.6cqw}
.rules-screen[data-rules-style="marks"] .rule:first-child .rule-number{top:0}
.rules-screen[data-rules-style="marks"] .rule-icon{display:block;width:4.8cqw;height:4.8cqw}
.rules-screen[data-rules-style="marks"] .rule-icon svg{stroke-width:1.5}
.rules-screen[data-rules-style="marks"] .rule-content h3{font-size:4.8cqw;font-weight:600;line-height:1.2;letter-spacing:-.03em;min-height:8.5cqw;display:flex;align-items:center;padding-right:12cqw;margin-bottom:1.8cqw}
.rules-screen[data-rules-style="marks"] .rule-content>p{font-size:3.7cqw;line-height:1.5;color:#6c6c6c}
.rules-screen[data-rules-style="marks"] .rule-details{margin-top:1cqw}
.rules-screen[data-rules-style="marks"] .rule-details summary{font-size:3.45cqw}