/*
Theme Name: Football Insider
Theme URI: https://footballinsider.store/
Author: Football Insider
Author URI: https://footballinsider.store/
Description: Fast, SEO-first live-scores & football news theme (FlashScore/Sofascore-style) for footballinsider.store. Posts-driven, Google Discover optimised (1200x630 images, alt text, fast Core Web Vitals), AdSense-ready (manual high-CPM slots + Auto Ads), with wired-in shells for live scores and standings powered by the Football Insider Data plugin.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: football-insider
Tags: news, sports, blog, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ============ TOKENS ============ */
:root{
  --bg:#0b0d11;--surface:#13161c;--surface-2:#191d25;--surface-3:#20252f;
  --border:#262b35;--border-soft:#1d212a;
  --text:#e9ebef;--text-2:#aeb4be;--muted:#7b828e;
  --accent:#19c463;--accent-d:#0fa050;--live:#ff3b3b;--gold:#ffc531;
  --up:#19c463;--down:#ff4d4d;--blue:#3aa0ff;
  --radius:10px;--radius-s:7px;--ad:#0e1116;
  --maxw:1320px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Saira",system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.cond{font-family:"Saira Condensed","Saira",sans-serif}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:8px;top:8px;z-index:999;background:var(--accent);color:#04140b;padding:8px 14px;border-radius:8px}

/* ============ TOP BAR ============ */
.topbar{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#0e1117,#0b0d11);border-bottom:1px solid var(--border);box-shadow:0 6px 24px rgba(0,0,0,.35)}
.topbar-inner{max-width:var(--maxw);margin:0 auto;padding:0 16px;height:60px;display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:21px;letter-spacing:.3px;white-space:nowrap}
.brand .ball{width:34px;height:34px;border-radius:9px;background:radial-gradient(120% 120% at 30% 25%,#25e07a,var(--accent) 45%,var(--accent-d));display:grid;place-items:center;font-size:18px;box-shadow:0 4px 14px rgba(25,196,99,.35),inset 0 0 0 1px rgba(255,255,255,.12)}
.brand b{color:#fff}.brand .ins{color:var(--accent)}
.brand img{max-height:36px;width:auto}
.search{flex:1;max-width:380px;position:relative}
.search input{width:100%;height:38px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 14px 0 38px;font-family:inherit;font-size:14px}
.search input::placeholder{color:var(--muted)}
.search button{position:absolute;left:0;top:0;height:38px;width:38px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(25,196,99,.13)}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.btn-ghost{height:36px;padding:0 13px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:500;display:flex;align-items:center;gap:7px;cursor:pointer;transition:.15s}
.btn-ghost:hover{border-color:#33394a;color:#fff;background:var(--surface-2)}
.btn-accent{height:36px;padding:0 15px;border-radius:8px;border:none;background:var(--accent);color:#04140b;font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:7px}
.btn-accent:hover{background:#1ed673}
.hamb{display:none;background:var(--surface);border:1px solid var(--border);color:var(--text-2);height:36px;width:40px;border-radius:8px;font-size:18px;cursor:pointer;align-items:center;justify-content:center}

/* ============ LEAGUE NAV ============ */
.leaguebar{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:60px;z-index:40}
.leaguebar-inner{max-width:var(--maxw);margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:4px;height:44px;overflow-x:auto;scrollbar-width:none}
.leaguebar-inner::-webkit-scrollbar{display:none}
.leaguebar-inner ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.leaguebar-inner a,.lg-link{display:flex;align-items:center;gap:7px;height:30px;padding:0 11px;border-radius:7px;font-size:13px;font-weight:500;color:var(--text-2);white-space:nowrap;cursor:pointer;transition:.13s}
.leaguebar-inner a:hover,.lg-link:hover{background:var(--surface-2);color:#fff}
.leaguebar-inner .current-menu-item>a,.lg-link.active{background:var(--accent);color:#04140b;font-weight:600}

/* ============ DATE STRIP ============ */
.datestrip{display:flex;align-items:center;gap:8px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none}
.datestrip::-webkit-scrollbar{display:none}
.date-pill{height:34px;padding:0 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap}
.date-pill:hover{border-color:#33394a;color:#fff}
.date-pill.active{background:var(--surface-3);border-color:var(--accent);color:#fff}
.date-pill small{color:var(--muted);font-size:11px}
.date-arrow{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--text-2);flex:none}

/* ============ LAYOUT ============ */
.site-main{max-width:var(--maxw);margin:14px auto 30px;padding:0 16px}
.grid-3{display:grid;grid-template-columns:248px 1fr 320px;gap:16px;align-items:start}
.grid-2{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}
.col-sticky{position:sticky;top:118px}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.panel+.panel{margin-top:16px}
.panel-head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--border-soft)}
.panel-head h3,.panel-head h2{font-family:"Saira Condensed";font-size:15px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:8px;margin:0}
.panel-head .more{font-size:12px;color:var(--accent);font-weight:600}
.dot-green{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(25,196,99,.18)}
.section-title{font-family:"Saira Condensed";font-size:21px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:10px;margin:24px 0 12px}
.section-title .more{margin-left:auto;font-size:12px;font-family:"Saira";color:var(--accent);font-weight:600;text-transform:none}
.section-title .bar{width:4px;height:20px;border-radius:3px;background:var(--accent)}

/* ============ LEFT competitions ============ */
.lead-strip{padding:9px 12px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border-soft)}
.comp-item{display:flex;align-items:center;gap:10px;padding:9px 13px;font-size:13px;color:var(--text-2);border-bottom:1px solid var(--border-soft);transition:.12s}
.comp-item:last-child{border-bottom:none}
.comp-item:hover{background:var(--surface-2);color:#fff}
.comp-item.active{background:var(--surface-3);color:#fff}
.comp-item .fl{font-size:16px;width:20px;text-align:center}
.comp-item .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.comp-item .cnt{font-size:11px;color:var(--muted);background:var(--surface-3);border-radius:20px;padding:1px 8px;font-weight:600}

/* ============ MATCH CENTER (shell) ============ */
.mc-tabs{display:flex;gap:4px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px}
.mc-tab{flex:1;text-align:center;height:36px;line-height:36px;border-radius:7px;font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer;transition:.13s}
.mc-tab:hover{background:var(--surface-2);color:#fff}
.mc-tab.active{background:var(--surface-3);color:#fff;box-shadow:inset 0 0 0 1px var(--border)}
.mc-tab.active.live{color:var(--live)}
.mc-tab .pill{display:inline-block;min-width:18px;font-size:11px;background:var(--surface-3);border-radius:20px;padding:0 6px;margin-left:5px;color:var(--muted);font-weight:700;vertical-align:middle}
.mc-tab.active .pill{background:rgba(255,255,255,.1);color:#fff}
.mc-tab.active.live .pill{background:rgba(255,59,59,.18);color:var(--live)}
.comp-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;overflow:hidden}
.comp-block-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(90deg,var(--surface-2),var(--surface));border-bottom:1px solid var(--border-soft);cursor:pointer}
.comp-block-head .fl{font-size:18px}
.comp-block-head .info{flex:1}
.comp-block-head .country{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:600}
.comp-block-head .league{font-size:14px;font-weight:700;color:#fff;font-family:"Saira Condensed";letter-spacing:.4px}
.comp-block-head .table-link{font-size:12px;font-weight:600;color:var(--accent)}
.comp-block-head .chev{color:var(--muted);transition:.2s}
.match{display:grid;grid-template-columns:58px 1fr 46px;align-items:center;gap:12px;padding:0 14px;height:50px;border-bottom:1px solid var(--border-soft);cursor:pointer;transition:.1s;position:relative}
.match:last-child{border-bottom:none}
.match:hover{background:var(--surface-2)}
.match .status{font-size:12px;color:var(--muted);text-align:center;font-weight:600}
.match .status.live{color:var(--live);font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px}
.match .status .ld{width:6px;height:6px;border-radius:50%;background:var(--live);animation:pulse 1.3s infinite}
@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}100%{opacity:1;transform:scale(1)}}
.match .teams{display:flex;flex-direction:column;gap:5px;min-width:0}
.match .row{display:flex;align-items:center;gap:9px}
.match .crest{width:18px;height:18px;border-radius:4px;background:var(--surface-3);display:grid;place-items:center;font-size:10px;color:var(--text-2);flex:none}
.match .tn{font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.match.fin .tn.win{color:#fff;font-weight:600}
.match.fin .tn.lose{color:var(--muted)}
.match .score{display:flex;flex-direction:column;gap:5px;text-align:center;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}
.match .score.live .sc{color:var(--live)}
.match .score .sc.dim{color:var(--muted);font-weight:500}
.mc-empty{padding:26px 18px;text-align:center;color:var(--muted);font-size:13px}
.mc-empty b{color:var(--text-2)}
.admin-note{margin:0 0 14px;padding:10px 14px;border:1px dashed var(--accent);border-radius:9px;background:rgba(25,196,99,.07);color:#bdeccd;font-size:12.5px}

/* ============ ADS ============ */
.ad-slot{background:var(--ad);border:1px dashed #2c3340;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#4b5360;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:700;text-align:center;overflow:hidden}
.ad-box{min-height:90px}        /* reserve height -> no CLS */
.ad-box.h250{min-height:250px}
.ad-box.h600{min-height:280px}
.ad-box ins{display:block}
.ad-leader{margin:18px auto;max-width:var(--maxw);padding:0 16px}
.ad-inline{margin:16px 0}
.ad-slot small{font-size:10px;color:#3a4150;letter-spacing:.5px;text-transform:none;font-weight:500}

/* ============ STANDINGS (shell) ============ */
.standings table{width:100%;border-collapse:collapse;font-size:12.5px}
.standings thead th{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700;padding:8px 4px;text-align:center;border-bottom:1px solid var(--border-soft)}
.standings thead th.l{text-align:left;padding-left:12px}
.standings tbody td{padding:7px 4px;text-align:center;border-bottom:1px solid var(--border-soft);color:var(--text-2);font-variant-numeric:tabular-nums}
.standings tbody tr:last-child td{border-bottom:none}
.standings tbody tr:hover{background:var(--surface-2)}
.standings .pos{font-weight:700;color:var(--muted);width:26px}
.standings .team-c{text-align:left;padding-left:8px;display:flex;align-items:center;gap:8px}
.standings .team-c .crest{width:16px;height:16px;border-radius:3px;background:var(--surface-3);font-size:9px;display:grid;place-items:center;flex:none;color:var(--text-2)}
.standings .team-c .nm{color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.standings .pts{font-weight:800;color:#fff}
.standings tr.ucl .pos{box-shadow:inset 3px 0 0 var(--accent)}
.standings tr.uel .pos{box-shadow:inset 3px 0 0 var(--blue)}
.standings tr.rel .pos{box-shadow:inset 3px 0 0 var(--down)}
.form{display:flex;gap:3px;justify-content:center}
.form i{width:7px;height:7px;border-radius:2px;display:inline-block}
.form .w{background:var(--up)}.form .d{background:#6b7280}.form .l{background:var(--down)}
.std-tabs{display:flex;gap:3px;padding:8px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border-soft)}
.std-tabs::-webkit-scrollbar{display:none}
.std-tab{padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-2);white-space:nowrap;cursor:pointer}
.std-tab.active{background:var(--surface-3);color:#fff}
.std-legend{display:flex;gap:14px;padding:9px 12px;font-size:10.5px;color:var(--muted);flex-wrap:wrap}
.std-legend span{display:flex;align-items:center;gap:5px}
.std-legend i{width:8px;height:8px;border-radius:2px}
.std-empty{padding:22px 16px;text-align:center;color:var(--muted);font-size:12.5px}

/* ============ POST CARDS ============ */
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.15s;display:flex;flex-direction:column;height:100%}
.card:hover{border-color:#33394a;transform:translateY(-2px)}
.card .thumb{position:relative;aspect-ratio:1200/630;background:var(--surface-3);overflow:hidden;display:block}
.card .thumb img{width:100%;height:100%;object-fit:cover}
.card .thumb .ph{width:100%;height:100%;display:grid;place-items:center;font-size:30px;background:linear-gradient(135deg,#202733,#14171d)}
.card .body{padding:13px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.card .tag{font-size:10px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.6px}
.card h3{font-size:15.5px;font-weight:700;color:#fff;margin:0;line-height:1.28;font-family:"Saira Condensed";letter-spacing:.2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card p{font-size:12.5px;color:var(--text-2);line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .meta{font-size:11px;color:var(--muted);margin-top:auto;display:flex;gap:8px;align-items:center}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cards-grid.cols-2{grid-template-columns:1fr 1fr}

/* lead card */
.lead-card{display:grid;grid-template-columns:1.5fr 1fr;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:16px}
.lead-card .thumb{aspect-ratio:auto;height:100%;min-height:260px}
.lead-card .body{padding:22px;justify-content:center}
.lead-card .tag{font-size:11px}
.lead-card h2{font-family:"Saira Condensed";font-size:28px;line-height:1.12;color:#fff;margin:8px 0;letter-spacing:.3px}
.lead-card p{-webkit-line-clamp:3;font-size:13.5px}

/* ============ VIDEO ============ */
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.video-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.15s}
.video-card:hover{border-color:#33394a;transform:translateY(-2px)}
.vthumb{aspect-ratio:16/9;background:linear-gradient(135deg,#1a2a22,#141820);position:relative;display:grid;place-items:center;font-size:30px;overflow:hidden}
.vthumb img{width:100%;height:100%;object-fit:cover}
.vthumb .play{position:absolute;width:46px;height:46px;border-radius:50%;background:rgba(25,196,99,.92);display:grid;place-items:center;color:#04140b;font-size:18px;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.vthumb .dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.75);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px}
.vmeta{padding:10px 12px}
.vmeta h4{font-size:13px;font-weight:600;color:var(--text);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vmeta .sub{font-size:11px;color:var(--muted);margin-top:6px}

/* ============ LEAGUE / ARCHIVE PAGE ============ */
.league-hero{background:linear-gradient(120deg,#11211a,#13161c 60%);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;align-items:center;gap:16px;margin-bottom:14px;position:relative;overflow:hidden}
.league-hero::after{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(25,196,99,.16),transparent 70%)}
.league-hero .big-crest{width:58px;height:58px;border-radius:12px;background:var(--surface-3);display:grid;place-items:center;font-size:30px;flex:none}
.league-hero h1{font-family:"Saira Condensed";font-size:30px;font-weight:700;color:#fff;letter-spacing:.5px;margin:0}
.league-hero .sub{font-size:13px;color:var(--text-2);margin-top:2px}
.subtabs{display:flex;gap:4px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;overflow-x:auto;scrollbar-width:none}
.subtabs::-webkit-scrollbar{display:none}
.subtab{padding:0 16px;height:34px;line-height:34px;border-radius:7px;font-size:13px;font-weight:600;color:var(--text-2);white-space:nowrap;cursor:pointer}
.subtab:hover{background:var(--surface-2);color:#fff}
.subtab.active{background:var(--accent);color:#04140b}
.seo-text{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-top:16px}
.seo-text h2{font-family:"Saira Condensed";font-size:19px;color:#fff;letter-spacing:.4px;margin:0 0 8px}
.seo-text p{font-size:13.5px;color:var(--text-2);line-height:1.65;margin:0 0 10px}
.seo-text p:last-child{margin-bottom:0}

/* ============ SINGLE POST ============ */
.article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.article .a-hero{aspect-ratio:1200/630;background:var(--surface-3);overflow:hidden}
.article .a-hero img{width:100%;height:100%;object-fit:cover}
.article .a-body{padding:24px 26px}
.article .a-cat{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.7px}
.article h1.a-title{font-family:"Saira Condensed";font-size:34px;line-height:1.12;color:#fff;margin:8px 0 12px;letter-spacing:.3px}
.article .a-meta{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--muted);padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--border-soft)}
.article .a-meta .av{width:30px;height:30px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-size:13px;color:var(--text-2)}
.entry-content{font-size:15.5px;line-height:1.75;color:#d7dbe2}
.entry-content p{margin:0 0 18px}
.entry-content h2{font-family:"Saira Condensed";font-size:24px;color:#fff;margin:30px 0 12px;letter-spacing:.3px}
.entry-content h3{font-family:"Saira Condensed";font-size:19px;color:#fff;margin:24px 0 10px}
.entry-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.entry-content img,.entry-content figure{border-radius:8px;margin:18px 0}
.entry-content figure img{margin:0}
.entry-content figcaption{font-size:12px;color:var(--muted);margin-top:6px;text-align:center}
.entry-content ul,.entry-content ol{margin:0 0 18px;padding-left:22px}
.entry-content li{margin-bottom:8px}
.entry-content blockquote{border-left:3px solid var(--accent);background:var(--surface-2);padding:12px 18px;margin:18px 0;border-radius:0 8px 8px 0;color:var(--text)}
.entry-content table{width:100%;border-collapse:collapse;margin:18px 0;font-size:13px}
.entry-content th,.entry-content td{border:1px solid var(--border);padding:8px 10px;text-align:left}
.entry-content th{background:var(--surface-2);color:#fff}
.alignwide{margin-left:-20px;margin-right:-20px}
.alignfull{margin-left:-26px;margin-right:-26px}
.a-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.a-tags a{font-size:12px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:4px 12px}
.a-tags a:hover{color:#fff;border-color:#33394a}
.author-box{display:flex;gap:14px;align-items:flex-start;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-top:22px}
.author-box .av{width:52px;height:52px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-size:20px;flex:none;overflow:hidden}
.author-box .ab-name{font-weight:700;color:#fff;font-size:15px;font-family:"Saira Condensed";letter-spacing:.3px}
.author-box .ab-bio{font-size:12.5px;color:var(--text-2);margin-top:4px;line-height:1.5}

/* related + pagination */
.related .cards-grid{margin-top:12px}
.fi-pagination{display:flex;justify-content:center;gap:6px;margin:24px 0 0;flex-wrap:wrap}
.fi-pagination a,.fi-pagination span{min-width:38px;height:38px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:600;padding:0 10px}
.fi-pagination a:hover{border-color:#33394a;color:#fff}
.fi-pagination .current{background:var(--accent);color:#04140b;border-color:var(--accent)}

/* ============ SEO FOOTER ============ */
.about-wrap{max-width:var(--maxw);margin:30px auto 0;padding:0 16px}
.about-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px}
.about-box h2{font-family:"Saira Condensed";font-size:18px;text-transform:uppercase;letter-spacing:.6px;color:#fff;margin:0 0 10px;display:flex;align-items:center;gap:9px}
.about-box p{font-size:13px;color:var(--text-2);line-height:1.7;margin:0}
.latest-stories{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-soft)}
.latest-stories .lbl{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.latest-stories .links{display:flex;flex-wrap:wrap;gap:8px 14px}
.latest-stories a{font-size:13px;color:var(--text-2);position:relative;padding-right:14px}
.latest-stories a:hover{color:var(--accent)}
.latest-stories a:not(:last-child)::after{content:"•";position:absolute;right:0;color:#3a4150}
.site-footer{border-top:1px solid var(--border);background:var(--surface);margin-top:24px}
.foot-inner{max-width:var(--maxw);margin:0 auto;padding:26px 16px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}
.foot-inner h5{font-family:"Saira Condensed";font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:#fff;margin:0 0 12px}
.foot-inner a{display:block;font-size:13px;color:var(--text-2);padding:4px 0}
.foot-inner a:hover{color:var(--accent)}
.foot-inner p{color:var(--muted);font-size:13px;max-width:280px;margin:8px 0 0}
.foot-inner ul{list-style:none;margin:0;padding:0}
.foot-bottom{border-top:1px solid var(--border-soft);padding:14px 16px;text-align:center;font-size:12px;color:var(--muted)}

/* ============ RESPONSIVE ============ */
@media(max-width:1080px){
  .grid-3{grid-template-columns:1fr 320px}
  .col-left{display:none}
  .video-grid,.cards-grid{grid-template-columns:1fr 1fr}
  .lead-card{grid-template-columns:1fr}
  .lead-card .thumb{aspect-ratio:1200/630;min-height:0}
}
@media(max-width:840px){
  .grid-3,.grid-2{grid-template-columns:1fr;gap:14px}
  .col-right{order:3}
  .hamb{display:flex}
  .search{display:none}
  .top-actions .btn-ghost span{display:none}
  .foot-inner{grid-template-columns:1fr 1fr}
  .video-grid,.cards-grid,.cards-grid.cols-2{grid-template-columns:1fr}
  .article h1.a-title{font-size:27px}
  .entry-content{font-size:15px}
  .lead-card h2{font-size:23px}
}