/* GGPoker Global-inspired visual system: cinematic art, charcoal panels, red actions.
   Original 7XL assets and Roy's factual service content; no offer or outcome promises. */
.service-site { --bone:#f4f4f6; --muted:#b9b9c2; --gold:#ff6371; --gold-bright:#ff7d88; --red:#dc1428; --red-deep:#b30b1c; --hair:#45454d; --hair-soft:#333338; background:#19191c; color:#f4f4f6; }
.service-site h1,.service-site h2,.service-site h3 { font-weight:600; }
.service-site .offer-bar { background:#0d0d0f; color:#a9a9b1; border-bottom:1px solid #2b2b30; font-size:.7rem; padding:5px 18px; }
.service-site .offer-bar strong { color:#fff; }
.service-site .nav,.service-site .nav.scrolled,.service-site .footer { --bone:#f5f5f6; --muted:#b4b4be; background:#0d0d0f; color:#f5f5f6; }
.service-site .nav { border-bottom:1px solid #67121d; }
.service-site .nav-inner { height:79px; }
.service-site .nav-brand { gap:12px; }
.service-site .nav-brand .brand-mark { width:58px; height:58px; border-radius:13px; flex:none; background:#080909; }
.brand-lockup { display:grid; gap:2px; line-height:1.35; }
.brand-lockup strong { font-size:1.06rem; color:#fff; font-weight:600; }
.brand-lockup > span { font-size:.65rem; color:#b8b8c2; letter-spacing:.02em; }
.service-site .nav-links { align-self:stretch; align-items:stretch; gap:0; }
.service-site .nav-links li { display:flex; }
.service-site .nav-links a { display:flex; align-items:center; border-radius:0; padding-inline:13px; color:#e4e4e8; }
.service-site .nav-links a:hover,.service-site .nav-links a[aria-current=page] { color:#fff; text-decoration:none; background:linear-gradient(0deg,#b70f2466,transparent 90%); box-shadow:inset 0 -4px #e21b30; }
.service-site .nav-mobile a { color:#dddde4; }
.service-site .nav-mobile a:hover { color:#fff; background:#29292e; }
.service-site .btn { border-radius:30px; box-shadow:none; }
.service-site .btn-red,.service-site .btn-wa { background:#dc1428; border-color:#dc1428; color:#fff; }
.service-site .btn-red:hover,.service-site .btn-wa:hover { background:#b50c1d; border-color:#b50c1d; }
.service-site .btn-outline,.service-site main .btn-gold,.service-site .nav .btn-gold { background:#ffffff09; border:1px solid #606069; color:#f5f5f7; }
.service-site .btn-outline:hover,.service-site .btn-gold:hover { background:#ffffff15; border-color:#9c9ca6; }
.service-site .wa-float { background:#d7192d; color:#fff; box-shadow:0 5px 18px #0007; }
.service-site a:focus-visible,.service-site button:focus-visible,.service-site summary:focus-visible { outline-color:#ff6979; }
.kicker { color:#bdbdc5; font-size:.75rem; letter-spacing:.035em; }
.text-link,.guide-links a { color:#ff7180; }
/* One expansive banner instead of a pair of boxed cards. */
.service-hero.global-hero { position:relative; overflow:hidden; isolation:isolate; background:#030303; border-bottom:1px solid #34343b; padding:0; }
.global-hero .service-grid { position:relative; display:flex; align-items:center; min-height:520px; gap:0; padding-block:52px 70px; }
.global-hero .service-copy { position:relative; z-index:2; width:46%; max-width:550px; }
.global-hero .service-copy h1 { color:#fff; font-size:clamp(2.8rem,4.7vw,4.5rem); font-weight:700; line-height:1.12; margin:0 0 25px; }
.global-hero .service-copy h1 span { color:#fff; }
.global-hero .service-copy .kicker { color:#d1d1d8; border-inline-start:3px solid #e51930; padding-inline-start:12px; margin-bottom:21px; }
.global-hero .service-lede { color:#c8c8d0; font-size:1rem; line-height:1.85; max-width:29em; }
.global-hero .service-fine { color:#a9a9b2; font-size:.73rem; max-width:32em; margin-top:18px; }
.global-hero .hero-actions { margin-top:24px; gap:10px; }
.global-hero .roi-hero-art { position:absolute; inset:0; width:100%; height:100%; z-index:0; overflow:visible; }
.global-hero .roi-hero-art-image { position:absolute; width:155%; max-width:none; height:100%; left:-30%; top:0; object-fit:cover; object-position:36% center; }
.global-hero .roi-hero-art::after { content:''; position:absolute; inset:-1px -15vw; background:linear-gradient(270deg,#030303 2%,#030303ee 25%,#03030333 61%,transparent 75%),linear-gradient(0deg,#030303 0%,transparent 24%); pointer-events:none; }
.global-hero .roi-hero-art-caption { position:absolute; bottom:30px; left:24px; z-index:1; }
.roi-hero-art-caption a { display:inline-block; background:#262628cc; border:1px solid #ffffff20; border-radius:22px; padding:7px 18px; font-size:.76rem; color:#e7e7eb; }
.contact-ribbon { background:#101012; border-bottom:1px solid #333338; }
.contact-ribbon-inner { display:grid; grid-template-columns:1fr 1.25fr .8fr 1.2fr; padding-block:20px; }
.contact-ribbon-inner > * { display:grid; gap:2px; padding-inline:26px; border-inline-start:1px solid #36363b; }
.contact-ribbon-inner > :first-child { padding-inline-start:0; border:0; }
.contact-ribbon-inner span { font-size:.67rem; color:#a6a6b2; }
.contact-ribbon-inner strong { font-size:.88rem; color:#f2f2f5; font-weight:500; }
.contact-ribbon-inner a:hover strong { color:#ff7985; }
/* Art-first discovery modules follow the global site's charcoal/tinted card rhythm. */
.help-section { padding:64px 0; }
.visual-formats { background:#19191c; border-bottom:1px solid #35353a; }
.section-heading { margin-bottom:28px; }
.section-heading h2,.section-heading-row h2 { font-weight:600; }
.section-heading-row { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:28px; }
.section-heading-row h2 { font:600 clamp(1.8rem,3vw,2.5rem)/1.3 var(--display); }
.section-heading-row .kicker { margin-bottom:10px; }
.section-heading-row .text-link { flex-shrink:0; margin-bottom:5px; color:#dedee5; }
.format-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:21px; }
.format-card { min-width:0; background:linear-gradient(110deg,#49212a,#242427 85%); border:1px solid #ffffff0b; border-radius:16px; overflow:hidden; color:#fff; transition:transform .2s,border-color .2s; }
.format-card:nth-child(2) { background:linear-gradient(110deg,#654706,#252427 85%); }
.format-card:nth-child(3) { background:linear-gradient(110deg,#5d4f16,#252427 85%); }
.format-card:nth-child(4) { background:linear-gradient(110deg,#1b3556,#242427 85%); }
.format-card:hover { transform:translateY(-4px); border-color:#b9b9c277; }
.format-card-art { height:170px; background:#141416; overflow:hidden; }
.format-card-art img { display:block; width:100%; height:100%; object-fit:cover; }
.format-card-copy { position:relative; padding:21px 19px 24px; }
.format-card-copy h3 { font-size:1.08rem; line-height:1.4; margin-bottom:8px; color:#fff; }
.format-card-copy p { color:#cdccd2; font-size:.86rem; line-height:1.65; padding-inline-end:9px; }
.format-card-copy > span { color:#f1d1d5; position:absolute; bottom:18px; inset-inline-end:14px; }
.help-card,.reading-card,.note-card { background:#252529; border:1px solid #393940; border-radius:14px; box-shadow:none; }
.help-card { transition:background .2s,border-color .2s; }
a.help-card:hover,a.reading-card:hover { background:#2b2b30; border-color:#62626a; }
.help-card .topic-no { width:34px; height:34px; display:grid; place-items:center; background:#3c2027; color:#ff818c; border-radius:9px; margin-bottom:18px; }
.help-card p,.reading-card p,.checklist p,.editorial-grid > div > p,.prose p { color:#bcbcc6; }
.paper-band { background:#202023; border-color:#36363d; }
.checklist li { border-color:#3b3b43; }
.checklist li::before { color:#ff7b88; border-color:#76303a; background:#302025; }
.responsible-note p,.updated,.subtle { color:#afafba; }
.service-site .faq summary { color:#f0f0f4; }
.service-site .faq details { border-color:#42424a; }
.service-site .faq details[open] { border-bottom-color:#de263a; }
.service-site .faq .a { color:#bdbdc6; }
.reading-card.image-card { padding:0 0 26px; overflow:hidden; display:flex; flex-direction:column; }
.reading-card.image-card > :not(img) { margin-inline:24px; }
.reading-card.image-card > span { margin-top:23px; margin-bottom:10px; }
.reading-card.image-card > p { margin-bottom:16px; }
.reading-card.image-card .text-link { margin-top:auto; }
.reading-card > span { color:#ff7a86; }
.reading-card-image { display:block; width:100%; height:200px; object-fit:cover; background:#131315; }
.reading-card-image[src*="OceanRewards"] { object-position:67% center; }
.contact-band { background:#111113; border-color:#35353d; }
.contact-band h2 { color:#fff; }
.contact-band p { color:#bcbcc6; }
.editorial-image { margin:0; min-width:0; border-radius:15px; overflow:hidden; background:#101012; }
.editorial-image img { display:block; width:100%; height:100%; object-fit:cover; }
.editorial-image figcaption { padding:14px 18px; font-size:.79rem; color:#dfdfe6; text-align:center; background:#252529; }
/* Consistent panoramic banners across the explanatory guide pages. */
.guide-hero.illustrated-guide { position:relative; isolation:isolate; overflow:hidden; background:#070709; padding:28px 0 55px; border-color:#37373e; }
.guide-hero > .shell { position:relative; }
.breadcrumbs { color:#c0c0ca; position:relative; z-index:2; margin-bottom:32px; }
.guide-hero-grid { display:flex; align-items:center; min-height:365px; }
.guide-hero-grid > div { position:relative; z-index:2; max-width:530px; width:48%; }
.guide-hero-grid h1 { font-size:clamp(2.25rem,3.4vw,3.6rem); font-weight:700; color:#fff; }
.guide-hero h1 span { color:#fff; }
.guide-hero-grid .service-lede { color:#c6c6d0; font-size:1rem; }
.guide-hero-grid .editorial-image { position:absolute; z-index:0; left:-17vw; top:-28px; width:95%; height:calc(100% + 83px); border-radius:0; }
.guide-hero-grid .editorial-image::after { content:''; position:absolute; inset:0; background:linear-gradient(270deg,#070709 2%,#070709ba 32%,transparent 65%),linear-gradient(0deg,#070709,transparent 25%); }
.guide-hero-grid .tournament-art img { object-position:22% center; }
.guide-hero-grid .rewards-art img { object-position:74% center; }
.tournament-gallery { padding-bottom:44px; }
.tournament-gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-bottom:23px; }
.tournament-gallery-grid .editorial-image img { height:190px; object-fit:contain; }
.service-site.legacy .page-hero { color:#f4f4f6; background:#111113; border-radius:0; padding-block:54px 42px; }
.service-site.legacy .page-hero h1 { color:#fff; font-weight:700; }
.service-site.legacy .page-hero h1 em,.service-site.legacy .section-title em { color:#fff; -webkit-text-fill-color:#fff; }
.service-site.legacy .lead,.service-site.legacy .section-sub { color:#c2c2cb; }
.service-site.legacy .feature-tab { color:#dddde6; background:#2b2b30; border-color:#45454e; border-radius:24px; }
.service-site.legacy .feature-tab:hover { color:#fff; background:#4a222a; border-color:#b62c40; }
.service-site.legacy .school-section h2 { color:#f5f5f7; font-weight:600; }
.service-site.legacy .school-section { border-color:#3d3d45; }
.service-site.legacy .tip-box,.service-site.legacy .school-callout { background:#252529; border-color:#494952; color:#cdccd4; }
.service-site.legacy .hand-card,.service-site.legacy .glossary-item { background:#242428; color:#f1f1f4; border-color:#3b3b43; }
.service-site.legacy .hand-card:hover { background:#2e2e34; }
.service-site.legacy .hand-info p,.service-site.legacy .glossary-item p { color:#bebec8; }
.service-site.legacy .school-table,.service-site.legacy .term { background:#252529; }
.service-site.legacy .final { background:#101012; border-color:#34343d; }
.service-site.legacy .final-title { color:#fff; }
.service-site.legacy .final-sub { color:#bcbcc6; }
.service-site.legacy main p a { color:#ff7b88; }
.service-site.legacy.visual-games .school-section.illustrated-format { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:38px; align-items:start; margin-bottom:42px; padding-bottom:42px; border-bottom:1px solid #3a3a42; }
.illustrated-format .format-prose { min-width:0; }
.illustrated-format .format-prose > p { color:#bdbdc6; font-size:.97rem; line-height:1.9; margin-bottom:15px; }
.illustrated-format .format-illustration { aspect-ratio:1.55; margin-top:8px; }
.illustrated-format .format-illustration img { object-fit:contain; }
.illustrated-format#holdem .format-illustration img { object-fit:cover; }
.service-site.legacy .global-games-hero { position:relative; isolation:isolate; overflow:hidden; text-align:right; max-width:none; width:100%; padding-inline:max(24px,calc((100vw - 1160px)/2)); min-height:485px; }
.global-games-hero > :not(.guide-cover) { position:relative; z-index:2; max-width:590px; margin-inline:auto 0; }
.global-games-hero .guide-cover { position:absolute; inset:0; z-index:0; }
.guide-cover img { width:100%; height:100%; object-fit:cover; object-position:65% center; }
.guide-cover::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#050505 5%,#050505ee 35%,#05050522 80%),linear-gradient(0deg,#111113,transparent 30%); }
.service-site.legacy .global-games-hero .school-toc { justify-content:flex-start; }
.service-site.legacy .global-school-hero { position:relative; overflow:hidden; background:radial-gradient(ellipse at 15% 40%,#53202c 0%,#19191e 35%,#111113 70%); }
.global-school-hero > :not(.school-hero-cards) { position:relative; z-index:1; }
.school-hero-cards { position:absolute; inset-inline-end:4%; top:70px; display:flex; direction:ltr; transform:rotate(-10deg); opacity:.2; pointer-events:none; }
.school-hero-cards span { display:flex; flex-direction:column; justify-content:space-between; width:110px; height:160px; padding:13px; background:#f6f6f6; color:#111; font:600 2.1rem/1 sans-serif; border:2px solid #555; border-radius:12px; margin-left:-45px; box-shadow:0 6px 20px #0008; }
.school-hero-cards span:nth-child(2) { color:#c9122b; transform:translateY(-25px) rotate(10deg); }
.school-hero-cards span:nth-child(3) { transform:rotate(20deg); }
.school-hero-cards small { font-size:3rem; align-self:end; }
@media (max-width:1100px) {
 .global-hero .service-copy { width:48%; }
 .global-hero .service-copy h1 { font-size:3.3rem; }
 .global-hero .roi-hero-art-image { width:170%; left:-39%; }
 .format-grid { gap:14px; }
 .format-card-art { height:145px; }
 .guide-hero-grid > div { width:53%; }
 .guide-hero-grid .editorial-image { left:-20vw; width:110%; }
}
@media (max-width:760px) {
 .service-site .nav-inner { height:68px; }
 .service-site .nav-brand .brand-mark { width:48px; height:48px; border-radius:11px; }
 .service-site .nav-brand { gap:8px; }
 .brand-lockup strong { font-size:.91rem; }
 .brand-lockup > span { font-size:.52rem; }
 .global-hero .service-grid { display:flex; flex-direction:column; width:100%; min-height:0; padding:0; }
 .global-hero .roi-hero-art { position:relative; order:-1; width:100%; height:245px; overflow:hidden; }
 .global-hero .roi-hero-art-image { width:100%; height:100%; left:0; object-position:26% center; }
 .global-hero .roi-hero-art::after { inset:0; background:linear-gradient(0deg,#030303 0%,transparent 28%); }
 .global-hero .roi-hero-art-caption { display:none; }
 .global-hero .service-copy { width:auto; max-width:none; margin:0 23px; padding:4px 0 30px; }
 .global-hero .service-copy h1 { font-size:2.7rem; margin-bottom:18px; }
 .global-hero .service-copy .kicker { font-size:.68rem; margin-bottom:16px; }
 .global-hero .service-lede { font-size:.94rem; margin-bottom:18px; }
 .global-hero .service-fine { font-size:.69rem; margin-top:15px; }
 .global-hero .hero-actions { margin-top:20px; gap:10px; }
 .global-hero .hero-actions .btn { font-size:.83rem; padding:12px 16px; }
 .contact-ribbon-inner { grid-template-columns:1fr 1fr; row-gap:17px; padding-block:18px; }
 .contact-ribbon-inner > * { padding-inline:14px; }
 .contact-ribbon-inner > :nth-child(3) { padding-inline-start:0; border:0; }
 .contact-ribbon-inner strong { font-size:.79rem; }
 .contact-ribbon-inner span { font-size:.63rem; }
 .help-section { padding:43px 0; }
 .section-heading-row { align-items:start; flex-direction:column; gap:14px; }
 .section-heading-row h2 { font-size:1.85rem; }
 .format-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
 .format-card-art { height:115px; }
 .format-card-copy { padding:16px 13px 22px; }
 .format-card-copy h3 { font-size:.95rem; }
 .format-card-copy p { font-size:.77rem; }
 .format-card-copy > span { bottom:13px; inset-inline-end:11px; }
 .reading-card-image { height:200px; }
 .guide-hero.illustrated-guide { padding:19px 0 32px; }
 .breadcrumbs { margin-bottom:18px; font-size:.71rem; }
 .guide-hero-grid { display:flex; flex-direction:column; min-height:0; align-items:stretch; }
 .guide-hero-grid > div { width:100%; max-width:none; }
 .guide-hero-grid h1 { font-size:2.25rem; }
 .guide-hero-grid .editorial-image { position:relative; order:-1; left:auto; top:auto; width:calc(100% + 36px); margin-inline:-18px; height:230px; margin-bottom:23px; }
 .guide-hero-grid .editorial-image::after { background:linear-gradient(0deg,#070709,transparent 22%); }
 .guide-hero-grid .tournament-art img { object-position:26% center; }
 .guide-hero-grid .rewards-art img { object-position:70% center; }
 .tournament-gallery-grid { grid-template-columns:1fr; gap:18px; }
 .tournament-gallery-grid .editorial-image img { height:200px; }
 .service-site.legacy.visual-games .school-section.illustrated-format { grid-template-columns:1fr; gap:22px; padding-bottom:30px; margin-bottom:30px; }
 .illustrated-format .format-illustration { aspect-ratio:1.8; max-width:100%; }
 .service-site.legacy .global-games-hero { padding:245px 23px 30px; }
 .global-games-hero .guide-cover { height:250px; }
 .guide-cover img { object-position:70% center; }
 .guide-cover::after { background:linear-gradient(0deg,#111113,transparent 30%); }
 .service-site.legacy .page-hero h1 { font-size:2.25rem; }
 .school-hero-cards { inset-inline-end:3%; top:90px; opacity:.12; }
}
@media (prefers-reduced-motion:reduce) {
 .format-card,.help-card { transition:none; }
 .format-card:hover { transform:none; }
}
/* Ocean Rewards keeps the authentic artwork's blue visual story inside the shared shell. */
.global-rewards.guide-hero { background:#041420; }
.global-rewards .guide-hero-grid .editorial-image::after { background:linear-gradient(270deg,#041420 2%,#041420b8 30%,transparent 66%),linear-gradient(0deg,#041420,transparent 28%); }
.global-rewards .kicker { color:#72d6f2; }
.global-rewards .updated { color:#a8becb; }
body:has(.global-rewards) #rewards { background:#0b2231; border-color:#193b50; }
body:has(.global-rewards) #rewards .reading-card { background:linear-gradient(145deg,#14354a,#14212e); border-color:#28516a; }
body:has(.global-rewards) #rewards .reading-card > span { color:#7dd8f3; }
body:has(.global-rewards) #rewards .text-link { color:#8edff6; }
@media (max-width:760px) {
 .global-rewards .guide-hero-grid .editorial-image::after { background:linear-gradient(0deg,#041420,transparent 25%); }
}

.guide-cover-credit { position:absolute; bottom:20px; right:24px; z-index:1; color:#c8c8cd; background:#0008; border-radius:12px; padding:4px 11px; font-size:.68rem; }
@media(max-width:760px){ .guide-cover-credit { bottom:15px; right:18px; font-size:.6rem; } }
.tournament-gallery-grid .editorial-image img[src*="wsop_glory"] { object-fit:cover; object-position:26% center; }
.service-site.legacy .global-games-hero > .eyebrow { display:flex; width:590px; max-width:100%; }
.service-site.legacy .global-games-hero .feature-tab { padding:9px 12px; font-size:.78rem; }
.school-hero-cards { left:9%; right:auto; opacity:.9; }
@media(max-width:760px){ .school-hero-cards { left:4%; right:auto; opacity:.12; } }