/* Navy and teal interface. Template sections, rails and carousel controls are retained. */
:root{
 --bg-page:#f2f7fa;--bg-surface:#fff;--bg-header:#102c43;--bg-header-hover:#1a415b;--bg-dropdown:#173d57;--bg-dropdown-hover:#21536c;--bg-drawer:rgba(10,32,50,.97);--bg-toolbar:#102c43;
 --brand:#123b52;--brand-mid:#1d536a;--brand-line:#7cc9d2;--divider-drawer:#477b8a;
 --text-title:#12374c;--text-body:#405b6c;--text-muted:#506a7b;
 --accent-pink:#087f88;--accent-red:#087f88;--accent-orange:#e7b75c;--accent-green:#087f88;
 --shadow-brand:rgba(17,63,81,.18);--grad-pill:linear-gradient(230deg,#cce8ed,#fff);
 --grad-primary:linear-gradient(135deg,#0b8c91,#006d79);--grad-primary-hover:linear-gradient(135deg,#087780,#005a66);--grad-secondary:linear-gradient(135deg,#0b8c91,#006d79);
 --grad-warn-hover:linear-gradient(135deg,#28546a,#173d57);--grad-badge:linear-gradient(135deg,#0a9196,#006c7a);
 --grad-support-frame:linear-gradient(135deg,#497b91,#b4e5e8);--grad-support-face:linear-gradient(135deg,#12627c,#0d3d58);--support-glow:#82d7d6;
}
.head-bar,.sp-toolbar{background:#102c43}.head-bar__link,.head-bar__search{color:#fff}.sp-drawer{background:#102c43}.sp-drawer__link{color:#effaff}.sp-drawer__link:hover{background:#1d536a}
.sp-btn--primary,.sp-btn--secondary{background-image:var(--grad-primary);box-shadow:inset 0 -3px 8px rgba(0,38,52,.22),0 0 0 3px #8ddbd9,0 6px 14px rgba(5,104,119,.22);color:#fff}
.sp-btn--primary:hover,.sp-btn--secondary:hover{background-image:var(--grad-primary-hover)}.sp-btn__title{text-shadow:none}.sp-btn--warn{box-shadow:inset 0 0 0 2px #9ccfd7}
.hero__bubble{background-image:none;background:#f0fbfc;border:3px solid #a0e4e0;border-radius:36px 36px 36px 8px;box-shadow:0 12px 32px rgba(5,28,47,.28)}
.hero__kicker,.hero__lead,.hero__terms{color:#12374c;text-shadow:none}.hero__sheen:before{background:linear-gradient(188deg,rgba(14,93,123,.45),transparent)}
.hero__step{background-image:linear-gradient(155deg,#4b92a3,#184a65);box-shadow:inset 0 0 0 1px #8ac5d0;color:#fff}.hero__step-img{filter:hue-rotate(-65deg)}
.hero__dot{border-color:#0b8c91}.hero__dot.is-active{background:#0b8c91}.sp-arrow{background:#244b63;color:#fff}
.site-article{color:#294a5d}.site-article p{color:#405b6c}.site-article a{color:#006b7a}.site-article th{background:#12374c;color:#fff}.site-article td,.site-article th{border-color:#d6e5eb}.site-article tr:nth-child(even){background:#edf6f8}.table-scroll,.site-article details{border-color:#cee2e8}.site-article details{background:#fff}.site-article summary{color:#12374c}.article-toc{background:#e9f5f7;border-color:#bddde4}
.f-out{background:#e6f0f5;color:#405b6c}.f-col__title,.f-col__link{color:#12374c}.sp-float__up{background:#173d57}.live__card,.live__head,.tourn__info{color:#12374c}.live__odd{background:#e4f2f5;color:#12374c}.jack__board{background-color:#12374c}
/* A single correctly assigned image per promotional card; no inset copy. */
.promo__card{height:350px;min-height:350px;background:#102c43!important;background-image:none!important;isolation:isolate}
.promo__card .promo__bg{position:absolute;inset:0 0 0 auto;left:auto;top:0;width:62%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:none;border-radius:0;z-index:0}
.promo__card:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#102c43 0%,#102c43 35%,rgba(16,44,67,.85)44%,rgba(16,44,67,0)64%)}
.promo__card .promo__content{position:absolute;inset:0 auto 0 0;left:0;top:0;right:auto;bottom:0;transform:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:40px 6%;width:49%;max-width:none;text-align:left;z-index:2;box-sizing:border-box}
.promo__card .promo__title{margin:0;font-size:clamp(25px,2.8vw,42px);line-height:1.12;color:#fff;text-shadow:none;overflow-wrap:normal}
.promo__card .promo__lead{margin:0;display:block;font-size:clamp(16px,1.6vw,23px);line-height:1.4;color:#d6edf3;max-width:360px}
.promo__card .sp-btn{margin-top:4px;flex-shrink:0}.promo__card .sp-btn__title{font-size:19px;line-height:1.2}.promo__card .promo__logo,.promo__card .promo__guy,.promo__card .promo__pic{display:none}
@media(max-width:600px){
 .promo__card{height:420px;min-height:420px}.promo__card .promo__bg{inset:0 0 auto;width:100%;height:63%;object-position:center}
 .promo__card:after{background:linear-gradient(0deg,#102c43 0%,#102c43 30%,rgba(16,44,67,.9)40%,rgba(16,44,67,0)72%)}
 .promo__card .promo__content{inset:auto 0 0;width:100%;padding:22px 26px;gap:12px;min-height:200px}.promo__card .promo__title{font-size:27px}.promo__card .promo__lead{font-size:16px}.promo__card .sp-btn{min-height:46px;padding:12px 20px}.promo__arrow{top:28%}
}
.hero .hero__step:nth-child(1){background:linear-gradient(150deg,#367d93,#174962)}
.hero .hero__step:nth-child(2){background:linear-gradient(150deg,#3699a1,#146574)}
.hero .hero__step:nth-child(3){background:linear-gradient(150deg,#278d91,#164b62)}
.hero .hero__step:nth-child(n)::after{background:radial-gradient(50% 50%,rgba(3,47,62,.45),transparent)}

/* Jackpot heading and game rail form one balanced, responsive section. */
.jack{width:calc(100% - 48px);max-width:1680px;margin:30px auto 40px;padding:36px 28px 32px;box-sizing:border-box;border-radius:24px;background:#102c43;background-image:radial-gradient(ellipse at 80% 0%,rgba(23,132,143,.32),transparent 65%);color:#fff;overflow:hidden}
.jack .jack__inner{width:100%;max-width:1280px;padding:0}
.jack .jack__board{display:flex;flex-direction:column;align-items:center;gap:12px;width:auto;max-width:780px;margin:0 auto 30px;padding:0;background:transparent;text-shadow:none}
.jack .jack__title{margin:0;color:#fff;font-size:clamp(26px,3vw,38px);line-height:1.2}
.jack .jack__prize{margin:0;color:#d0e8ef;font-size:18px;line-height:1.5;font-weight:400}
.jack .jack__cta{margin:4px 3px 3px;min-height:48px;padding:12px 24px}
.jack .jack__cta .sp-btn__title{font-size:20px;line-height:1.2}
.jack .jcard{background:#204a61}
@media(max-width:600px){.jack{width:calc(100% - 32px);padding:28px 18px;margin:24px auto 30px;border-radius:20px}.jack .jack__board{gap:10px;margin-bottom:24px}.jack .jack__title{font-size:26px}.jack .jack__prize{font-size:16px}}
/* Transparent text containers on both main hero banners. */
.hero__bubble{background:transparent;background-image:none;border-color:transparent;box-shadow:none}
.hero__kicker,.hero__lead,.hero__terms{color:#fff;text-shadow:0 2px 5px rgba(0,10,24,.85)}
.hero__amount{background:none;-webkit-text-fill-color:#fff;color:#fff;text-shadow:0 3px 10px rgba(0,10,24,.7)}
.hero__inner::after{background:linear-gradient(90deg,rgba(7,22,40,.12),rgba(7,22,40,.5)45%,rgba(7,22,40,.18))}
/* Persistent mobile table controls, independent of OS scrollbar visibility. */
.table-component{width:100%;min-width:0;max-width:100%;margin:24px 0}
.table-component .table-scroll{margin:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-slider{display:none}
@media(max-width:1023px){
 .table-component .table-slider:not([hidden]){display:block;box-sizing:border-box;width:100%;height:28px;margin:8px 0 0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-x;accent-color:#087f88}
 .table-slider::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:#c6dfe6}
 .table-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:36px;height:18px;margin-top:-6px;border:2px solid #fff;border-radius:9px;background:#087f88;box-shadow:0 1px 4px rgba(16,44,67,.3)}
 .table-slider::-moz-range-track{height:6px;border-radius:6px;background:#c6dfe6}
 .table-slider::-moz-range-thumb{width:32px;height:14px;border:2px solid #fff;border-radius:9px;background:#087f88}
 .table-slider:focus-visible{outline:2px solid #087f88;outline-offset:3px;border-radius:8px}
}