/* The deployed rules view is newer than its base stylesheet. */
.promotion-page .promotion-rules{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;width:100%;max-width:720px;min-height:100%;margin:0 auto;padding:72px 24px 28px;background:linear-gradient(#0b302d,#091315);color:#f2e2b3}
.promotion-page .promotion-rules>*{min-width:0;box-sizing:border-box}
.promotion-page .promotion-rules>.source-h1{display:block;margin:0;font-size:28px;font-weight:700;line-height:1.25;color:#ffe8a6;overflow-wrap:anywhere}
.promotion-page .promotion-rules>.source-p{display:block;margin:0;line-height:1.6;color:#d8ccab;overflow-wrap:anywhere}
.promotion-page .promotion-rule{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:18px;border:1px solid #a58b46;border-radius:12px;color:#f2e2b3}
.promotion-page .promotion-rule>:last-child{flex-shrink:0;white-space:nowrap}
.promotion-page .promotion-rules>[data-promotion-poster],.promotion-page .promotion-rules>[data-promotion-team]{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;height:auto;margin:0;padding:12px 16px;border:1px solid #a58b46;border-radius:12px;background:transparent;color:#f2e2b3;font-size:15px;font-weight:600;line-height:1.4;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.promotion-page .promotion-rules>[data-promotion-poster]{border-color:#fec928;background:#fec928;color:#271d0d}
.promotion-page .promotion-rules>[data-promotion-poster]::after,.promotion-page .promotion-rules>[data-promotion-team]::after{border:0}
.promotion-page .promotion-rules>[data-promotion-poster]:focus-visible,.promotion-page .promotion-rules>[data-promotion-team]:focus-visible{outline:2px solid #ffe8a6;outline-offset:3px}
