/* Option C — refined Courtside: clean single-row menu, court-monogram logo,
     landscape featured images with on-brand tint overlay. */
  :root{
    --head-font:var(--display); --head-weight:800; --head-spacing:-.015em; --head-transform:none;
    --maxw:1280px; --gut:30px; --radius:11px;
  }
  .sec{padding:46px 0}
  .sec-head h2,.seo h2,.hero-lead h1,.slam h3{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:.96}
  .sec-head h2{font-size:26px}
  .seo h2{font-size:34px}
  .sec-head{border-bottom-width:3px}
  .card h3,.hero-stack h3,.row h4{font-weight:700;letter-spacing:-.012em}

  /* ---- Clean single-row header (no top utility bar) ---- */
  .site-header{background:var(--green-900);border-bottom:3px solid var(--orange-500)}
  .site-header .container{height:72px;gap:22px}
  .mainnav{flex-wrap:nowrap;gap:22px;margin-left:14px}
  .mainnav a{color:#e8efe9;font-size:13.5px;white-space:nowrap}
  .mainnav a:hover{color:#fff}
  .header-actions{gap:10px}
  .icon-btn{width:42px;height:42px;border-radius:11px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:#cdd8cf;cursor:pointer}
  .icon-btn:hover{background:rgba(255,255,255,.12);color:#fff}
  .btn-accent{display:inline-flex;align-items:center;gap:8px;padding:11px 16px}
  .btn-accent .age{font-size:10px;font-weight:900;background:rgba(255,255,255,.22);border-radius:5px;padding:2px 5px;letter-spacing:.02em}
  .menu-toggle{display:none}
  @media(max-width:1000px){
    .menu-toggle{display:flex}
    .site-header .container{position:relative}
    body.nav-open .mainnav{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;margin:0;padding:10px 30px 16px;gap:2px;background:var(--green-900);border-bottom:3px solid var(--orange-500);z-index:60}
    body.nav-open .mainnav a{padding:11px 0;font-size:15px;border-bottom:1px solid rgba(255,255,255,.08)}
  }

  /* ---- Featured image aspect = WordPress landscape ---- */
  .card .well{aspect-ratio:16/10;height:auto}
  .hero-stack .hs-item{grid-template-columns:118px 1fr;gap:13px}
  .hero-stack .hs-item .well{aspect-ratio:16/11;min-height:0;border-radius:9px}
  .row .thumb{width:104px;height:68px}
  .hero-lead{min-height:480px}
  /* Two color-only featured betting offers */
  .feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .feat-offer{position:relative;overflow:hidden;border-radius:16px;color:#fff;padding:30px;display:flex;flex-direction:column;background:linear-gradient(140deg,var(--green-700),var(--green-900))}
  .feat-offer::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 2px,transparent 2px 44px);pointer-events:none}
  .feat-offer > *{position:relative;z-index:1}
  .feat-offer .fb{font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-400);display:flex;align-items:center;gap:7px}
  .feat-offer .bk{font-family:var(--display);font-weight:800;font-size:19px;margin:12px 0 2px}
  .feat-offer .fo{font-family:var(--display);font-weight:900;font-size:34px;letter-spacing:-.02em;line-height:1;margin:8px 0}
  .feat-offer .fo em{color:var(--orange-400);font-style:normal}
  .feat-offer .fs{color:#c4d0c7;font-size:14.5px;max-width:42ch}
  .feat-offer .fcta{align-self:flex-start;margin-top:20px;background:var(--orange-500);color:#fff;font-family:var(--display);font-weight:800;letter-spacing:.05em;text-transform:uppercase;font-size:13px;padding:13px 24px;border-radius:9px}
  .feat-offer .fcta:hover{background:var(--orange-600)}
  .feat-offer .ft{margin-top:18px;font-size:10.5px;color:#8fa496;line-height:1.4}
  /* brand-coloured featured offers + logo */
  .feat-offer.fo-paddy{background:linear-gradient(140deg,#13694d,#0a3526)}
  .feat-offer.fo-betway{background:linear-gradient(140deg,#2b2b2b,#000)}
  .feat-logo{display:block;margin:10px 0 2px}
  .feat-logo img{height:30px;width:auto;display:block}
  .tl2-foot{display:flex;align-items:center;justify-content:center;gap:7px;padding:16px;font-family:var(--display);font-weight:800;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--green-700);border-top:1px solid var(--line);background:var(--paper)}
  .tl2-foot:hover{color:var(--orange-600)}
  /* Players in focus mini-list (fills column height vs betting toplist) */
  .pfocus{display:flex;flex-direction:column;border-top:1px solid var(--line)}
  .pfocus a{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid var(--line)}
  .pfocus a:last-child{border-bottom:none}
  .pfocus .pf-rank{font-family:var(--display);font-weight:900;font-size:13px;color:var(--green-600);width:16px;text-align:center;flex-shrink:0}
  .pfocus .pf-av{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;font-size:14px;color:#fff;letter-spacing:-1px}
  .pfocus .pf-body{flex:1;min-width:0}
  .pfocus .pf-name{font-family:var(--display);font-weight:800;font-size:15px;line-height:1.1}
  .pfocus .pf-meta{font-size:12px;color:var(--muted);margin-top:2px}
  .pfocus a:hover .pf-name{color:var(--green-700)}
  .pfocus .pf-go{margin-left:auto;font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--green-700);flex-shrink:0}
  .pfocus a:hover .pf-go{color:var(--orange-600)}
  .pfocus .pf-group{font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);padding:14px 0 8px;border-bottom:1px solid var(--line)}
  .pfocus .pf-group:first-child{padding-top:4px}
  @media(max-width:760px){.feat-grid{grid-template-columns:1fr}}
  @media(max-width:680px){
    /* hero — shorter, less padding, hide dek on very small */
    .hero-lead{min-height:280px}
    .hero-lead h1{font-size:clamp(22px,6.5vw,34px)}
    .hero-lead p{display:none}
    /* hero stack — tighter */
    .hero-stack .hs-item{grid-template-columns:68px 1fr;gap:9px}
    .hero-stack h3{font-size:14px}
    /* seo bands */
    .seo h2{font-size:24px}
    /* feat offers */
    .feat-offer .fo{font-size:24px}
    .feat-offer{padding:22px}
    /* slam — 2 wide on mobile */
    .slam-grid{grid-template-columns:1fr 1fr}
    /* section heads */
    .sec-head h2{font-size:20px}
  }