/* Ghana Betting Tips */
/* Menu icons and the mobile menu (loaded after the page stylesheet). */
.nav-ic{flex:none;width:28px;height:28px;overflow:visible}
.nav__link .nav-ic{margin-right:.5rem}
.nav__sublink{display:flex;align-items:center;gap:.85rem}
.nav__sublink .nav-ic{width:54px;height:54px;padding:9px;border-radius:15px;background:rgba(34,201,116,.12);border:1px solid rgba(34,201,116,.22)}
.nav__sublink .tile{flex:none}
.nav__menu{min-width:21.5rem}
.nav__menu--cols{min-width:41rem}
/* Menus of the later items open leftwards, so a wide menu never reaches past the page edge */
.nav__item:nth-child(n+4) .nav__menu{left:auto;right:0}
.nav__subtext{display:flex;flex-direction:column;min-width:0}
.nav__subtext .nav__subnote{display:block;margin:0}

/* Mobile menu */
.drawer__nav{padding:.75rem .75rem 1rem}
.drawer__list,.drawer__sub{list-style:none;margin:0;padding:0}
.drawer__list>li+li{margin-top:.25rem}
.drawer__link{display:flex;align-items:center;justify-content:flex-start;gap:.8rem;min-height:4rem;padding:0 .6rem;border-radius:16px;font-size:1.125rem;font-weight:700;color:inherit;text-decoration:none}
.drawer__link .nav-ic{width:50px;height:50px;padding:8px;border-radius:14px;background:rgba(34,201,116,.12);border:1px solid rgba(34,201,116,.22)}
.drawer__link:hover,.drawer__link:focus-visible{background:rgba(0,135,81,.08)}
.drawer__group>summary{list-style:none;cursor:pointer;user-select:none}
.drawer__group>summary::-webkit-details-marker{display:none}
.drawer__chev{flex:none;display:grid;place-items:center;width:32px;height:32px;margin-left:auto;border-radius:50%;background:rgba(0,135,81,.12);color:#0A7F4D;transition:transform .18s ease,background-color .18s ease}
.drawer__chev svg{width:16px;height:16px}
.drawer__group[open]{border-radius:16px;background:rgba(0,135,81,.07)}
.drawer__group[open]>summary{color:#0A7F4D}
.drawer__group[open] .drawer__chev{transform:rotate(180deg);background:#FCD116;color:#0F120F}
.drawer__sub{margin:.1rem .6rem .2rem 1.65rem;padding:.2rem 0 .7rem .7rem;border-left:2px solid rgba(0,135,81,.28)}
.drawer__sub a{display:flex;align-items:center;gap:.65rem;min-height:3.1rem;padding:0 .6rem;border-radius:11px;font-size:1rem;font-weight:500;color:inherit;text-decoration:none}
.drawer__sub a .nav-ic{width:34px;height:34px}
.drawer__sub a:hover,.drawer__sub a:focus-visible{background:rgba(0,135,81,.10)}
.drawer__sub a[aria-current=page]{background:rgba(255,210,31,.28);font-weight:700}
.drawer__sub .drawer__all{font-weight:700;color:#0A7F4D}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .drawer__group[open]>summary,:root:not([data-theme=light]) .drawer__sub .drawer__all,:root:not([data-theme=light]) .drawer__chev{color:#2EDC7A}}
:root[data-theme=dark] .drawer__group[open]>summary,:root[data-theme=dark] .drawer__sub .drawer__all,:root[data-theme=dark] .drawer__chev{color:#2EDC7A}
:root[data-theme=dark] .drawer__group[open] .drawer__chev{color:#0F120F}

/* Icon motion: each animated part names its own keyframes in --n; they run while the link is hovered or focused, while its menu is open, and in the open mobile menu. */
.nav-ic [class*="a-"]{transform-box:fill-box;transform-origin:50% 50%;animation:2.8s ease-in-out infinite both;animation-delay:calc(var(--li,0s) + var(--dd,0s))}
.nav-ic .a-d2{--dd:.14s}
.nav-ic .a-d3{--dd:.28s}
.a-grow{--n:ic-grow;transform-origin:50% 100%!important}
.a-pop{--n:ic-pop}
.a-hop{--n:ic-hop}
.a-draw{--n:ic-draw;stroke-dasharray:1}
.a-blink{--n:ic-blink}
.a-drop{--n:ic-drop}
.a-spin{--n:ic-spin}
.nav-ic .a-slow{--n:ic-turn;animation-duration:9s;animation-timing-function:linear}
.a-flip{--n:ic-flip}
.a-flash{--n:ic-flash}
.a-slide{--n:ic-slide}
.a-tilt{--n:ic-tilt}
.a-wobble{--n:ic-wobble}
.a-bounce{--n:ic-bounce;transform-origin:50% 100%!important}
.a-swing{--n:ic-swing;transform-origin:22% 22%!important}
:is(.nav__link:hover,.nav__link:focus-visible,.nav__item--menu:hover>.nav__link,.nav__item.is-open>.nav__link,.nav__item:hover .nav__menu,.nav__item:focus-within .nav__menu,.nav__item.is-open .nav__menu,.drawer__nav) .nav-ic [class*="a-"]{animation-name:var(--n)}
.nav__sub li:nth-child(3n+2),.drawer__list>li:nth-child(3n+2),.drawer__sub li:nth-child(3n+2){--li:.35s}
.nav__sub li:nth-child(3n),.drawer__list>li:nth-child(3n),.drawer__sub li:nth-child(3n){--li:.7s}
.nav__sublink .nav-ic,.drawer__link .nav-ic{transition:transform .2s ease,background-color .2s ease}
.nav__sublink:hover .nav-ic,.nav__sublink:focus-visible .nav-ic{transform:scale(1.08);background:rgba(34,201,116,.2)}
@keyframes ic-grow{0%,45%,to{transform:none}12%{transform:scaleY(.3)}30%{transform:scaleY(1.1)}}
@keyframes ic-pop{0%,45%,to{transform:none}15%{transform:scale(1.4) rotate(-14deg)}30%{transform:scale(.9) rotate(8deg)}}
@keyframes ic-hop{0%,45%,to{transform:none}14%{transform:translateY(-2.6px) rotate(-7deg)}28%{transform:none}36%{transform:translateY(-.9px)}}
@keyframes ic-draw{0%{stroke-dashoffset:1}32%,to{stroke-dashoffset:0}}
@keyframes ic-blink{0%,24%,50%,to{opacity:1}12%,36%{opacity:.12}}
@keyframes ic-drop{0%,45%,to{transform:none}14%{transform:translateY(-3px)}28%{transform:translateY(.7px)}}
@keyframes ic-spin{0%{transform:rotate(0)}42%,to{transform:rotate(360deg)}}
@keyframes ic-turn{to{transform:rotate(360deg)}}
@keyframes ic-flip{0%,20%,40%,to{transform:none}10%,30%{transform:scaleX(.06)}}
@keyframes ic-flash{0%,45%,to{transform:none}10%{transform:scale(1.2) rotate(-7deg)}20%{transform:scale(.94)}30%{transform:scale(1.1) rotate(3deg)}}
@keyframes ic-slide{0%,50%,to{transform:none;opacity:1}20%{transform:translateX(-2.5px);opacity:0}21%{transform:translateX(3px);opacity:0}}
@keyframes ic-tilt{0%,50%,to{transform:none}12%{transform:rotate(-10deg)}26%{transform:rotate(8deg)}38%{transform:rotate(-3deg)}}
@keyframes ic-wobble{0%,50%,to{transform:none}12%{transform:rotate(-18deg)}26%{transform:rotate(15deg)}38%{transform:rotate(-6deg)}}
@keyframes ic-bounce{0%,52%,to{transform:none}14%{transform:translateY(-3.6px)}26%{transform:scale(1.06,.88)}36%{transform:translateY(-1.5px)}44%{transform:scale(1.02,.96)}}
@keyframes ic-swing{0%,50%,to{transform:none}12%{transform:rotate(15deg)}26%{transform:rotate(-11deg)}38%{transform:rotate(5deg)}}
@media (prefers-reduced-motion:reduce){.drawer__chev,.nav-ic{transition:none}.nav-ic [class*="a-"]{animation:none!important}}

/* Author pages */
.noavatar{display:grid;place-items:center;width:88px;height:88px;margin-bottom:1rem;border-radius:50%;background:rgba(34,201,116,.14);border:1px solid rgba(34,201,116,.3);color:#16A75C}
.noavatar svg{width:54px;height:54px}
.chero__role{margin:.25rem 0 .6rem;font-weight:700}
/* Footer: the publication's own channels */
.footer__social{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}
.footer__social a{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:inherit;font-weight:600;text-decoration:none;transition:border-color .15s,background-color .15s}
.footer__social a:hover,.footer__social a:focus-visible{border-color:currentColor;background:rgba(255,255,255,.08)}
.footer__social .icon{margin:0}
/* Ghana motifs: the flag's three colours and the black star, on every page */
:root{--gh-red:#CE1126;--gh-gold:#FCD116;--gh-green:#006B3F;--gh-star:#000000;--gh-stripe:linear-gradient(90deg,var(--gh-red) 0 33.4%,var(--gh-gold) 33.4% 66.7%,var(--gh-green) 66.7% 100%)}
[data-theme="dark"]{--gh-green:#0A7F4D;--gh-star:#FCD116}
.header::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--gh-stripe);z-index:1;pointer-events:none}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--gh-stripe)}
.footer::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--gh-stripe)}
.section-head__title::after{content:"";display:block;width:3.5rem;height:4px;margin-top:.65rem;border-radius:2px;background:var(--gh-stripe)}
.kicker::before{content:"★";margin-right:.45rem;font-size:.95em;line-height:1;color:var(--gh-star)}
.hero .kicker::before,.band--pitch .kicker::before,.footer .kicker::before{color:var(--gh-gold)}
html:not([data-theme="dark"]) .band--mint{background:#F7F1DF}
html:not([data-theme="dark"]) .band--sun{background:#FFEFB3}
.score{background:#111111;color:#FCD116}
.standings__zone--1,.zone-1{--zone-1:#FCD116}

/* Dark theme: charcoal-green surfaces, Ghana gold for actions, mint for links. Later in the cascade than the base sheet, so same-specificity tokens win. */
:root[data-theme="dark"]{color-scheme:dark;--bg:#0A0D0C;--surface:#111614;--surface-2:#171D1A;--surface-3:#1E2622;--border:#242D28;--border-strong:#36423C;--text:#EDF0EC;--text-2:#B4BDB7;--text-3:#8D9792;--brand:#2FC77E;--link:#5BD39A;--link-hover:#8EE5BC;--positive:#5BD39A;--positive-bg:#0F2219;--positive-border:#1E4A34;--danger:#FF8F82;--danger-solid:#E5483B;--danger-bg:#2A1412;--danger-border:#5A2620;--warning-text:#F5D76A;--warning-bg:#201C0C;--warning-border:#4A3F14;--info:#8EBBF2;--info-bg:#101C2E;--info-border:#24406B;--cta:#FCD116;--cta-hover:#FFDD4A;--cta-active:#E8BE0B;--cta-border:#C9A208;--cta-text:#0B0D0C;--band:#0F1F17;--band-deep:#0A1510;--band-text:#EDF0EC;--band-text-2:#B4C8BC;--band-line:#1C3A2B;--band-hover:#163024;--band-raise:#14271E;--band-mint:#0E1512;--band-mint-line:#1B2620;--band-sun:#131210;--band-sun-line:#2E2912;--row-pick:#1A160A;--score-bg:#1E9A5E;--meter-track:#242D28;--zone-1-line:#C9A208;--zone-2:#2FC77E;--zone-2-on:#04180F;--tile-ring:rgba(255,255,255,0.1);--focus:#FCD116;--backdrop:rgba(0,0,0,0.72);--shadow-overlay:0 12px 32px rgba(0,0,0,0.55);--shadow-sticky:0 2px 10px rgba(0,0,0,0.45);--shadow-card:0 1px 2px rgba(0,0,0,0.5),0 8px 20px rgba(0,0,0,0.3);--shadow-lift:0 2px 4px rgba(0,0,0,0.5),0 16px 32px rgba(0,0,0,0.4);--cat-odds:#E6E4DF;--cat-odds-on:#111111;--cat-odds-tint:#22221F;--cat-odds-ink:#E6E4DF;--cat-payouts:#2FC77E;--cat-payouts-on:#04180F;--cat-payouts-tint:#0F2219;--cat-payouts-ink:#5BD39A;--cat-bonus-tint:#201C0C;--cat-bonus-ink:#F5D76A;--cat-app:#B3A4FF;--cat-app-on:#15103A;--cat-app-tint:#1C1830;--cat-app-ink:#C9BEFF;--cat-live:#FF8A7A;--cat-live-on:#2E0905;--cat-live-tint:#2A1412;--cat-live-ink:#FFA395;--cat-deposit:#C6D8CC;--cat-deposit-on:#0B2A1A;--cat-deposit-tint:#1E2622;--cat-deposit-ink:#C6D8CC;--cat-crypto:#4FD1D9;--cat-crypto-on:#04262A;--cat-crypto-tint:#0E2628;--cat-crypto-ink:#8BE3E8;--kit:#1D6243;--gh-green:#2FC77E;--gh-star:#FCD116}
:root[data-theme="dark"] .hero,:root[data-theme="dark"] .band--pitch{background-color:var(--band)}
:root[data-theme="dark"] .footer{background-color:var(--band-deep)}
:root[data-theme="dark"] .tabs__tab{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-2)}
:root[data-theme="dark"] .tabs__tab:hover{color:var(--text);border-color:var(--text-3)}
:root[data-theme="dark"] .tabs__tab.is-active{border-color:var(--cta);background:var(--cta);color:var(--cta-text)}
:root[data-theme="dark"] .bonus-card,:root[data-theme="dark"] .pick,:root[data-theme="dark"] .point-card,:root[data-theme="dark"] .pay-tile,:root[data-theme="dark"] .guide-card,:root[data-theme="dark"] .accordion__item{background:var(--surface);border-color:var(--border)}
:root[data-theme="dark"] .bonus-card__terms div{background:var(--surface-2)}
:root[data-theme="dark"] .accordion__item[open]{border-color:var(--border-strong)}
:root[data-theme="dark"] .section-head__title,:root[data-theme="dark"] h1,:root[data-theme="dark"] h2,:root[data-theme="dark"] h3{color:var(--text)}
:root[data-theme="dark"] .section-head__intro,:root[data-theme="dark"] .accordion__item p{color:var(--text-2)}
:root[data-theme="dark"] .score{background:#0B0D0C;color:#FCD116;border:1px solid #2E2912}
:root[data-theme="dark"] img{filter:none}

@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#0A0D0C;--surface:#111614;--surface-2:#171D1A;--surface-3:#1E2622;--border:#242D28;--border-strong:#36423C;--text:#EDF0EC;--text-2:#B4BDB7;--text-3:#8D9792;--brand:#2FC77E;--link:#5BD39A;--link-hover:#8EE5BC;--positive:#5BD39A;--positive-bg:#0F2219;--positive-border:#1E4A34;--danger:#FF8F82;--danger-solid:#E5483B;--danger-bg:#2A1412;--danger-border:#5A2620;--warning-text:#F5D76A;--warning-bg:#201C0C;--warning-border:#4A3F14;--info:#8EBBF2;--info-bg:#101C2E;--info-border:#24406B;--cta:#FCD116;--cta-hover:#FFDD4A;--cta-active:#E8BE0B;--cta-border:#C9A208;--cta-text:#0B0D0C;--band:#0F1F17;--band-deep:#0A1510;--band-text:#EDF0EC;--band-text-2:#B4C8BC;--band-line:#1C3A2B;--band-hover:#163024;--band-raise:#14271E;--band-mint:#0E1512;--band-mint-line:#1B2620;--band-sun:#131210;--band-sun-line:#2E2912;--row-pick:#1A160A;--score-bg:#1E9A5E;--meter-track:#242D28;--zone-1-line:#C9A208;--zone-2:#2FC77E;--zone-2-on:#04180F;--tile-ring:rgba(255,255,255,0.1);--focus:#FCD116;--backdrop:rgba(0,0,0,0.72);--shadow-overlay:0 12px 32px rgba(0,0,0,0.55);--shadow-sticky:0 2px 10px rgba(0,0,0,0.45);--shadow-card:0 1px 2px rgba(0,0,0,0.5),0 8px 20px rgba(0,0,0,0.3);--shadow-lift:0 2px 4px rgba(0,0,0,0.5),0 16px 32px rgba(0,0,0,0.4);--cat-odds:#E6E4DF;--cat-odds-on:#111111;--cat-odds-tint:#22221F;--cat-odds-ink:#E6E4DF;--cat-payouts:#2FC77E;--cat-payouts-on:#04180F;--cat-payouts-tint:#0F2219;--cat-payouts-ink:#5BD39A;--cat-bonus-tint:#201C0C;--cat-bonus-ink:#F5D76A;--cat-app:#B3A4FF;--cat-app-on:#15103A;--cat-app-tint:#1C1830;--cat-app-ink:#C9BEFF;--cat-live:#FF8A7A;--cat-live-on:#2E0905;--cat-live-tint:#2A1412;--cat-live-ink:#FFA395;--cat-deposit:#C6D8CC;--cat-deposit-on:#0B2A1A;--cat-deposit-tint:#1E2622;--cat-deposit-ink:#C6D8CC;--cat-crypto:#4FD1D9;--cat-crypto-on:#04262A;--cat-crypto-tint:#0E2628;--cat-crypto-ink:#8BE3E8;--kit:#1D6243;--gh-green:#2FC77E;--gh-star:#FCD116}:root:not([data-theme="light"]) .hero,:root[data-theme="dark"] .band--pitch{background-color:var(--band)}:root:not([data-theme="light"]) .footer{background-color:var(--band-deep)}:root:not([data-theme="light"]) .tabs__tab{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-2)}:root:not([data-theme="light"]) .tabs__tab:hover{color:var(--text);border-color:var(--text-3)}:root:not([data-theme="light"]) .tabs__tab.is-active{border-color:var(--cta);background:var(--cta);color:var(--cta-text)}:root:not([data-theme="light"]) .bonus-card,:root[data-theme="dark"] .pick,:root[data-theme="dark"] .point-card,:root[data-theme="dark"] .pay-tile,:root[data-theme="dark"] .guide-card,:root[data-theme="dark"] .accordion__item{background:var(--surface);border-color:var(--border)}:root:not([data-theme="light"]) .bonus-card__terms div{background:var(--surface-2)}:root:not([data-theme="light"]) .accordion__item[open]{border-color:var(--border-strong)}:root:not([data-theme="light"]) .section-head__title,:root[data-theme="dark"] h1,:root[data-theme="dark"] h2,:root[data-theme="dark"] h3{color:var(--text)}:root:not([data-theme="light"]) .section-head__intro,:root[data-theme="dark"] .accordion__item p{color:var(--text-2)}:root:not([data-theme="light"]) .score{background:#0B0D0C;color:#FCD116;border:1px solid #2E2912}:root:not([data-theme="light"]) img{filter:none}}

/* Header logo: compact wordmark (358x56 artwork), sized for the header bar */
.logo__img{height:34px;max-width:52vw}
@media (min-width:768px){.logo__img{height:40px}}
@media (min-width:1100px){.logo__img{height:44px;max-width:none}}

/* Blog: bookmaker list above the post. One row = tile, name + offer, score chip, visit. Same layout on every width. */
.aoffers{margin:0 0 var(--s-6);padding:0;border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}
.aoffers__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:0.875rem 1rem;border-bottom:1px solid var(--border)}
.aoffers__title{margin:0;font-family:var(--font-display);font-size:1rem;font-weight:800;line-height:1.2}
.aoffers__tag{flex:none;font-size:0.6875rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-3)}
.aoffers__list{margin:0;padding:0;list-style:none}
.aoffers__row{display:flex;align-items:center;gap:0.75rem;min-height:3.5rem;padding:0.625rem 1rem}
.aoffers__row+.aoffers__row{border-top:1px solid var(--border)}
.aoffers__row .tile{flex:none}
.aoffers__body{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;gap:0.125rem}
.aoffers__name{font-weight:700;font-size:0.9375rem;line-height:1.25;color:var(--text);text-decoration:none}
.aoffers__name:hover{text-decoration:underline;text-underline-offset:0.15em}
.aoffers__offer{font-size:0.8125rem;line-height:1.3;color:var(--text-2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.aoffers__score{flex:none;min-width:2.5rem;padding:0.25rem 0.5rem;border-radius:999px;background:var(--surface-2);font-size:0.8125rem;font-weight:800;font-variant-numeric:tabular-nums;text-align:center;color:var(--text)}
.aoffers__row .btn{flex:none;margin:0;min-height:2.5rem;padding:0.375rem 0.875rem;border-radius:10px;font-size:0.875rem}
.aoffers__note{margin:0;padding:0.625rem 1rem;border-top:1px solid var(--border);font-size:0.75rem;line-height:1.4;color:var(--text-3)}
@media (max-width:420px){.aoffers__row{gap:0.625rem;padding:0.625rem 0.75rem}.aoffers__score{display:none}.aoffers__row .btn{padding:0.375rem 0.75rem}}
:root[data-theme="dark"] .aoffers__score{background:var(--surface-3)}

/* Audit fixes 12 Oct 2026: licence marks, one terms line per section, offers block after the article */
.badge--nolicence{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning-text)}
.standings__tags .badge--nolicence{display:inline-flex}
.feat--licence{padding:0;background:none;border:0}
.feat--licence .badge{margin:0}
.pick__tags,.rcard__tags,.topcard__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin:.5rem 0 0}
.pick__tags{margin-top:.25rem}
.hub-table__licence{display:block;margin:.1rem 0 .35rem}
.hub-table__licence .badge{font-size:.625rem;min-height:1.125rem}
.standings__terms--list,.rcard__terms--list{margin:var(--s-3) 0 0;text-align:center}
.bonus-card__legal--once{margin-top:var(--s-3)}
.aoffers--after{margin-top:var(--s-6)}
.aoffers--after .aoffers__title{margin:0;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:800;line-height:1.2}
.page-hub-index .hub-hero__actions{margin-top:var(--s-4)}