/*
Theme Name: OnlineBetFree
Theme URI: https://onlinebetfree.co.uk/
Description: Lightweight GeneratePress child theme for onlinebetfree.co.uk. Offers, previews, event hubs and UK gambling compliance. No jQuery.
Author: OnlineBetFree
Template: generatepress
Version: 1.9.25
Requires at least: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: obf
*/

:root{
  --obf-navy:#0f1e3d;--obf-navy-2:#1b2d55;--obf-bg:#f7f8fa;--obf-card:#fff;
  --obf-text:#1a2233;--obf-muted:#4a5468;--obf-line:#dfe3ea;
  --obf-amber:#f2a900;--obf-amber-d:#d99700;--obf-ok:#1e7a4a;
  --obf-radius:10px;--obf-gap:1rem;
  --obf-font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{background:var(--obf-bg);color:var(--obf-text);font-family:var(--obf-font);font-size:16px;line-height:1.6}
@media(min-width:768px){body{font-size:17px}}
h1,h2,h3,h4{color:var(--obf-navy);line-height:1.25;font-weight:700}
h1{font-size:clamp(1.6rem,5vw,2.4rem)}h2{font-size:clamp(1.3rem,3.6vw,1.8rem)}
a{color:#1d4ed8}a:hover,a:focus{color:var(--obf-navy)}
:focus-visible{outline:3px solid var(--obf-amber);outline-offset:2px}
img{max-width:100%;height:auto}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

/* Responsible gambling bar */
.obf-rg-bar{background:#0a1530;color:#fff;font-size:13px;text-align:center;padding:.4rem .75rem}
.obf-rg-bar a{color:#fff;text-decoration:underline}
.obf-rg-bar strong{background:var(--obf-amber);color:#111;border-radius:4px;padding:0 .35rem;margin-right:.35rem}

/* Header: sticky + compact on mobile */
.site-header{background:var(--obf-navy);position:sticky;top:0;z-index:100}
.admin-bar .site-header{top:46px}@media(min-width:783px){.admin-bar .site-header{top:32px}}
.site-header .inside-header{padding:.6rem 1rem}
.site-header .main-title a,.site-header .site-description{color:#fff}
.main-title{font-size:1.15rem}
.main-navigation,.main-navigation ul ul{background:var(--obf-navy)}
.main-navigation .main-nav ul li a,.main-navigation .menu-toggle{color:#fff;line-height:48px}
.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li.current-menu-item>a{color:var(--obf-amber)}
.menu-toggle{min-height:48px;min-width:48px}

/* Content */
.separate-containers .inside-article,.one-container .site-content{background:var(--obf-card);border-radius:var(--obf-radius)}
.inside-article{padding:1.25rem}@media(min-width:768px){.inside-article{padding:2rem}}

/* Buttons / CTA: one amber */
.obf-btn,.wp-block-button__link.obf-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.25rem;border-radius:8px;background:var(--obf-amber);color:#111!important;font-weight:700;text-decoration:none;border:0;width:100%}
.obf-btn:hover,.obf-btn:focus{background:var(--obf-amber-d)}
.obf-btn--ghost{background:transparent;color:var(--obf-navy)!important;border:2px solid var(--obf-navy)}
@media(min-width:600px){.obf-btn{width:auto}}

/* Grids: one column mobile first */
.obf-grid{display:grid;gap:var(--obf-gap);grid-template-columns:1fr;margin:1rem 0;padding:0;list-style:none}
@media(min-width:700px){.obf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.obf-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Offer card */
.obf-offer{background:var(--obf-card);border:1px solid var(--obf-line);border-radius:var(--obf-radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-width:0}
.obf-offer__top{display:flex;align-items:center;gap:.75rem}
.obf-offer__logo{width:120px;height:48px;object-fit:contain;flex:none;background:#fff;border-radius:6px}
.obf-offer__brand{font-weight:700;color:var(--obf-navy);margin:0;font-size:1rem}
.obf-offer__headline{font-size:1.15rem;font-weight:700;color:var(--obf-text);margin:0}
.obf-badge{display:inline-block;font-size:13px;font-weight:600;border-radius:999px;padding:.1rem .6rem;background:#e7ecf6;color:var(--obf-navy)}
.obf-badge--existing{background:#e3f1ea;color:#155c37}
.obf-badge--live{background:#fde8e8;color:#8a1c1c}
.obf-terms{font-size:13px;line-height:1.5;color:var(--obf-muted);margin:0;overflow-wrap:anywhere}
.obf-terms__meta{font-size:13px;color:var(--obf-muted);border-top:1px solid var(--obf-line);padding-top:.5rem;margin:0}
.obf-terms__meta a{color:var(--obf-muted)}
.obf-empty{padding:1rem;background:var(--obf-card);border:1px dashed var(--obf-line);border-radius:var(--obf-radius)}

/* Hero */
.obf-hero{background:var(--obf-navy);color:#f7f8fa;border-radius:var(--obf-radius);padding:2rem 1.25rem}
.obf-hero h1{color:#fff;margin-bottom:.5rem}.obf-hero p{color:#dbe2f0;margin:0}

/* Guide / trust cards */
.obf-card{background:var(--obf-card);border:1px solid var(--obf-line);border-radius:var(--obf-radius);padding:1rem}
.obf-card a{font-weight:700;text-decoration:none;color:var(--obf-navy)}
.obf-card p{margin:.25rem 0 0;color:var(--obf-muted);font-size:15px}
.obf-steps{counter-reset:s;list-style:none;padding:0}
.obf-steps li{counter-increment:s;position:relative;padding-left:2.5rem;margin-bottom:.75rem}
.obf-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--obf-navy);color:#fff;display:grid;place-items:center;font-size:14px}

/* Tables scroll inside wrapper */
.obf-table-wrap,.wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.obf-table-wrap table,.wp-block-table table{min-width:480px;border-collapse:collapse;width:100%}
.obf-table-wrap th,.obf-table-wrap td{border:1px solid var(--obf-line);padding:.5rem .75rem;text-align:left;vertical-align:top}
.obf-table-wrap th{background:#eef1f6;color:var(--obf-navy)}

/* Preview */
.obf-fixture{background:var(--obf-navy);color:#fff;border-radius:var(--obf-radius);padding:1rem}
.obf-fixture__teams{font-size:1.25rem;font-weight:700;margin:0;color:#fff}
.obf-fixture__meta{font-size:14px;color:#dbe2f0;margin:.25rem 0 0}
.obf-prediction{border-left:4px solid var(--obf-amber);background:#fff8e6;padding:.75rem 1rem;border-radius:0 8px 8px 0}

/* Breadcrumbs, updated, author, related */
.obf-breadcrumbs{font-size:14px;color:var(--obf-muted);margin-bottom:.75rem}
.obf-breadcrumbs a{color:var(--obf-muted)}
.obf-updated{font-size:14px;color:var(--obf-muted)}
.obf-author{display:flex;gap:1rem;align-items:flex-start;border:1px solid var(--obf-line);border-radius:var(--obf-radius);padding:1rem;margin-top:2rem}
.obf-author img{border-radius:50%;flex:none}
.obf-author p{margin:.25rem 0 0;font-size:15px;color:var(--obf-muted)}
.obf-related{margin-top:2rem}

/* FAQ (content in HTML; offers T&Cs never go here) */
.obf-faq details{border-bottom:1px solid var(--obf-line);padding:.75rem 0}
.obf-faq summary{cursor:pointer;font-weight:600;color:var(--obf-navy);min-height:44px;display:flex;align-items:center}

/* Compliance footer */
.obf-compliance{background:var(--obf-navy);color:#e6eaf2;font-size:14px;padding:2rem 1rem}
.obf-compliance .obf-inner{max-width:1200px;margin:0 auto}
.obf-compliance a{color:#fff}
.obf-compliance h2{color:#fff;font-size:1.1rem}
.obf-compliance ul{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.obf-compliance li a{display:inline-block;padding:.35rem 0}
.site-info{background:#0a1530;color:#c9d1e0}.site-info a{color:#fff}

@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Self-contained: neutralise legacy Mercury/page-builder inline backgrounds inside our blocks */
.obf-hero,.obf-offer,.obf-card,.obf-compliance{background-image:none}
.obf-hero *{text-shadow:none}
.content-area{width:100%}
.no-sidebar .site-main{max-width:100%}

/* ===== Header (1.0.2 fix) =====
   Cause of clipped logo: .inside-header was forced to flex-wrap:nowrap and .site-logo
   to flex-shrink:1;min-width:0, so the primary nav sat in the same row and squeezed
   .site-logo to ~90px while the 183px-wide img overflowed it. */
:root{--obf-shadow:0 1px 2px rgba(15,30,61,.06),0 4px 14px rgba(15,30,61,.07);--obf-shadow-h:0 2px 4px rgba(15,30,61,.08),0 10px 28px rgba(15,30,61,.12)}
.site-header .inside-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;padding:.5rem 1rem}
.site-header .site-logo{flex:0 1 auto;min-width:0;max-width:calc(100% - 64px);margin:0;line-height:0}
.site-header .site-logo a{display:block;line-height:0}
.site-header .site-logo img,.site-header .header-image,.custom-logo{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:40px;object-fit:contain}
.main-navigation .menu-toggle{background:transparent;border:0;color:#fff;padding:0 .75rem}
.main-navigation .menu-toggle:hover,.main-navigation .menu-toggle:focus{background:rgba(255,255,255,.08);color:#fff}
@media(max-width:1024px){
  #mobile-menu-control-wrapper{margin-left:auto;display:flex;position:relative;z-index:1001}
  #site-navigation{flex-basis:100%;order:10;margin:0}
  #site-navigation .inside-navigation>.menu-toggle{display:none}
  #site-navigation .main-nav{display:none}
  #site-navigation.toggled .main-nav{display:block;position:fixed;top:0;right:0;bottom:0;width:min(86vw,340px);background:var(--obf-navy);padding:4.5rem 0 2rem;overflow-y:auto;z-index:1000;box-shadow:-10px 0 30px rgba(0,0,0,.35)}
  #site-navigation.toggled::before{content:"";position:fixed;inset:0;background:rgba(5,10,25,.6);z-index:999}
  #site-navigation.toggled .main-nav ul{display:block}
  #site-navigation.toggled .main-nav ul li{float:none;display:block}
  #site-navigation.toggled .main-nav ul li a{padding:0 1.25rem;line-height:52px;border-bottom:1px solid rgba(255,255,255,.08)}
  #site-navigation.toggled .main-nav ul ul{display:none;position:static;float:none;width:100%;box-shadow:none;opacity:1;visibility:visible;height:auto;left:auto;pointer-events:auto;background:rgba(255,255,255,.05)}
  #site-navigation.toggled .main-nav li.toggled-on>ul,#site-navigation.toggled .main-nav li.sfHover>ul{display:block}
  #site-navigation.toggled .main-nav ul ul li a{padding-left:2.25rem;line-height:48px}
  #site-navigation.toggled .main-nav li{width:100%}
}
@media(min-width:1025px){
  .site-header .site-logo img,.site-header .header-image,.custom-logo{max-height:52px}
  .site-header .inside-header{flex-wrap:nowrap;padding:.75rem 1.5rem}
  .site-header .site-logo{flex:0 0 auto;max-width:none}
  #mobile-menu-control-wrapper{display:none!important}
  #site-navigation{margin-left:auto;flex:1 1 auto;background:transparent}
  #site-navigation .inside-navigation{justify-content:flex-end;padding:0}
  #site-navigation .menu-toggle{display:none}
  #site-navigation .main-nav{display:block}
  #site-navigation .main-nav>ul{display:flex;flex-wrap:wrap;justify-content:flex-end}
  #site-navigation .main-nav ul li a{padding:0 .8rem;line-height:56px;font-weight:600;font-size:15px}
}

/* ===== Home v2 ===== */
.home .site-content,.home .content-area{padding:0}
.home .inside-article{padding:0}
.obf-home{display:flex;flex-direction:column;gap:2.75rem;padding:1rem 1rem 3rem}
@media(min-width:768px){.obf-home{gap:3.5rem;padding:1.5rem 1.5rem 3.5rem}}
.obf-section__head{margin-bottom:1.1rem}
.obf-section__head h2{margin:0 0 .25rem}
.obf-section__head p{margin:0;color:var(--obf-muted);font-size:15px}
.obf-icon{width:24px;height:24px;flex:none}

.obf-hero2{position:relative;overflow:hidden;border-radius:16px;color:#fff;background:
  radial-gradient(900px 400px at 100% 0%,rgba(242,169,0,.16),transparent 60%),
  radial-gradient(600px 300px at 0% 100%,rgba(80,120,220,.22),transparent 60%),
  linear-gradient(160deg,#0f1e3d 0%,#16295a 100%)}
.obf-hero2::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:18px 18px;pointer-events:none;mask-image:linear-gradient(to left,#000,transparent 70%);-webkit-mask-image:linear-gradient(to left,#000,transparent 70%)}
.obf-hero2__inner{position:relative;z-index:1;padding:2rem 1.25rem 1.75rem;max-width:760px}
@media(min-width:768px){.obf-hero2__inner{padding:3.5rem 3rem 3rem}}
.obf-eyebrow{display:inline-block;margin:0 0 .75rem;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--obf-amber)}
.obf-hero2 h1{color:#fff;font-size:clamp(1.85rem,6.5vw,3rem);font-weight:800;letter-spacing:-.02em;margin:0 0 .75rem}
.obf-hero2__sub{color:#d6deee;font-size:1.05rem;margin:0 0 1.5rem;max-width:58ch}
.obf-hero2__ctas{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}
@media(min-width:600px){.obf-hero2__ctas{flex-direction:row}}
.obf-btn{transition:background-color .15s,transform .15s,box-shadow .15s;box-shadow:0 2px 0 rgba(0,0,0,.08)}
.obf-btn:hover{transform:translateY(-1px)}
.obf-btn--light{background:rgba(255,255,255,.1);color:#fff!important;border:1px solid rgba(255,255,255,.35)}
.obf-btn--light:hover,.obf-btn--light:focus{background:rgba(255,255,255,.18)}
.obf-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.obf-chips li{display:inline-flex;align-items:center;gap:.4rem;font-size:13px;font-weight:600;color:#e8edf7;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.35rem .75rem}
.obf-chips .obf-icon{width:16px;height:16px;color:var(--obf-amber)}

.obf-tiles,.obf-guides,.obf-events,.obf-how{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.obf-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:700px){.obf-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1100px){.obf-tiles{grid-template-columns:repeat(7,minmax(0,1fr))}}
.obf-tile,.obf-guide,.obf-event{display:flex;flex-direction:column;gap:.35rem;height:100%;background:#fff;border:1px solid var(--obf-line);border-radius:12px;padding:1rem;box-shadow:var(--obf-shadow);text-decoration:none;color:var(--obf-text);transition:box-shadow .15s,transform .15s,border-color .15s}
a.obf-tile:hover,a.obf-guide:hover,a.obf-event:hover,a.obf-tile:focus-visible,a.obf-guide:focus-visible,a.obf-event:focus-visible{box-shadow:var(--obf-shadow-h);transform:translateY(-2px);border-color:#c8d0de;color:var(--obf-text)}
.obf-tile__icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#eef2fa;color:var(--obf-navy);margin-bottom:.25rem}
.obf-tile__title,.obf-guide__title,.obf-event__title{font-weight:700;color:var(--obf-navy);line-height:1.3}
.obf-tile__desc,.obf-event__desc{font-size:14px;color:var(--obf-muted);line-height:1.45}
.obf-guides{grid-template-columns:1fr}
@media(min-width:700px){.obf-guides{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.obf-guides{grid-template-columns:repeat(3,minmax(0,1fr))}}
.obf-guide{padding:1.25rem}
.obf-link{margin-top:auto;padding-top:.35rem;font-weight:600;font-size:15px;color:#1d4ed8;text-decoration:none}
.obf-guide__title{font-size:1.05rem}

.obf-events{grid-template-columns:1fr}
@media(min-width:700px){.obf-events{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.obf-events{grid-template-columns:repeat(4,minmax(0,1fr))}}
.obf-event{flex-direction:row;align-items:flex-start;gap:.9rem}
.obf-event__body{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.obf-date{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;min-height:64px;border-radius:10px;background:var(--obf-navy);color:#fff;text-align:center;padding:.35rem}
.obf-date__day{font-weight:800;font-size:1.15rem;line-height:1.1}
.obf-date__mon{font-size:12px;line-height:1.2;color:#d6deee}
.obf-badge--soon{background:#fff4d6;color:#7a5200;align-self:flex-start}
.obf-event .obf-badge{align-self:flex-start}

.obf-empty2{display:flex;gap:1rem;align-items:flex-start;background:linear-gradient(180deg,#fff,#fbfcfe);border:1px solid var(--obf-line);border-left:4px solid var(--obf-amber);border-radius:12px;padding:1.25rem;box-shadow:var(--obf-shadow)}
.obf-empty2 h3{margin:0 0 .35rem;font-size:1.1rem}
.obf-empty2 p{margin:0 0 .5rem;color:var(--obf-muted)}
.obf-empty2__icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff4d6;color:#7a5200;flex:none}
.obf-offer{box-shadow:var(--obf-shadow);border-radius:12px}

.obf-how{grid-template-columns:1fr;counter-reset:none}
@media(min-width:768px){.obf-how{grid-template-columns:repeat(3,minmax(0,1fr))}}
.obf-how li{background:#fff;border:1px solid var(--obf-line);border-radius:12px;padding:1.25rem;box-shadow:var(--obf-shadow)}
.obf-how h3{font-size:1.05rem;margin:.6rem 0 .3rem}
.obf-how p{margin:0;color:var(--obf-muted);font-size:15px}
.obf-how__n{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--obf-amber);color:#111;font-weight:800}
.obf-note{font-size:13px;color:var(--obf-muted);margin:.75rem 0 0}

.obf-rg{display:grid;gap:1.25rem;grid-template-columns:1fr;background:linear-gradient(160deg,#eaf3ef,#f1f6fb);border:1px solid #d4e4dc;border-radius:16px;padding:1.5rem 1.25rem}
@media(min-width:900px){.obf-rg{grid-template-columns:1.1fr 1fr;padding:2.25rem;align-items:center}}
.obf-rg h2{margin:.5rem 0}
.obf-rg__intro p{color:#33405a;margin:0 0 1rem}
.obf-rg .obf-tile__icon{background:#fff;color:#1e7a4a}
.obf-rg .obf-btn--light{background:#fff;color:var(--obf-navy)!important;border:1px solid #c9d6cf}
.obf-rg__help{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.obf-rg__help li{background:#fff;border-radius:12px;padding:1rem;border:1px solid #dbe6e0;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .6rem}
.obf-rg__help strong{flex-basis:100%;color:var(--obf-navy)}
.obf-rg__help span{flex-basis:100%;font-size:14px;color:var(--obf-muted)}
.obf-rg__help a{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;font-weight:700;color:#155c37}
.obf-rg__help .obf-icon{width:18px;height:18px}
.obf-rg__help small{font-size:13px;color:var(--obf-muted);margin-right:.5rem}

/* Footer columns */
.obf-compliance{padding:2.5rem 1rem 2rem}
.obf-fcols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding-bottom:1.75rem;margin-bottom:1.75rem;border-bottom:1px solid rgba(255,255,255,.12)}
@media(min-width:900px){.obf-fcols{grid-template-columns:repeat(4,minmax(0,1fr))}}
.obf-fcol h3{color:#fff;font-size:14px;letter-spacing:.04em;text-transform:uppercase;margin:0 0 .6rem}
.obf-fcol ul{display:block!important;margin:0}
.obf-fcol li a{color:#c9d3e6;text-decoration:none;display:inline-block;padding:.3rem 0;font-size:15px}
.obf-fcol li a:hover{color:#fff;text-decoration:underline}

/* ===== 1.2.0 imagery ===== */
.obf-thumb{display:block;width:100%;height:100%;object-fit:cover}
/* Hero photo with navy overlay (text AA on darkest overlay stop) */
.obf-hero2--img{background:
  linear-gradient(100deg,rgba(15,30,61,.96) 0%,rgba(15,30,61,.80) 45%,rgba(15,30,61,.25) 100%),
  var(--obf-hero-img,none) center/cover no-repeat,#0f1e3d}
@media(max-width:640px){.obf-hero2--img{background:linear-gradient(180deg,rgba(15,30,61,.80) 0%,rgba(15,30,61,.93) 55%,rgba(15,30,61,.97) 100%),var(--obf-hero-img,none) center top/cover no-repeat,#0f1e3d}}
.obf-hero2--img::after{opacity:.5}

/* Icon circles */
.obf-tile__icon{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0,#eef2fa 55%,#dfe6f5 100%);color:var(--obf-navy);box-shadow:inset 0 0 0 1px #d5ddee,0 2px 6px rgba(15,30,61,.08)}
a.obf-tile:hover .obf-tile__icon{background:var(--obf-navy);color:var(--obf-amber);box-shadow:none}
.obf-tile__icon .obf-icon{width:22px;height:22px}

/* Event cards with images */
.obf-event{flex-direction:column;align-items:stretch;padding:0;overflow:hidden;gap:0}
.obf-event__media{position:relative;display:block;aspect-ratio:16/9;background:var(--obf-navy);overflow:hidden}
.obf-event__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,30,61,0) 40%,rgba(15,30,61,.55))}
.obf-event__media .obf-date{position:absolute;left:.75rem;bottom:.75rem;z-index:1;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.obf-event__body{padding:1rem}
a.obf-event:hover .obf-thumb{transform:scale(1.03)}
.obf-event .obf-thumb,.obf-guide .obf-thumb{transition:transform .3s}

/* Guide cards with thumbs */
.obf-guide{padding:0;overflow:hidden}
.obf-guide__media{position:relative;display:block;aspect-ratio:16/9;background:#e9edf5;overflow:hidden}
.obf-guide>.obf-guide__title,.obf-guide>.obf-tile__desc,.obf-guide>.obf-link{padding-left:1.25rem;padding-right:1.25rem}
.obf-guide>.obf-guide__title{padding-top:1.5rem}
.obf-guide>.obf-link{padding-bottom:1.25rem}
.obf-tile__icon--float{position:absolute;left:1rem;bottom:-22px;z-index:1;margin:0;background:#fff;box-shadow:0 4px 12px rgba(15,30,61,.18)}
.obf-guide__media{overflow:visible}
.obf-guide__media .obf-thumb{border-radius:12px 12px 0 0}
a.obf-guide:hover .obf-thumb{transform:none;filter:brightness(1.05)}

/* Full-width page banner */
.obf-banner{position:relative;isolation:isolate;min-height:220px;display:flex;align-items:flex-end;background:var(--obf-navy);overflow:hidden}
@media(min-width:768px){.obf-banner{min-height:300px}}
.obf-banner__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.obf-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,21,48,.55) 0%,rgba(10,21,48,.85) 60%,rgba(10,21,48,.95) 100%)}
.obf-banner__inner{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem 1.5rem;color:#fff}
.obf-banner__title{color:#fff;margin:.25rem 0 .5rem;font-size:clamp(1.7rem,5.5vw,2.6rem);font-weight:800;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.obf-banner .obf-breadcrumbs,.obf-banner .obf-breadcrumbs a,.obf-banner__meta{color:#dbe2f0;margin:0}
.obf-banner__meta{font-size:14px}

/* ===== 1.4.0 High Value Punts Telegram ===== */
:root{--hvp-bg:#0a1430;--hvp-panel:#13254f;--hvp-green:#1ee67a;--hvp-green-d:#17c868}
.obf-tg{background:radial-gradient(600px 240px at 100% 0,rgba(30,230,122,.12),transparent 60%),var(--hvp-bg);color:#e8edf7;border-radius:16px;border-left:5px solid var(--hvp-green);padding:1.25rem;margin:1.75rem 0;box-shadow:var(--obf-shadow)}
.obf-tg__head{display:flex;gap:.85rem;align-items:center;margin-bottom:.75rem}
.obf-tg__logo{color:#29a9eb;line-height:0;flex:none}
.obf-tg__kicker{margin:0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hvp-green)}
.obf-tg__title{margin:0;color:#fff;font-size:clamp(1.25rem,4.5vw,1.6rem);font-weight:800;line-height:1.2}
.obf-tg__list{margin:0 0 1rem;padding:0;list-style:none;display:grid;gap:.45rem}
.obf-tg__list li{position:relative;padding-left:1.25rem;font-size:15px;color:#d6deee}
.obf-tg__list li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--hvp-green)}
.obf-tg__cta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.obf-tg__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.7rem 1.2rem;border-radius:10px;background:var(--hvp-green);color:#06210f!important;font-weight:800;text-decoration:none;flex:1 1 100%;transition:background-color .15s,transform .15s}
.obf-tg__btn .obf-tg-icon{color:#06210f}
.obf-tg__btn .obf-tg-icon path{fill:var(--hvp-green)}
.obf-tg__btn:hover,.obf-tg__btn:focus{background:var(--hvp-green-d);transform:translateY(-1px)}
@media(min-width:600px){.obf-tg__btn{flex:0 0 auto}}
.obf-tg__x{display:inline-flex;align-items:center;gap:.4rem;color:#e8edf7;font-weight:600;text-decoration:none;min-height:44px}
.obf-tg__x:hover{color:#fff;text-decoration:underline}
.obf-tg__rg{margin:.85rem 0 0;font-size:13px;color:#c3cde0}
.obf-tg__rg a{color:#fff}
.obf-tg--home{padding:1.5rem 1.25rem;margin:0}
@media(min-width:900px){.obf-tg--home{display:grid;grid-template-columns:1fr 1.2fr;column-gap:2rem;padding:2rem}.obf-tg--home .obf-tg__head{grid-column:1;grid-row:1}.obf-tg--home .obf-tg__list{grid-column:2;grid-row:1/span 3;align-self:center;margin:0}.obf-tg--home .obf-tg__cta{grid-column:1}.obf-tg--home .obf-tg__rg{grid-column:1}}
.obf-tg--compact{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:1rem 1.1rem}
.obf-tg--compact .obf-tg__text{flex:1 1 260px}
.obf-tg--compact .obf-tg__title{font-size:1.05rem}
.obf-tg--compact p{margin:0;font-size:14px}
.obf-tg--compact .obf-tg__btn{flex:0 0 auto}
.obf-tg--compact .obf-tg__rg{flex-basis:100%;margin-top:.25rem}
.obf-tg-inline a{font-weight:700;display:inline-flex;align-items:center;gap:.3rem}
.obf-tg-inline .obf-tg-icon{color:#29a9eb}
.obf-tg-inline small{font-size:13px;color:var(--obf-muted)}
/* Sticky mobile bar */
.obf-tgbar{position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .5rem;padding:.5rem 2.75rem .5rem .75rem;background:var(--hvp-bg);border-top:3px solid var(--hvp-green);box-shadow:0 -6px 20px rgba(0,0,0,.25);padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}
.obf-tgbar[hidden]{display:none}
.obf-tgbar__link{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-size:14px;min-height:40px;flex:1 1 auto}
.obf-tgbar__link .obf-tg-icon{color:#29a9eb;flex:none}
.obf-tgbar__link strong{color:var(--hvp-green)}
.obf-tgbar__rg{font-size:13px;color:#c3cde0;flex-basis:100%;padding-left:1.9rem}
.obf-tgbar__rg a{color:#fff}
.obf-tgbar__close{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);width:44px;height:44px;background:transparent;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer}
body.obf-has-tgbar{padding-bottom:84px}
@media(min-width:1025px){.obf-tgbar{display:none!important}body.obf-has-tgbar{padding-bottom:0}}
/* Footer socials */
.obf-social{list-style:none;margin:0 0 1.5rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center}
.obf-social a{display:inline-flex;align-items:center;gap:.4rem;color:#fff;text-decoration:none;font-weight:600;min-height:44px}
.obf-social a:hover{text-decoration:underline}
.obf-social__rg{font-size:13px;color:#c3cde0}

/* ===== 1.5.0 author ===== */
.obf-avatar{border-radius:50%;object-fit:cover;flex:none;background:#dfe6f5}
.obf-byline{display:flex;align-items:center;gap:.5rem;margin:.6rem 0 0;font-size:14px;line-height:1.35;color:#dbe2f0}
.obf-byline .obf-avatar{width:32px;height:32px;box-shadow:0 0 0 2px rgba(255,255,255,.6)}
.obf-byline a{color:#fff;font-weight:700;text-decoration:none}
.obf-byline a:hover{text-decoration:underline}
@media(max-width:480px){.obf-byline{font-size:13px}.obf-byline__sep{display:none}.obf-byline__date{display:block;color:#c3cde0}.obf-banner__inner{padding-bottom:1.1rem}}
.obf-author{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--obf-line);border-radius:12px;padding:1.1rem;margin:2rem 0 1rem;box-shadow:var(--obf-shadow)}
.obf-author .obf-avatar{width:72px;height:72px}
.obf-author__name{margin:0 0 .25rem!important;font-weight:700;color:var(--obf-navy)}
.obf-author__name a{color:var(--obf-navy);text-decoration:none}
.obf-author__name span{font-weight:400;color:var(--obf-muted);font-size:14px}
.obf-author p{margin:0 0 .5rem;font-size:15px;color:var(--obf-muted)}
.obf-author__links{font-size:14px!important}
.obf-author__links a{display:inline-block;padding:.2rem 0;font-weight:600}
@media(max-width:480px){.obf-author{flex-direction:column}.obf-author .obf-avatar{width:56px;height:56px}}
.obf-company{background:var(--obf-navy);color:#c9d3e6;font-size:13px;text-align:center;margin:0;padding:0 1rem 1.25rem}

/* 1.8.0 – related links, licensed statement, archive intros, layout-shift guards */
.obf-links{margin:2rem 0 0;padding:1.25rem;background:var(--obf-card);border:1px solid var(--obf-line);border-radius:12px}
.obf-links h2{font-size:1.15rem;margin:0 0 .75rem;color:var(--obf-navy)}
.obf-links__list{list-style:none;margin:0;padding:0;display:grid;gap:.25rem 1rem;grid-template-columns:1fr}
@media(min-width:600px){.obf-links__list{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.obf-links--hub .obf-links__list{grid-template-columns:repeat(3,1fr)}}
.obf-links__list a{display:flex;align-items:center;min-height:44px;font-weight:600;color:var(--obf-navy)}
.obf-links__up{margin:2rem 0 0}.obf-links__up a{font-weight:700}
.obf-archive-intro{max-width:72ch;margin:0 0 1.5rem}
.obf-licensed{margin:0 0 1rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.25);border-radius:8px;font-size:15px}
.obf-licensed__rg{display:block;margin-top:.25rem}
.obf-licensed a{text-decoration:underline}
/* Reserve space so cards and logos do not shift the page as images/fonts arrive (CLS). */
.obf-offer__top{min-height:48px}
.obf-offer__logo{aspect-ratio:5/2}
.obf-offer{contain:layout}
.obf-avatar{aspect-ratio:1/1}
.obf-related,.obf-links{content-visibility:auto;contain-intrinsic-size:auto 600px}

/* ===== 1.9.0 mobile UX ===== */
:root{--obf-tap:48px;--obf-ink:#111827}
html.obf-lock,html.obf-lock body{overflow:hidden}
.obf-rg-bar{font-size:13px;line-height:1.4;padding:.35rem .75rem}
/* Compact header: logo + search + menu (GeneratePress mobile toggle/nav replaced below 1025px) */
.site-header .inside-header{flex-wrap:nowrap;min-height:60px}
.obf-hbtns{display:flex;align-items:center;gap:.25rem;margin-left:auto}
.obf-hbtn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:var(--obf-tap);min-height:var(--obf-tap);padding:0 .6rem;background:transparent;border:0;border-radius:10px;color:#fff;font:600 15px/1 var(--obf-font);cursor:pointer}
.obf-hbtn:hover,.obf-hbtn:focus-visible{background:rgba(255,255,255,.1)}
.obf-hbtn__label{font-size:14px}
@media(max-width:1024px){
  #mobile-menu-control-wrapper,#site-navigation{display:none!important}
  .site-header .site-logo img,.site-header .header-image,.custom-logo{max-height:34px}
}
@media(min-width:1025px){.obf-hbtns [data-obf-open="menu"]{display:none}}

/* Drawer */
.obf-drawer{position:fixed;inset:0;z-index:2000}
.obf-drawer[hidden]{display:none}
.obf-drawer__scrim{position:absolute;inset:0;background:rgba(5,10,25,.55);opacity:0;transition:opacity .2s}
.obf-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(92vw,400px);background:#fff;color:var(--obf-text);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);transition:transform .2s ease-out;padding-bottom:env(safe-area-inset-bottom)}
.obf-drawer.is-open .obf-drawer__scrim{opacity:1}.obf-drawer.is-open .obf-drawer__panel{transform:none}
.obf-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:.5rem .5rem .5rem 1.25rem;border-bottom:1px solid var(--obf-line);position:sticky;top:0;background:#fff;z-index:1}
.obf-drawer__home{font-weight:700;color:var(--obf-navy);text-decoration:none;font-size:17px;min-height:var(--obf-tap);display:flex;align-items:center}
.obf-drawer__close{width:var(--obf-tap);height:var(--obf-tap);border:0;background:#f1f3f7;border-radius:12px;font-size:28px;line-height:1;color:var(--obf-navy);cursor:pointer}
.obf-search{display:flex;gap:.5rem;padding:1rem 1.25rem .5rem}
.obf-search input{flex:1;min-width:0;min-height:var(--obf-tap);padding:0 .9rem;border:1.5px solid #c5ccd8;border-radius:10px;font-size:16px;background:#f9fafc;color:var(--obf-text)}
.obf-search input:focus{border-color:var(--obf-navy);background:#fff;outline:none;box-shadow:0 0 0 3px rgba(242,169,0,.45)}
.obf-search button{min-height:var(--obf-tap);padding:0 1rem;border:0;border-radius:10px;background:var(--obf-navy);color:#fff;font-weight:700;font-size:15px;cursor:pointer}
.obf-acc ul{list-style:none;margin:0;padding:0}
.obf-acc>ul>li{border-bottom:1px solid var(--obf-line)}
.obf-acc__btn,.obf-acc__solo{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:56px;padding:0 1.25rem;background:none;border:0;font:700 18px/1.3 var(--obf-font);color:var(--obf-navy);text-align:left;text-decoration:none;cursor:pointer}
.obf-acc__btn svg{transition:transform .2s;color:var(--obf-muted)}
.obf-acc__btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.obf-acc__btn[aria-expanded="true"]{color:#1d4ed8}
.obf-acc__panel{padding:0 0 .5rem!important;background:#f7f8fa}
.obf-acc__panel a{display:flex;align-items:center;min-height:var(--obf-tap);padding:.25rem 1.25rem .25rem 1.75rem;color:var(--obf-text);text-decoration:none;font-size:16px;line-height:1.35}
.obf-acc__panel a:hover,.obf-acc__panel a:focus-visible{background:#eef2fa;color:var(--obf-navy)}
.obf-acc__panel a[aria-current="page"]{font-weight:700;color:var(--obf-navy);box-shadow:inset 3px 0 0 var(--obf-amber)}
.obf-drawer__tg{display:flex;align-items:center;gap:.6rem;margin:1rem 1.25rem .5rem;min-height:var(--obf-tap);padding:0 1rem;border:1px solid #cfe9dc;border-radius:10px;background:#f2fbf6;color:#155c37;font-weight:700;text-decoration:none;font-size:15px}
.obf-drawer__tg .obf-tg-icon{color:#29a9eb}
.obf-drawer__rg{margin:.5rem 1.25rem 1.5rem;font-size:14px;color:var(--obf-muted)}
.obf-drawer__rg a{color:var(--obf-muted);display:inline-block;padding:.35rem 0}
.obf-drawer__rg strong{background:var(--obf-amber);color:#111;border-radius:4px;padding:0 .35rem}

/* Desktop dropdown menu (GeneratePress markup) */
@media(min-width:1025px){
  #site-navigation .main-nav>ul>li>a{border-radius:8px;line-height:44px;margin:6px 0}
  #site-navigation .main-nav>ul>li:hover>a,#site-navigation .main-nav>ul>li:focus-within>a{background:rgba(255,255,255,.08)}
  #site-navigation .main-nav ul ul{background:#fff;border-radius:12px;box-shadow:0 12px 32px rgba(15,30,61,.22);padding:.4rem;min-width:260px;width:auto}
  #site-navigation .main-nav ul ul li a{color:var(--obf-text);line-height:1.35;padding:.65rem .85rem;border-radius:8px;font-weight:500;white-space:normal}
  #site-navigation .main-nav ul ul li a:hover,#site-navigation .main-nav ul ul li a:focus{background:#eef2fa;color:var(--obf-navy)}
  #site-navigation .main-nav ul li:focus-within>ul{left:auto;opacity:1;visibility:visible;height:auto;overflow:visible;pointer-events:auto}
}

/* Offer card v2 */
.obf-offers{counter-reset:none}
.obf-offers>li{display:flex;min-width:0}.obf-offers>li>.obf-offer{flex:1}
.obf-offer{gap:.65rem;padding:1rem;position:relative}
.obf-offer__top{gap:.65rem}
.obf-rank{flex:none;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--obf-navy);color:#fff;font-weight:800;font-size:14px}
.obf-offer__logo{width:96px;height:40px;border:1px solid var(--obf-line)}
.obf-offer__id{min-width:0;display:flex;flex-direction:column;gap:.2rem}
.obf-offer__headline{font-size:1.25rem;line-height:1.3;color:var(--obf-ink)}
.obf-offer__why{margin:0;font-size:15px;color:var(--obf-muted)}
.obf-offer__why span{font-weight:700;color:var(--obf-ok)}
.obf-offer__code{margin:0;font-size:15px}.obf-offer__code code{background:#fff4d6;border:1px dashed #d99700;padding:.1rem .45rem;border-radius:6px;font-weight:700;color:#5c3d00}
.obf-offer__action{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}
.obf-btn--cta{width:100%!important;min-height:52px;font-size:17px;border-radius:10px;gap:.35rem}
.obf-terms--key{font-size:14px;line-height:1.5;color:#2f3a4f;background:#f7f8fa;border:1px solid var(--obf-line);border-radius:8px;padding:.55rem .7rem}
.obf-fullterms summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:600;color:#1d4ed8}
.obf-fullterms .obf-terms{font-size:13px;padding-bottom:.25rem}
.obf-pay{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.obf-pay li{font-size:12px;font-weight:600;color:var(--obf-navy);background:#fff;border:1px solid #cfd6e2;border-radius:6px;padding:.15rem .45rem;line-height:1.4}
.obf-terms__meta{font-size:13px}

/* Top offers on hubs */
.obf-top{margin:0 0 1.75rem}
.obf-top__h{font-size:1.2rem;margin:0 0 .25rem}
.obf-top .obf-grid{margin-top:.5rem}

/* Jump-to contents */
.obf-toc{margin:1.25rem 0;border:1px solid var(--obf-line);border-radius:12px;background:#fff}
.obf-toc summary{cursor:pointer;min-height:var(--obf-tap);display:flex;align-items:center;padding:0 1rem;font-weight:700;color:var(--obf-navy)}
.obf-toc ol{margin:0;padding:0 1rem .75rem 2.25rem}
.obf-toc li a{display:inline-block;padding:.4rem 0;color:#1d4ed8;font-size:15px}
@media(min-width:1025px){.obf-toc{max-width:720px}}
h2[id]{scroll-margin-top:84px}

/* Comparison table → stacked cards on mobile */
.obf-compare{margin:1.25rem 0}
.obf-compare table{width:100%;border-collapse:collapse;background:#fff;font-size:15px}
.obf-compare th,.obf-compare td{border-bottom:1px solid var(--obf-line);padding:.65rem .6rem;text-align:left;vertical-align:middle}
.obf-compare thead th{background:#eef1f6;color:var(--obf-navy);font-size:14px}
.obf-compare__brand strong{display:block;color:var(--obf-navy)}.obf-compare__brand span{font-weight:400;font-size:14px}
.obf-compare__terms{font-size:13px;color:#2f3a4f;max-width:280px}
.obf-compare__cta .obf-btn{min-height:44px;font-size:15px;white-space:nowrap}
@media(max-width:767px){
  .obf-compare thead{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
  .obf-compare table,.obf-compare tbody,.obf-compare tr,.obf-compare th,.obf-compare td{display:block;width:100%}
  .obf-compare tr{border:1px solid var(--obf-line);border-radius:12px;padding:.75rem;margin-bottom:.75rem;box-shadow:var(--obf-shadow);display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem .5rem}
  .obf-compare th,.obf-compare td{border:0;padding:0}
  .obf-compare__rank{display:none!important}
  .obf-compare__brand,.obf-compare__terms,.obf-compare__cta{grid-column:1/-1}
  .obf-compare td[data-label]:not(.obf-compare__terms)::before{content:attr(data-label);display:block;font-size:12px;color:var(--obf-muted)}
  .obf-compare__terms{max-width:none;background:#f7f8fa;border-radius:8px;padding:.5rem!important}
  .obf-compare__cta .obf-btn{width:100%;min-height:50px}
}

/* Sticky offer bar (mobile) */
.obf-sticky{position:fixed;left:0;right:0;bottom:0;z-index:950;background:#fff;border-top:1px solid var(--obf-line);box-shadow:0 -6px 20px rgba(15,30,61,.15);padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom))}
.obf-sticky[hidden]{display:none}
.obf-sticky__row{display:flex;align-items:center;gap:.6rem}
.obf-sticky__offer{flex:1;min-width:0;margin:0;font-size:14px;line-height:1.3;color:var(--obf-ink)}
.obf-sticky__offer strong{display:block;color:var(--obf-navy)}
.obf-sticky .obf-sticky__btn{width:auto!important;flex:none;min-height:48px;padding:0 1.1rem;font-size:16px}
.obf-sticky__terms{margin:.35rem 0 0;font-size:12px;line-height:1.4;color:#3a4558}
.obf-sticky__terms a{color:#1d4ed8}
body.obf-sticky-on{padding-bottom:140px}
body.obf-has-offer .obf-tgbar{display:none!important}
@media(min-width:1025px){.obf-sticky{display:none!important}body.obf-sticky-on{padding-bottom:0}}

/* Layout-shift guards for the new pieces */
.obf-offer__logo,.obf-rank{contain:strict}
.obf-hbtns svg{flex:none}

/* ===== 1.9.2 "use the screen" pass: slim header, no top strip, dense cards ===== */
.obf-rg-bar{display:none}
.obf-banner--slim{min-height:0;background:transparent;display:block}
.obf-banner--slim::before{display:none}
.obf-banner--slim .obf-banner__inner{color:var(--obf-text);padding:.75rem 1rem .25rem}
.obf-banner--slim .obf-banner__title{color:var(--obf-navy);text-shadow:none;font-size:clamp(1.35rem,4.6vw,2rem);margin:.15rem 0 .25rem;line-height:1.2}
.obf-banner--slim .obf-breadcrumbs,.obf-banner--slim .obf-breadcrumbs a,.obf-banner--slim .obf-banner__meta,.obf-banner--slim .obf-byline,.obf-banner--slim .obf-byline a{color:var(--obf-muted);font-size:13px}
.obf-banner__lead{margin:0 0 .25rem;font-size:15px;line-height:1.45;color:#2f3a4f;max-width:70ch}
.obf-pagehead{padding:.5rem 0 .25rem}
.obf-pagehead h1{font-size:clamp(1.35rem,4.6vw,2rem);line-height:1.2;color:var(--obf-navy);margin:0 0 .3rem;font-weight:800}
.obf-pagehead__lead{margin:0;font-size:15px;color:#2f3a4f}
.obf-pagehead__date{color:var(--obf-muted);font-size:13px;white-space:nowrap}
.obf-home .obf-section#offers{margin-top:.75rem}
.obf-top{margin:.5rem 0 1.25rem}
.obf-top__h{font-size:1.05rem;margin:0 0 .4rem}
/* dense list */
.obf-offers--list{list-style:none;margin:.25rem 0 1rem;padding:0;display:flex;flex-direction:column;gap:.5rem}
.obf-offers--list>li{display:block}
.obf-offer{box-shadow:none;border:1px solid var(--obf-line);border-radius:8px;padding:.6rem .75rem;gap:.35rem}
.obf-offer__row{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"logo main" "cta cta";align-items:center;gap:.45rem .65rem}
.obf-offer__row .obf-rank{display:none}
.obf-offer__logo{grid-area:logo;width:80px;height:32px;border:0;border-radius:4px}
.obf-offer__main{grid-area:main;min-width:0}
.obf-offer__brand{font-size:13px;font-weight:600;color:var(--obf-muted);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:0}
.obf-offer__brand .obf-badge{font-size:11px;padding:.05rem .4rem}
.obf-offer__headline{font-size:1.05rem;line-height:1.25;margin:.05rem 0 0;font-weight:800;color:var(--obf-ink,#111827)}
.obf-offer__action{grid-area:cta;margin:0}
.obf-offer .obf-btn--cta{min-height:44px;font-size:16px;border-radius:8px}
.obf-offer .obf-terms--key{background:none;border:0;padding:0;font-size:12.5px;line-height:1.45;color:#4a5468}
.obf-offer__extra{margin:0;font-size:13px;color:var(--obf-muted)}
.obf-offer__extra code{background:#fff4d6;border:1px dashed #b07a00;padding:0 .35rem;border-radius:4px;font-weight:700;color:#5c3d00}
.obf-offer__why{color:var(--obf-ok)}
.obf-offer .obf-fullterms{border:0;margin:0}
.obf-offer .obf-fullterms summary{font-size:13px;min-height:32px;padding:0;color:#1d4ed8}
.obf-offer .obf-terms__meta{border:0;padding:0;font-size:12px;color:#4a5468}
.obf-offer .obf-pay{margin:.25rem 0 0}
@media(min-width:768px){
  .obf-offer{padding:.6rem 1rem}
  .obf-offer__row{grid-template-columns:auto 112px 1fr 200px;grid-template-areas:"rank logo main cta";gap:1rem}
  .obf-offer__row .obf-rank{display:inline-grid;grid-area:rank}
  .obf-offer__logo{width:112px;height:44px}
  .obf-offer__headline{font-size:1.15rem}
  .obf-offer__action{align-self:center}
  .obf-offer .obf-terms--key{padding-left:0}
}
/* TOC collapsed, compact */
.obf-toc{margin:.75rem 0;border-radius:8px}
.obf-toc summary{min-height:40px;font-size:15px}
/* Telegram bar: slim, scroll-triggered, never with the offer sticky */
.obf-tgbar{padding:.25rem 2.5rem .25rem .75rem;border-top-width:2px;box-shadow:0 -3px 10px rgba(0,0,0,.2);gap:0 .6rem;flex-wrap:nowrap;padding-bottom:calc(.25rem + env(safe-area-inset-bottom))}
.obf-tgbar__link{min-height:36px;font-size:13px}
.obf-tgbar__rg{flex-basis:auto;padding-left:0;font-size:12px;white-space:nowrap}
.obf-tgbar__close{width:40px;height:40px;font-size:22px}
body.obf-has-tgbar{padding-bottom:48px}
body.obf-sticky-on .obf-tgbar{display:none!important}
.obf-offer__extra .obf-offer__why{font-size:inherit;font-weight:600}
.obf-offer .obf-fullterms summary{min-height:28px}
/* 1.9.2 auto "Top free bets" block: server-rendered, reserved height = no CLS */
.obf-auto{margin:1rem 0;padding:.6rem .75rem;border:1px solid var(--obf-line);border-radius:8px;background:#fbfcfd;min-height:220px;contain:layout}
.obf-auto__h{margin:0 0 .4rem;font-weight:800;font-size:1rem;color:var(--obf-navy)}
.obf-auto .obf-offers--list{margin:0}
.obf-auto__more{margin:.5rem 0 0;font-size:14px}
.obf-auto__more a,.obf-auto__line a{font-weight:700;color:#1d4ed8}
.obf-auto__line{margin:.75rem 0 .25rem;font-size:15px}
.obf-avatar{border-radius:50%}

/* =====================================================================
   1.9.3 design pass: premium, calm, conversion-led.
   - One CTA colour (amber) used ONLY on deposit/claim buttons.
   - Navy + blue accent + neutrals; nothing else.
   - System font stack only (no web-font download, no CLS).
   - 4px spacing rhythm: 4 8 12 16 24 32 48.
   ===================================================================== */
:root{
  --obf-ink:#0b1426;--obf-navy:#0b1f45;--obf-navy-2:#132c5c;--obf-text:#1b2436;--obf-muted:#4b5568;
  --obf-bg:#f4f6fa;--obf-line:#e2e6ee;--obf-line-2:#cdd4e0;
  --obf-accent:#1d4ed8;--obf-accent-bg:#eef3ff;--obf-ok:#127a43;
  --obf-cta:#ffb400;--obf-cta-h:#f0a400;--obf-cta-a:#e09800;--obf-cta-ink:#111111;
  --obf-amber:var(--obf-cta);--obf-amber-d:var(--obf-cta-h);
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;
  --obf-radius:14px;
  --obf-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --obf-shadow:0 1px 2px rgba(11,20,38,.05),0 2px 8px rgba(11,20,38,.05);
  --obf-shadow-h:0 2px 4px rgba(11,20,38,.06),0 10px 24px rgba(11,20,38,.10);
}
body{background:var(--obf-bg);color:var(--obf-text);font-family:var(--obf-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* Type scale (mobile → desktop): 13 / 15 / 16 / 18 / 22 / 28 / 34 */
h1,h2,h3,h4{color:var(--obf-ink);letter-spacing:-.015em;font-weight:800}
h1{font-size:clamp(1.6rem,6vw,2.15rem);line-height:1.15}
h2{font-size:clamp(1.25rem,4.2vw,1.6rem);line-height:1.2;margin:2rem 0 .75rem}
h3{font-size:1.125rem;line-height:1.3}
.entry-content>p,.entry-content>ul>li,.obf-banner__lead,.obf-pagehead__lead{max-width:72ch}
a{color:var(--obf-accent);text-underline-offset:2px}
a:hover,a:focus{color:var(--obf-navy)}
:focus-visible{outline:3px solid var(--obf-accent);outline-offset:2px;border-radius:4px}
.site-content{padding-left:var(--s4);padding-right:var(--s4)}
.inside-article{background:transparent!important}

/* Section headings: one consistent treatment with a short accent rule */
.obf-top__h,.obf-section>h2,.obf-section__head h2,.obf-auto__h,.obf-links h2,.obf-cluster__h,.entry-content h2{position:relative;padding-left:14px}
.obf-top__h::before,.obf-section>h2::before,.obf-section__head h2::before,.obf-auto__h::before,.obf-links h2::before,.obf-cluster__h::before,.entry-content h2::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:4px;border-radius:4px;background:var(--obf-accent)}
.obf-top__h{font-size:1.125rem;margin:0 0 var(--s3);display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2)}

/* Header */
.site-header{background:var(--obf-navy);box-shadow:0 1px 0 rgba(255,255,255,.06),0 4px 16px rgba(11,20,38,.18)}
.site-header .inside-header{min-height:56px;padding:var(--s2) var(--s4);max-width:1200px;margin:0 auto}
@media(max-width:1024px){.site-header .site-logo img,.site-header .header-image,.custom-logo{max-height:30px}}
.obf-hbtn{border-radius:10px;font-weight:600}
.obf-hbtn:active{background:rgba(255,255,255,.16)}
@media(min-width:1025px){
  #site-navigation .main-nav>ul>li>a{font-size:15px;font-weight:600;color:#dbe3f4;padding:0 .9rem}
  #site-navigation .main-nav>ul>li:hover>a,#site-navigation .main-nav>ul>li.current-menu-item>a{color:#fff;background:rgba(255,255,255,.08)}
}
/* Drawer */
.obf-drawer__scrim{background:rgba(11,20,38,.5);backdrop-filter:blur(2px)}
.obf-drawer__panel{box-shadow:-12px 0 40px rgba(11,20,38,.25);border-radius:16px 0 0 16px}
.obf-drawer__head{padding:var(--s2) var(--s2) var(--s2) var(--s5)}
.obf-drawer__close{background:var(--obf-bg);font-size:24px}
.obf-acc__btn,.obf-acc__solo{font:700 17px/1.3 var(--obf-font);padding:0 var(--s5);min-height:56px;color:var(--obf-ink)}
.obf-acc__btn[aria-expanded="true"]{color:var(--obf-accent)}
.obf-acc__panel{background:#f8f9fc}
.obf-acc__panel a{padding-left:2rem;font-size:15.5px}
.obf-acc__panel a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--obf-accent)}
.obf-search input:focus{box-shadow:0 0 0 3px rgba(29,78,216,.25)}
.obf-drawer__rg strong{background:var(--obf-navy);color:#fff}

/* Page head (hub/review/preview/casino): F-pattern, H1 + one-line lead + editor byline */
.obf-banner--slim .obf-banner__inner{padding:var(--s4) var(--s4) var(--s2)}
.obf-banner--slim .obf-banner__title,.obf-pagehead h1{color:var(--obf-ink);font-size:clamp(1.45rem,5.6vw,2.15rem);font-weight:800;letter-spacing:-.02em;margin:var(--s1) 0 var(--s2)}
.obf-banner__lead,.obf-pagehead__lead{font-size:15px;color:#36405a;margin:0 0 var(--s2)}
.obf-breadcrumbs{font-size:13px}
.obf-banner--slim .obf-byline{margin:var(--s2) 0 0;font-size:13px;color:var(--obf-muted)}
.obf-banner--slim .obf-byline a{color:var(--obf-ink);font-weight:700}
.obf-byline .obf-avatar{width:28px;height:28px;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--obf-line-2)}
.obf-verified{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:1px 7px;border-radius:999px;background:#e8f5ee;color:var(--obf-ok);font-size:12px;font-weight:700}
.obf-pagehead{padding:var(--s4) 0 var(--s2)}

/* ---------- Buttons: states ---------- */
.obf-btn{background:var(--obf-cta);color:var(--obf-cta-ink)!important;font-weight:800;letter-spacing:.005em;border-radius:12px;box-shadow:0 1px 0 rgba(0,0,0,.12),inset 0 -2px 0 rgba(0,0,0,.08);transition:background-color .12s,box-shadow .12s,transform .12s}
.obf-btn:hover{background:var(--obf-cta-h);transform:none;box-shadow:0 4px 12px rgba(224,152,0,.35),inset 0 -2px 0 rgba(0,0,0,.08)}
.obf-btn:active{background:var(--obf-cta-a);transform:translateY(1px);box-shadow:inset 0 2px 3px rgba(0,0,0,.12)}
.obf-btn:focus-visible{outline:3px solid var(--obf-ink);outline-offset:2px}
.obf-btn[aria-disabled="true"],.obf-btn:disabled{background:#e5e7eb;color:#6b7280!important;box-shadow:none;cursor:not-allowed}
/* Non-deposit buttons are never amber */
.obf-btn--ghost,.obf-btn--review{background:#fff!important;color:var(--obf-navy)!important;border:1.5px solid var(--obf-navy)!important;box-shadow:none}
.obf-btn--ghost:hover,.obf-btn--review:hover{background:var(--obf-accent-bg)!important}
.obf-btn--light{background:rgba(255,255,255,.1)}
.obf-btn--cta{min-height:52px;font-size:17px}

/* ---------- Offer cards ---------- */
.obf-offers--list{gap:var(--s3);margin:0 0 var(--s5)}
.obf-offer{position:relative;background:#fff;border:1px solid var(--obf-line);border-radius:var(--obf-radius);box-shadow:var(--obf-shadow);padding:var(--s4);gap:var(--s2);transition:box-shadow .15s,border-color .15s}
.obf-offer:hover{box-shadow:var(--obf-shadow-h);border-color:var(--obf-line-2)}
.obf-offer--top{border:1.5px solid var(--obf-navy);padding-top:calc(var(--s4) + 6px)}
.obf-pick{position:absolute;top:-1px;left:var(--s4);transform:translateY(-50%);background:var(--obf-navy);color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:999px;line-height:1.4;z-index:2}
.obf-offers--list>li:first-child{padding-top:10px}
.obf-offer__row{grid-template-columns:72px 1fr;grid-template-areas:"logo main" "cta cta";gap:var(--s3) var(--s3);align-items:center}
/* Logo tile: one consistent tile for every brand */
.obf-offer__logo{grid-area:logo;width:72px!important;height:72px!important;aspect-ratio:1/1;border-radius:12px;border:1px solid var(--obf-line)!important;background:#fff;object-fit:contain;padding:6px}
/* Rank badge sits on the logo tile corner on mobile */
.obf-offer__row .obf-rank{display:inline-grid;position:absolute;top:var(--s3);left:var(--s3);width:22px;height:22px;font-size:12px;background:#fff;color:var(--obf-ink);box-shadow:0 0 0 1.5px var(--obf-ink);z-index:1}
.obf-offer--top .obf-offer__row .obf-rank{top:calc(var(--s3) + 6px)}
.obf-offer__brand{font-size:13px;font-weight:600;color:var(--obf-muted);gap:6px}
.obf-offer__brand .obf-badge{font-size:11.5px;font-weight:700;padding:1px 8px;background:var(--obf-accent-bg);color:#1e3a8a}
.obf-offer__brand .obf-badge--existing{background:#e8f5ee;color:#0f5c33}
/* Headline = biggest text on the card, value emphasised */
.obf-offer__headline{font-size:1.25rem;line-height:1.22;font-weight:800;letter-spacing:-.015em;color:var(--obf-ink);margin:2px 0 0;font-variant-numeric:tabular-nums}
.obf-money{font-weight:900;color:var(--obf-accent);white-space:nowrap}
.obf-offer__action{margin-top:var(--s1)}
.obf-offer .obf-btn--cta{min-height:52px;font-size:17px;border-radius:12px}
/* Key terms directly under the CTA, readable */
.obf-offer .obf-terms--key{font-size:13px;line-height:1.5;color:#3a4458;background:#f7f8fb;border-radius:8px;padding:var(--s2) 10px;margin:0}
.obf-offer__extra{font-size:13.5px;color:var(--obf-muted);display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.obf-offer__why{color:var(--obf-ok)!important;font-weight:600}
.obf-offer__tick{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#e8f5ee;font-size:11px;font-weight:900}
.obf-offer__extra code{background:var(--obf-accent-bg);border:1px dashed #94a8d8;color:#1e3a8a;border-radius:6px;padding:0 6px}
.obf-offer .obf-fullterms summary{font-size:13px;color:var(--obf-accent);min-height:32px}
/* Compliance line: compact, 12px+, AA */
.obf-offer .obf-terms__meta{font-size:12px;line-height:1.5;color:#4b5568;border-top:1px solid var(--obf-line);padding-top:var(--s2);margin-top:var(--s1)}
.obf-offer .obf-terms__meta a{color:#4b5568}
.obf-trust{display:inline-flex;align-items:center;gap:4px;margin-right:6px;padding:0 6px;border-radius:4px;background:#e8f5ee;color:#0f5c33;font-weight:700}
.obf-trust::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--obf-ok)}
/* Whole card is tappable to the same CTA target; other links/controls stay on top */
.obf-offer .obf-btn--cta::after{content:"";position:absolute;inset:0;border-radius:var(--obf-radius);z-index:0}
.obf-offer .obf-fullterms,.obf-offer .obf-terms__meta a,.obf-offer .obf-pick,.obf-offer .obf-terms,.obf-offer .obf-offer__extra{position:relative;z-index:1}
.obf-offer{cursor:pointer}
.obf-offer .obf-terms{cursor:text}
@media(min-width:768px){
  .obf-offer{padding:var(--s4) var(--s5)}
  .obf-offer--top{padding-top:calc(var(--s4) + 6px)}
  .obf-offer__row{grid-template-columns:28px 96px 1fr 220px;grid-template-areas:"rank logo main cta";gap:var(--s5)}
  .obf-offer__row .obf-rank{position:static;grid-area:rank;width:28px;height:28px;font-size:13px}
  .obf-offer__logo{width:96px!important;height:64px!important;aspect-ratio:3/2}
  .obf-offer__headline{font-size:1.375rem}
  .obf-offer .obf-terms--key{margin-left:calc(28px + 96px + 2*var(--s5));background:none;padding:0}
  .obf-offer__extra,.obf-offer .obf-fullterms,.obf-offer .obf-terms__meta{margin-left:calc(28px + 96px + 2*var(--s5))}
}

/* Comparison table: scannable */
.obf-compare table{border-radius:12px;overflow:hidden;box-shadow:var(--obf-shadow);border:1px solid var(--obf-line)}
.obf-compare thead th{background:var(--obf-navy);color:#fff;font-size:13px;letter-spacing:.02em;text-transform:uppercase}
.obf-compare tbody tr:nth-child(even){background:#fafbfd}
.obf-compare td{font-variant-numeric:tabular-nums}
@media(max-width:767px){.obf-compare tr{background:#fff!important;border-radius:14px}}

/* Sticky review CTA */
.obf-sticky{border-top:0;box-shadow:0 -8px 24px rgba(11,20,38,.14);border-radius:16px 16px 0 0}
.obf-sticky__offer strong{color:var(--obf-ink)}
.obf-sticky .obf-sticky__btn{border-radius:12px}

/* Preview / fixtures */
.obf-fixture{background:linear-gradient(135deg,var(--obf-navy),var(--obf-navy-2));border-radius:var(--obf-radius);padding:var(--s4) var(--s5)}
.obf-prediction{border-left-color:var(--obf-accent);background:var(--obf-accent-bg)}
.obf-auto{background:#fff;border-radius:var(--obf-radius);padding:var(--s4);box-shadow:var(--obf-shadow)}
.obf-toc{border-radius:12px;background:#fff;box-shadow:var(--obf-shadow)}

/* Imagery: consistent treatment wherever photos exist */
.entry-content img,.obf-thumb{border-radius:12px}
.entry-content figure{margin:var(--s5) 0}
.entry-content figcaption{font-size:13px;color:var(--obf-muted);margin-top:var(--s2)}
.obf-banner:not(.obf-banner--slim)::before{background:linear-gradient(180deg,rgba(11,31,69,.35) 0%,rgba(11,31,69,.82) 55%,rgba(11,31,69,.96) 100%)}
.obf-banner__img,.obf-thumb{filter:saturate(.9) contrast(1.02)}
.obf-media{position:relative;overflow:hidden;border-radius:var(--obf-radius);aspect-ratio:16/7;background:var(--obf-navy);margin:0 0 var(--s4)}
.obf-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}
.obf-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(11,31,69,.55))}
.obf-tile,.obf-guide,.obf-event,.obf-how li,.obf-links,.obf-author{border-radius:var(--obf-radius);border-color:var(--obf-line)}
a.obf-tile:hover .obf-tile__icon{color:#fff}
.obf-how__n{background:var(--obf-navy);color:#fff}
.obf-eyebrow{color:#c7d6ff}
.obf-chips .obf-icon{color:#8fb0ff}
.obf-empty2{border-left-color:var(--obf-accent)}

/* Author box: named editor, clear trust */
.obf-author{background:#fff;box-shadow:var(--obf-shadow)}
.obf-author__name a{color:var(--obf-ink)}

/* Telegram: secondary, never competes with the deposit CTA */
.obf-tg{background:var(--obf-navy);border-left:0;border-radius:var(--obf-radius);box-shadow:var(--obf-shadow)}
.obf-tg__kicker{color:#8fe3b5}
.obf-tg__list li::before{background:#8fe3b5}
.obf-tg__btn{background:#fff;color:var(--obf-navy)!important;border-radius:12px}
.obf-tg__btn .obf-tg-icon{color:#229ed9}
.obf-tg__btn:hover,.obf-tg__btn:focus{background:#e9eefb;transform:none}
.obf-tgbar{background:rgba(11,31,69,.97);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -4px 16px rgba(11,20,38,.25);backdrop-filter:blur(6px);min-height:48px}
.obf-tgbar__link{font-size:13.5px;font-weight:500}
.obf-tgbar__link strong{color:#fff;font-weight:800}
.obf-tgbar__link .obf-tg-icon{color:#229ed9}
.obf-tgbar__rg{color:#c3cde0}
.obf-drawer__tg{background:#f3f7ff;border-color:#d6e0f5;color:var(--obf-navy)}

/* Footer */
.obf-compliance{background:#081733;color:#cfd8ea;padding:var(--s7) var(--s4) var(--s6)}
.obf-fcol h3{font-size:12px;letter-spacing:.08em;color:#8fa3c8;font-weight:700}
.obf-fcol li a{color:#e3e9f5;font-size:14.5px;padding:6px 0}
.obf-compliance h2{font-size:1rem;margin:var(--s5) 0 var(--s2);padding:0}
.obf-compliance h2::before{display:none}
.obf-licensed{display:flex;flex-direction:column;gap:4px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);border-radius:12px;padding:var(--s4);font-size:14.5px}
.obf-licensed strong{color:#fff}
.obf-compliance>.obf-inner>ul{gap:8px}
.obf-compliance>.obf-inner>ul li a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;text-decoration:none;font-weight:600;font-size:13.5px}
.obf-compliance>.obf-inner>ul li a:hover{background:rgba(255,255,255,.08)}
.obf-compliance p{font-size:14px;line-height:1.6}
.obf-company,.site-info{background:#081733;color:#a9b6cf}
.obf-company{border-top:1px solid rgba(255,255,255,.08);padding-top:var(--s4)}

/* Betting calculators: match the card system; heights reserved (no CLS) */
.obf-calc.obf-calc{background:#fff;border:1px solid var(--obf-line);border-radius:var(--obf-radius);box-shadow:var(--obf-shadow);padding:var(--s4) var(--s4) var(--s3);margin:var(--s5) 0;min-height:30rem}
.obf-calc .obf-calc__title{font-size:1.125rem;font-weight:800;color:var(--obf-ink);margin:0 0 var(--s3)}
.obf-calc.obf-calc label{font-size:13px;font-weight:700;color:#36405a;letter-spacing:.01em}
.obf-calc.obf-calc input,.obf-calc.obf-calc select{min-height:48px;border:1.5px solid var(--obf-line-2);border-radius:10px;background:#fafbfd;font-variant-numeric:tabular-nums}
.obf-calc.obf-calc input:focus,.obf-calc.obf-calc select:focus{border-color:var(--obf-accent);background:#fff;outline:none;box-shadow:0 0 0 3px rgba(29,78,216,.2)}
.obf-calc .obf-calc__leg{border:1px solid var(--obf-line);background:#fafbfd;border-radius:10px}
.obf-calc.obf-calc .obf-calc__btn{min-height:48px;border-radius:12px;background:var(--obf-navy);font-weight:700}
.obf-calc .obf-calc__out{min-height:12rem}
.obf-calc .obf-calc__res div{background:var(--obf-accent-bg);border:0;border-radius:10px;padding:10px 12px}
.obf-calc .obf-calc__res dt{font-size:12px;color:#36405a;font-weight:600}
.obf-calc .obf-calc__res dd{font-size:1.2rem;font-weight:800;color:var(--obf-ink);font-variant-numeric:tabular-nums}
.obf-calc .obf-calc__note{font-size:12.5px;color:var(--obf-muted)}

@media(prefers-reduced-motion:reduce){.obf-offer,.obf-btn{transition:none}}
/* 1.9.3 fixes: full-bleed cards on mobile, badge sizing, byline colours, nav links */
@media(max-width:767px){.inside-article{padding:0!important}.obf-banner--slim .obf-banner__inner{padding-left:var(--s4);padding-right:var(--s4)}}
.obf-pick{width:max-content;left:auto;right:var(--s4)}
.obf-byline{color:var(--obf-muted)}
.obf-byline a{color:var(--obf-ink)}
.obf-banner:not(.obf-banner--slim) .obf-byline,.obf-banner:not(.obf-banner--slim) .obf-byline a{color:#fff}
.main-navigation .main-nav ul li a{text-decoration:none}
.obf-byline .obf-byline__date{color:var(--obf-muted)}.obf-banner:not(.obf-banner--slim) .obf-byline__date{color:#dbe2f0}
/* Editor's pick sits in flow above the row (no overlap with the rank badge) */
.obf-pick{position:static;transform:none;align-self:flex-start;width:auto;margin:0 0 2px}
.obf-offer--top{padding-top:var(--s3)}
.obf-offers--list>li:first-child{padding-top:0}
.obf-offer--top .obf-offer__row .obf-rank{top:calc(var(--s3) + 30px)}
@media(min-width:768px){.obf-offer--top{padding-top:var(--s3)}}
.obf-offer .obf-pick{position:relative;left:auto;right:auto;top:auto;transform:none}
.obf-offer--top .obf-offer__row .obf-rank{top:calc(var(--s3) + 38px)}

/* ===== 1.9.4 official brand logos (no text/letter tiles) ===== */
.obf-offer__logo{padding:0!important;overflow:hidden}
.obf-compare__brand .obf-compare__logo{display:block;width:auto;max-width:120px;height:36px;object-fit:contain;margin:0 0 .35rem;border-radius:6px}
.obf-compare__logo.obf-logo--wide{background:#fff;padding:6px 8px;box-sizing:content-box;height:24px}
.obf-sticky__row{align-items:center}
.obf-sticky__logo{width:40px;height:40px;flex:none;border-radius:8px;border:1px solid var(--obf-line);object-fit:contain}
.obf-banner__logo{display:block;height:56px;width:auto;max-width:220px;margin:var(--s2,8px) 0;border-radius:10px;object-fit:contain}
.obf-banner__logo.obf-logo--wide{background:#fff;padding:10px 14px;height:36px}
.obf-logo--wide.obf-logo--on-dark{background:var(--obf-navy)!important}

/* =====================================================================
   1.9.5 above-the-fold tightening (mobile first, then desktop)
   Gaps came from: GP .site-main margin (20px), .obf-home padding + 2.75rem flex gap,
   .obf-pagehead padding, slim banner padding, section margins and the card's
   stacked "Editor's pick" row.
   ===================================================================== */
.site-main,.separate-containers .site-main,.one-container .site-main{margin-top:0!important}
.separate-containers .inside-article,.one-container .inside-article{padding-top:0}
.entry-header,.page-header{margin:0!important;padding:0!important}
.entry-content>:first-child{margin-top:0}
.obf-home{padding-top:16px;--obf-home-gap:2.75rem;gap:var(--obf-home-gap)}
@media(min-width:768px){.obf-home{padding-top:24px;--obf-home-gap:3.5rem}}
.obf-home>.obf-pagehead{padding:0;margin-bottom:calc(12px - var(--obf-home-gap))}
.obf-home>.obf-section#offers,.obf-home .obf-section#offers{margin-top:0}
/* Title block */
.obf-pagehead h1,.obf-banner--slim .obf-banner__title{font-size:clamp(1.5rem,5.4vw,2rem);line-height:1.18;margin:0 0 4px}
.obf-pagehead__lead,.obf-banner__lead{font-size:14.5px;line-height:1.45;margin:0}
.obf-pagehead__date{font-size:12.5px}
.obf-banner--slim .obf-banner__inner{padding:12px 16px 0}
.obf-banner--slim .obf-breadcrumbs{font-size:12.5px;line-height:1.3;margin:0 0 4px}
.obf-banner--slim .obf-byline{margin:6px 0 0;font-size:12.5px}
.obf-banner--slim+.site-content .site-main,.obf-banner--slim~.site .site-main{margin-top:0!important}
/* First section heading + list */
.obf-top{margin:12px 0 20px}
.obf-top__h,.obf-home .obf-section#offers>h2{font-size:1.05rem;margin:0 0 8px;line-height:1.25}
.obf-offers--list{gap:10px}
/* Compact card: logo, headline and CTA closer together; pick badge inline */
.obf-offer,.obf-offer--top{padding:12px;gap:8px}
.obf-offer__row{grid-template-columns:56px 1fr;gap:8px 12px}
.obf-offer__logo{width:56px!important;height:56px!important;border-radius:10px;padding:4px}
.obf-offer__row .obf-rank,.obf-offer--top .obf-offer__row .obf-rank{top:6px;left:6px;width:20px;height:20px;font-size:11px}
.obf-offer__brand{font-size:12.5px;gap:4px 6px;line-height:1.3}
.obf-offer .obf-pick,.obf-offer__brand .obf-pick{position:static;display:inline-block;transform:none;margin:0;padding:1px 7px;font-size:10.5px;letter-spacing:.04em;line-height:1.5;border-radius:999px;background:var(--obf-navy);color:#fff;font-weight:800;text-transform:uppercase}
.obf-offer__headline{font-size:1.2rem;line-height:1.2;margin:2px 0 0}
.obf-offer__action{margin-top:0}
.obf-offer .obf-btn--cta{min-height:48px;font-size:16.5px}
.obf-offer .obf-terms--key{padding:6px 10px;font-size:13px}
@media(min-width:768px){
  .obf-offer,.obf-offer--top{padding:14px 20px}
  .obf-offer__row{grid-template-columns:28px 80px 1fr 220px;gap:16px}
  .obf-offer__row .obf-rank,.obf-offer--top .obf-offer__row .obf-rank{position:static;width:26px;height:26px;font-size:12.5px}
  .obf-offer__logo{width:80px!important;height:56px!important}
  .obf-offer .obf-terms--key,.obf-offer__extra,.obf-offer .obf-fullterms,.obf-offer .obf-terms__meta{margin-left:calc(28px + 80px + 32px)}
  .obf-offer__headline{font-size:1.3rem}
  .obf-banner--slim .obf-banner__inner{padding:20px 24px 0}
  .obf-top{margin-top:16px}
}
/* Desktop header: one row, short labels, no logo-to-content gulf */
@media(min-width:1025px){
  .site-header .inside-header{flex-wrap:nowrap;min-height:64px;padding:6px 24px}
  #site-navigation .main-nav>ul{flex-wrap:nowrap}
  #site-navigation .main-nav>ul>li>a{white-space:nowrap;padding:0 .6rem;font-size:14.5px;line-height:40px;margin:4px 0}
  #site-navigation .main-nav>ul>li.menu-item-home{display:none}
  .site-header .site-logo img,.site-header .header-image,.custom-logo{max-height:40px}
}
.entry-content>.obf-offer:first-child{margin-top:12px}
.obf-home .obf-section#offers>h2{margin-bottom:6px}
/* 1.9.5 desktop header: logo never squeezed; at most 5 top-level links, the rest live in the Menu drawer */
@media(min-width:1025px){
  .site-header .site-logo{flex:0 0 auto!important;max-width:none}
  #site-navigation{flex:1 1 auto;min-width:0;overflow:hidden}
  #site-navigation .main-nav>ul>li:nth-child(n+7){display:none}
  .obf-hbtns{flex:none}
  .obf-hbtns [data-obf-open="menu"]{display:inline-flex!important}
  .obf-offer__row{grid-template-columns:28px 80px 1fr 248px}
  .obf-offer .obf-btn--cta{white-space:nowrap;font-size:16px;padding:0 1rem}
}
@media(min-width:1025px){.obf-hbtns{order:20;margin-left:8px}#site-navigation{margin-left:auto}}
@media(min-width:768px){.obf-offer .obf-terms--key{padding:0;background:none}}

/* 1.9.7 Related guides (topic clusters) */
.obf-cluster{margin:1.5rem 0 0;padding:1rem 1.25rem;background:var(--obf-card);border:1px solid var(--obf-line);border-radius:var(--obf-radius);content-visibility:auto;contain-intrinsic-size:auto 220px}
.obf-cluster__h{font-size:1.05rem;margin:0 0 .5rem;color:var(--obf-navy)}
.obf-cluster__hub{margin:0 0 .25rem}.obf-cluster__hub a{font-weight:700;color:var(--obf-navy);display:inline-flex;align-items:center;min-height:44px}
.obf-cluster__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0 1rem}
@media(min-width:600px){.obf-cluster__list{grid-template-columns:repeat(2,1fr)}}
.obf-cluster__list a{display:flex;align-items:center;min-height:44px;font-weight:600;color:var(--obf-navy)}

/* ===== 1.9.16 UX audit fixes ===== */
/* (1) Desktop header dropdowns: open on hover and on keyboard focus */
@media(min-width:1025px){
  .main-navigation .main-nav ul li.menu-item-has-children{position:relative}
  .main-navigation .main-nav ul li:hover>ul.sub-menu,.main-navigation .main-nav ul li:focus-within>ul.sub-menu{left:0!important;right:auto!important;opacity:1!important;visibility:visible!important;height:auto!important;overflow:visible!important;pointer-events:auto!important;display:block!important;min-width:240px;z-index:99999}
  .main-navigation .main-nav ul ul li a{line-height:1.4;padding:.6rem 1rem;white-space:nowrap}
  .main-navigation .main-nav ul li a:focus-visible{outline:2px solid var(--obf-amber,#f5b301);outline-offset:-2px}
  .main-navigation .dropdown-menu-toggle{display:inline-flex;align-items:center;padding-left:.35rem}
  .main-navigation .main-nav ul li.current-menu-ancestor>a{color:var(--obf-amber)}
}
/* (3) Desktop article pages: one centred ~760px column */
@media(min-width:1025px){
  body.single .entry-content,body.page:not(.home) .entry-content{max-width:760px;margin-left:auto!important;margin-right:auto!important}
  body.single .entry-content>p,body.single .entry-content>ul>li,body.page:not(.home) .entry-content>p,body.page:not(.home) .entry-content>ul>li{max-width:none}
  body.single .obf-toc,body.page:not(.home) .obf-toc{max-width:none}
  body.single .obf-banner__inner,body.page:not(.home) .obf-banner__inner{max-width:760px;margin-left:auto;margin-right:auto}
}
/* (7) Rank badge: own grid column on mobile, never on top of the logo */
@media(max-width:767px){
  .obf-offer__row{grid-template-columns:auto auto 1fr!important;grid-template-areas:"rank logo main" "cta cta cta"!important}
  .obf-offer__row .obf-rank,.obf-offer--top .obf-offer__row .obf-rank{position:static!important;grid-area:rank;align-self:start;margin-top:2px;top:auto;left:auto}
}
/* (8) Compliance links in the card footer: 44px tap target, larger text */
.obf-offer .obf-terms__meta{font-size:13.5px;line-height:1.5}
.obf-offer .obf-terms__meta a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;text-decoration:underline}
/* (9) Promo code / why line: spacing via gap, no separator dot */
.obf-offer__extra{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
/* (10) Sideways-scrolling tables on mobile: hint + right-edge fade (classes added by assets/obf.js) */
.obf-scrollbox{position:relative}
.obf-scrollbox::after{content:"";position:absolute;top:0;right:0;bottom:0;width:32px;pointer-events:none;background:linear-gradient(to right,rgba(255,255,255,0),#fff);transition:opacity .2s}
.obf-scrollbox.is-end::after{opacity:0}
.obf-swipe{margin:.25rem 0 .35rem;font-size:13px;font-weight:600;color:var(--obf-muted)}
@media(min-width:1025px){.obf-swipe{display:none}}
/* (11) More space between breadcrumb and H1 */
.obf-breadcrumbs,.obf-banner .obf-breadcrumbs,.obf-banner--slim .obf-breadcrumbs{margin:0 0 14px!important}

/* ===== 1.9.17 desktop nav fix =====
   Cause: 1.9.5 set #site-navigation{overflow:hidden;min-width:0} while the menu row is
   nowrap + justify-content:flex-end. When the 6 items are wider than the nav box (~1272px),
   they overflow to the LEFT and are clipped ("e Bets"); the same overflow:hidden clips the
   absolutely positioned dropdowns that hang below the nav, so they are "visible" but cut off. */
@media(min-width:1025px) and (max-width:1099px){
  #site-navigation{display:none!important}
}
@media(min-width:1100px){
  .site-header{z-index:1000}
  #site-navigation,#site-navigation .inside-navigation,#site-navigation .main-nav{overflow:visible!important}
  #site-navigation{flex:none;min-width:0;margin-left:auto}
  #site-navigation .main-nav>ul>li>a>.dropdown-menu-toggle{padding:0 0 0 4px!important;width:auto;height:auto;line-height:1;float:none;font-size:12px}
  #site-navigation .main-nav>ul{flex-wrap:nowrap;justify-content:flex-start;margin:0}
  #site-navigation .main-nav>ul>li{flex:none}
  #site-navigation .main-nav>ul>li>a{padding:0 .45rem;font-size:14px}
  #site-navigation .main-nav ul li:hover>ul.sub-menu,#site-navigation .main-nav ul li:focus-within>ul.sub-menu{top:100%;transform:none}
  #site-navigation .main-nav>ul>li:nth-last-child(-n+2)>ul.sub-menu{left:auto!important;right:0!important}
}
@media(min-width:1280px){
  #site-navigation .main-nav>ul>li>a{padding:0 .7rem;font-size:14.5px}
}