/* Sport Predictions site layer: inner pages follow the homepage style guide. */
:root{--spd-ink:#0F172A;--spd-mute:#64748B;--spd-line:#E2E8F0;--spd-canvas:#F8FAFC;--spd-soft:#F1F5F9;--spd-win:#059669;--spd-win-l:#10B981;--spd-win-bg:#ECFDF5;--spd-act:#4F46E5;--spd-act-bg:#EEF2FF;--spd-act-tint:#E0E7FF;--spd-amb:#B45309;--spd-amb-bg:#FEF3C7;--spd-font:"Plus Jakarta Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif}

/* Base */
body:not(.home){background:var(--spd-canvas)!important;color:var(--spd-ink);font-family:var(--spd-font)!important;-webkit-font-smoothing:antialiased;padding-bottom:0}
body:not(.home) button,body:not(.home) input,body:not(.home) select,body:not(.home) textarea{font-family:var(--spd-font)}
body:not(.home) h1,body:not(.home) h2,body:not(.home) h3,body:not(.home) h4{font-family:var(--spd-font)!important;letter-spacing:-.015em;text-transform:none!important}

/* Hide the old GeneratePress chrome; our header and footer replace it */
body:not(.home) .site-header,body:not(.home) #site-navigation,body:not(.home) #mobile-header,body:not(.home) #sticky-navigation,body:not(.home) .main-navigation:not(.spd-nav),body:not(.home) #generate-slideout-menu,body:not(.home) .slideout-overlay,body:not(.home) .footer-widgets,body:not(.home) .site-info,body:not(.home) .top-bar{display:none!important}
body:not(.home) .site-footer{background:transparent!important}

/* Header */
.spd-h{position:sticky;top:0;z-index:50;background:rgba(248,250,252,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.8)}
.admin-bar .spd-h{top:32px}
@media (max-width:782px){.admin-bar .spd-h{top:46px}}
.spd-h-in{max-width:72rem;margin:0 auto;padding:0 1rem;height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.spd-logo{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--spd-ink)!important;font-weight:800;font-size:17px;letter-spacing:-.02em;flex-shrink:0}
.spd-logo i{width:36px;height:36px;border-radius:12px;background:var(--spd-win-bg);color:var(--spd-win);display:grid;place-items:center}
.spd-logo b{color:var(--spd-win);font-weight:800}
.spd-nav{display:flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--spd-line);border-radius:9999px;padding:4px;box-shadow:0 4px 20px rgba(0,0,0,.03)}
.spd-nav a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:9999px;font-size:14px;font-weight:600;color:var(--spd-mute)!important;text-decoration:none!important;transition:color .15s,background .15s}
.spd-nav a:hover{color:var(--spd-ink)!important}
.spd-nav a.on{background:var(--spd-act-bg);color:var(--spd-act)!important}
.spd-cta{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:9999px;background:var(--spd-ink);color:#fff!important;font-size:14px;font-weight:700;text-decoration:none!important;transition:background .15s;flex-shrink:0}
.spd-cta:hover{background:var(--spd-act)}
@media (max-width:900px){.spd-nav{display:none}}

/* Breadcrumbs */
.spd-crumbs{max-width:72rem;margin:0 auto;padding:18px 1rem 0;font-size:13px;color:var(--spd-mute)}
.spd-crumbs a{color:var(--spd-mute)!important;text-decoration:none!important}
.spd-crumbs a:hover{color:var(--spd-act)!important}

/* Layout: content sits on a white card */
body:not(.home) .site.grid-container,body:not(.home) .site-content{background:transparent!important}
body:not(.home) .site-content{padding-top:24px}
body:not(.home) .site.grid-container{max-width:72rem!important;margin-left:auto!important;margin-right:auto!important;padding-left:1rem!important;padding-right:1rem!important;box-sizing:border-box}
body:not(.home) .inside-article,body:not(.home) .comments-area,body:not(.home) .page-header{background:#fff!important;border:1px solid var(--spd-line);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.03);padding:36px!important}
@media (max-width:768px){body:not(.home) .inside-article{padding:22px 18px!important}}
body:not(.home) .separate-containers .site-main>*{margin-bottom:24px}
body:not(.home) .entry-title,body:not(.home) h1.gb-text,body:not(.home) .page-header h1{font-size:clamp(1.75rem,3.2vw,2.35rem)!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.025em!important;color:var(--spd-ink)!important;text-transform:none!important}
body:not(.home) .entry-content{font-size:16.5px;line-height:1.75;color:#1E293B}
body:not(.home) .entry-content h2,body:not(.home) .entry-content h3,body:not(.home) .entry-content h4{color:var(--spd-ink)}
body:not(.home) .entry-content h2{font-size:1.45rem;font-weight:800;margin:2.2rem 0 .8rem}
body:not(.home) .entry-content h3{font-size:1.15rem;font-weight:800;margin:1.6rem 0 .6rem}
body:not(.home) .entry-content a{color:var(--spd-act)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;border-bottom:0!important}
body:not(.home) .entry-meta,body:not(.home) .entry-meta a{color:var(--spd-mute)!important;font-size:13px}
body:not(.home) .entry-content img{border-radius:12px}
body:not(.home) .featured-image img,body:not(.home) .post-image img{border-radius:16px}

/* Tables everywhere */
body:not(.home) .entry-content table{width:100%;border-collapse:separate!important;border-spacing:0;background:#fff;border:1px solid var(--spd-line)!important;border-radius:12px;overflow:hidden;font-size:15px;margin:.6rem 0 1.4rem}
body:not(.home) .entry-content th,body:not(.home) .entry-content thead td,body:not(.home) .entry-content tfoot td{background:var(--spd-canvas)!important;color:#475569!important;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border:0!important;border-bottom:1px solid var(--spd-line)!important}
body:not(.home) .entry-content td{border:0!important;border-bottom:1px solid var(--spd-line)!important;background:#fff!important;color:#1E293B!important;padding:10px 14px}
body:not(.home) .entry-content th{padding:10px 14px}
body:not(.home) .entry-content tr:last-child td{border-bottom:0!important}
body:not(.home) .entry-content .wp-block-table{overflow-x:auto}

/* House template components (spb, spa, sp-answer), recoloured to the soft palette */
body:not(.home) .entry-content .spb,body:not(.home) .entry-content .spb-wrap,body:not(.home) .entry-content .spa,body:not(.home) .entry-content .spm{font-family:inherit!important;color:inherit!important}
body:not(.home) .entry-content .spb h2,body:not(.home) .entry-content .spb h3,body:not(.home) .entry-content .spb-h2,body:not(.home) .entry-content .spb-h3{color:var(--spd-ink)!important;border-bottom-color:var(--spd-line)!important}
body:not(.home) .entry-content .spb-cap,body:not(.home) .entry-content .spb-strip,body:not(.home) .entry-content .spa .cap,body:not(.home) .entry-content .cap,body:not(.home) .entry-content .match-result-box{background:linear-gradient(135deg,#ECFDF5,#fff 55%,#EEF2FF)!important;color:var(--spd-ink)!important;border:1px solid var(--spd-line)!important;border-left:4px solid var(--spd-win-l)!important;border-radius:16px!important;box-shadow:0 4px 20px rgba(0,0,0,.03)}
body:not(.home) .entry-content .spb-cap b,body:not(.home) .entry-content .spb-cap strong,body:not(.home) .entry-content .spb-strip b,body:not(.home) .entry-content .spb-strip strong,body:not(.home) .entry-content .cap strong,body:not(.home) .entry-content .cap b{color:var(--spd-win)!important}
body:not(.home) .entry-content .spb-capsule,body:not(.home) .entry-content .spb-links,body:not(.home) .entry-content .sp-answer,body:not(.home) .entry-content .spb-au{background:var(--spd-canvas)!important;border:1px solid var(--spd-line)!important;border-left:4px solid var(--spd-act)!important;border-radius:12px!important;color:#1E293B!important}
body:not(.home) .entry-content .spb-capsule strong{color:var(--spd-ink)!important}
body:not(.home) .entry-content .spb-call,body:not(.home) .entry-content .tipbox,body:not(.home) .entry-content .spa .tipbox{background:var(--spd-act-bg)!important;border:1px solid var(--spd-act-tint)!important;border-radius:12px!important;color:#1E293B!important}
body:not(.home) .entry-content .spb-rg,body:not(.home) .entry-content .rg,body:not(.home) .entry-content .spa .rg,body:not(.home) .entry-content .spb-note,body:not(.home) .entry-content .spb-disc{color:var(--spd-mute)!important;border-top-color:var(--spd-line)!important}
body:not(.home) .entry-content .spb-pill,body:not(.home) .entry-content .spb-res{border-radius:9999px!important;font-weight:800!important}
body:not(.home) .entry-content .spb-strong,body:not(.home) .entry-content .spb-w{background:#D1FAE5!important;color:#047857!important}
body:not(.home) .entry-content .spb-good{background:#E0E7FF!important;color:#4338CA!important}
body:not(.home) .entry-content .spb-close{background:#FEF3C7!important;color:#B45309!important}
body:not(.home) .entry-content .spb-l{background:#FFE4E6!important;color:#BE123C!important}
body:not(.home) .entry-content .spb-v{background:var(--spd-soft)!important;color:var(--spd-mute)!important}
body:not(.home) .entry-content .spb-table th,body:not(.home) .entry-content .spb-table tfoot td{background:var(--spd-canvas)!important;color:#475569!important}
body:not(.home) .entry-content .spb-table tr:nth-child(even) td{background:#fff!important}
body:not(.home) .entry-content [style*="#0b1220"]{background:var(--spd-act-bg)!important;color:var(--spd-act)!important;border-color:var(--spd-act-tint)!important}
body:not(.home) .entry-content [style*="#f5b700"]{border-color:var(--spd-win-l)!important}
body:not(.home) .entry-content [style*="#426AFA"],body:not(.home) .entry-content [style*="#1a7f37"]{border-left-color:var(--spd-act)!important;background:var(--spd-canvas)!important;border-radius:12px!important}

/* Buttons and CTA links from old templates */
body:not(.home) .entry-content .ctaText,body:not(.home) .entry-content .wp-block-button__link,body:not(.home) .entry-content .spb-btn{border-radius:9999px!important;background:var(--spd-ink)!important;color:#fff!important;text-decoration:none!important}

/* Keep exploring block */
.spd-more{margin:2.4rem 0 .4rem;padding:22px;border:1px solid var(--spd-line);border-radius:16px;background:linear-gradient(135deg,#F8FAFC,#fff)}
.spd-more h2{font-size:1.15rem!important;margin:0 0 12px!important;font-weight:800}
.spd-more ul{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.spd-more li{margin:0!important}
.spd-more a{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border-radius:12px;background:#fff;border:1px solid var(--spd-line);font-size:14.5px;font-weight:600;color:var(--spd-ink)!important;text-decoration:none!important;transition:border-color .15s,transform .15s}
.spd-more a:hover{border-color:var(--spd-act);color:var(--spd-act)!important;transform:translateY(-1px)}
.spd-more a:before{content:"";width:8px;height:8px;border-radius:9999px;background:var(--spd-win-l);flex-shrink:0}

/* Footer */
.spd-f{margin-top:48px;background:var(--spd-soft);border-top:1px solid var(--spd-line);color:var(--spd-ink);font-family:var(--spd-font)}
.spd-f-in{max-width:72rem;margin:0 auto;padding:48px 1rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
@media (max-width:768px){.spd-f-in{grid-template-columns:1fr;padding:36px 1rem}}
.spd-f p{margin:0}
.spd-f .spd-f-brand{font-weight:800;font-size:18px}
.spd-f .spd-f-brand b{color:var(--spd-win)}
.spd-f .spd-f-txt{font-size:14px;color:var(--spd-mute);margin-top:8px;max-width:28rem;line-height:1.6}
.spd-f .spd-f-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.spd-f .spd-f-pills span{background:#fff;border:1px solid var(--spd-line);border-radius:9999px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--spd-mute)}
.spd-f .spd-f-pills span:first-child{font-weight:800;color:var(--spd-ink)}
.spd-f h3{font-size:12px!important;font-weight:800;text-transform:uppercase!important;letter-spacing:.06em;color:var(--spd-mute)!important;margin:0 0 12px!important}
.spd-f ul{list-style:none;margin:0;padding:0}
.spd-f li{margin:0 0 8px}
.spd-f a{color:var(--spd-ink)!important;text-decoration:none!important;font-size:14px}
.spd-f a:hover{color:var(--spd-act)!important}
.spd-f-bar{border-top:1px solid var(--spd-line)}
.spd-f-bar div{max-width:72rem;margin:0 auto;padding:18px 1rem;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:12px;color:var(--spd-mute)}
.spd-f-bar a{font-size:12px;color:var(--spd-mute)!important}

/* Mobile bottom nav */
.spd-bn{display:none}
@media (max-width:767px){
  .spd-bn{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;height:64px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--spd-line);padding-bottom:env(safe-area-inset-bottom)}
  .spd-bn a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:600;color:var(--spd-mute)!important;text-decoration:none!important}
  .spd-bn a.on{color:var(--spd-act)!important}
  body:not(.home){padding-bottom:72px!important}
}

/* Responsible gambling bar in the soft palette */
body:not(.home) .sp-rg-bar{background:var(--spd-soft)!important;border-top:1px solid var(--spd-line)!important}
body:not(.home) .sp-rg-bar,body:not(.home) .sp-rg-bar p,body:not(.home) .sp-rg-bar span,body:not(.home) .sp-rg-bar div{color:var(--spd-mute)!important}
body:not(.home) .sp-rg-bar strong{color:var(--spd-ink)!important}
body:not(.home) .sp-rg-bar a{color:var(--spd-act)!important}
body:not(.home) .sp-rg-bar .sp-rg-age{background:var(--spd-amb-bg)!important;color:var(--spd-amb)!important}

@media (prefers-reduced-motion:reduce){.spd-more a,.spd-nav a,.spd-cta{transition:none}}

/* Post category badge (GenerateBlocks hero) */
body:not(.home) .single-post-category{background:var(--spd-win-bg)!important;border-radius:9999px!important;padding:6px 14px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.04em}
body:not(.home) .single-post-category a{color:var(--spd-win)!important;text-decoration:none!important}