/*
Theme Name: MakanBola English
Theme URI: https://makanbola.com
Author: MakanBola Holdings
Author URI: https://makanbola.com
Description: English edition theme for MakanBola, built around the brand's slanted condensed wordmark and blue and white palette. Custom CSS with no framework, fast, and hardened against common WordPress attack paths.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: makanbola-english
*/

:root{
  --navy:#0A1226;
  --navy-2:#101B38;
  --navy-3:#1A2750;
  --line-dark:#233266;
  --blue:#3E73D6;
  --blue-bright:#6B9BFF;
  --blue-deep:#2A56B0;
  --blue-tint:#E8EFFD;
  --paper:#FFFFFF;
  --mist:#F3F6FC;
  --line:#DDE4F1;
  --ink:#0A1226;
  --ink-soft:#55607A;
  --font-display:'Barlow Condensed','Arial Narrow',sans-serif;
  --font-body:'Barlow',system-ui,sans-serif;
  --cut-lg:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%);
  --cut-sm:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
  --slant:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth;}}
body{
  margin:0;
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.55;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
h1,h2,h3,h4,h5{
  font-family:var(--font-display);
  font-style:italic;
  font-weight:700;
  line-height:1.02;
  margin:0;
  letter-spacing:.005em;
}
ul,ol{margin:0;padding:0;}
.wrap{max-width:1280px;margin:0 auto;padding:0 28px;}
.icon{width:18px;height:18px;flex:0 0 auto;}
::selection{background:var(--blue);color:#fff;}

.screen-reader-text{
  position:absolute !important;
  width:1px;height:1px;overflow:hidden;
  clip:rect(1px,1px,1px,1px);white-space:nowrap;
}
.skip-link{
  position:absolute;top:-100px;left:12px;z-index:999;
  background:var(--blue);color:#fff;padding:12px 20px;
  font-family:var(--font-display);font-style:italic;font-weight:700;
}
.skip-link:focus{top:12px;}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:3px solid var(--blue-bright);
  outline-offset:2px;
}

/* ---------- Shared labels ---------- */
.tag{
  display:inline-block;
  background:var(--blue);
  color:#fff;
  font:italic 700 13px/1 var(--font-display);
  text-transform:uppercase;
  letter-spacing:.1em;
  padding:6px 16px 6px 12px;
  clip-path:var(--slant);
}
.tag a{color:inherit;}
.kicker{
  display:block;
  font:italic 700 13px/1 var(--font-display);
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--blue);
  margin-bottom:8px;
}
.meta{font-size:13.5px;color:var(--ink-soft);}
.meta .dot{margin:0 8px;color:var(--blue);}
.section-title{
  display:flex;align-items:center;gap:14px;
  margin-bottom:24px;
}
.section-title::before{
  content:'';
  width:12px;height:30px;
  background:var(--blue);
  transform:skewX(-14deg);
  flex:0 0 auto;
}
.section-title h2{
  font-size:32px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.section-title .view-all{
  margin-left:auto;
  font:italic 700 15px/1 var(--font-display);
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--blue-deep);
  display:inline-flex;align-items:center;gap:6px;
}
.section-title .view-all:hover{color:var(--blue);}

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:40;
  background:var(--navy);
  border-bottom:3px solid var(--blue);
}
.admin-bar .site-header{top:32px;}
.header-row{display:flex;align-items:center;gap:28px;height:72px;}
.brand{flex:0 0 auto;display:flex;align-items:center;}
.brand img,.brand .custom-logo{height:30px;width:auto;}

.nav-wrapper{position:relative;flex:1;min-width:0;height:100%;}
nav.primary-nav{
  display:flex;align-items:stretch;
  height:100%;
  overflow-x:auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
  background:
    linear-gradient(to right,var(--navy) 35%,rgba(10,18,38,0)),
    linear-gradient(to left,var(--navy) 35%,rgba(10,18,38,0)) 100% 0;
  background-repeat:no-repeat;
  background-color:var(--navy);
  background-size:48px 100%,48px 100%;
  background-position:0 0,100% 0;
  background-attachment:local,local;
}
nav.primary-nav::-webkit-scrollbar{display:none;}
nav.primary-nav ul{display:flex;list-style:none;gap:4px;}
nav.primary-nav li{display:flex;flex:0 0 auto;}
nav.primary-nav a{
  position:relative;
  display:flex;align-items:center;
  padding:0 14px;
  font:italic 700 17px/1 var(--font-display);
  text-transform:uppercase;
  letter-spacing:.07em;
  color:#C3CFEE;
  white-space:nowrap;
  transition:color .15s ease;
}
nav.primary-nav a::after{
  content:'';position:absolute;left:14px;right:14px;bottom:0;
  height:4px;background:var(--blue-bright);
  transform:scaleX(0);transform-origin:left;
  transition:transform .2s ease;
}
nav.primary-nav a:hover{color:#fff;}
nav.primary-nav a:hover::after,
nav.primary-nav .current-menu-item > a::after,
nav.primary-nav .current_page_item > a::after{transform:scaleX(1);}
nav.primary-nav .current-menu-item > a,
nav.primary-nav .current_page_item > a{color:#fff;}

.nav-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:32px;height:32px;border-radius:50%;
  border:1px solid var(--line-dark);
  background:var(--navy-3);color:#fff;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;z-index:2;
  opacity:0;pointer-events:none;transition:opacity .15s ease;
}
.nav-arrow.visible{opacity:1;pointer-events:auto;}
.nav-arrow:hover{background:var(--blue);border-color:var(--blue);}
.nav-arrow .icon{width:15px;height:15px;}
.nav-arrow-left{left:0;}
.nav-arrow-right{right:0;}

.header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto;margin-left:auto;}
.icon-btn{
  width:42px;height:42px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:transparent;color:#fff;
  border:1px solid var(--line-dark);cursor:pointer;
  transition:background .15s ease,border-color .15s ease;
}
.icon-btn:hover{border-color:var(--blue-bright);}
.icon-btn.active{background:var(--blue);border-color:var(--blue);}
.menu-toggle{display:none;}
.nav-close,.nav-search{display:none;}

/* ---------- Search drawer ---------- */
.search-drawer{
  max-height:0;overflow:hidden;
  background:var(--navy-2);
  transition:max-height .25s ease;
}
.search-drawer.open{max-height:100px;}
.search-form{display:flex;gap:10px;padding:20px 0;}
.search-form input[type="search"]{
  flex:1;min-width:0;
  padding:13px 16px;
  background:var(--navy-3);color:#fff;
  border:1px solid var(--line-dark);border-radius:2px;
  font:500 16px var(--font-body);
}
.search-form input::placeholder{color:#8190B8;}
.search-form button{
  background:var(--blue);color:#fff;border:none;cursor:pointer;
  font:italic 700 16px/1 var(--font-display);
  text-transform:uppercase;letter-spacing:.1em;
  padding:0 30px;
  clip-path:var(--slant);
}
.search-form button:hover{background:var(--blue-bright);}

/* ---------- Hero (home) ---------- */
.hero{
  background:
    repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 2px,transparent 2px 38px),
    var(--navy);
  padding:36px 0 56px;
}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:32px;}
.lead{
  position:relative;display:flex;align-items:flex-end;
  min-height:540px;
  background:var(--navy-3);
  clip-path:var(--cut-lg);
  overflow:hidden;
}
.lead img.bg{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .6s ease;
}
.lead:hover img.bg{transform:scale(1.03);}
.lead .overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,18,38,0) 30%,rgba(10,18,38,.94) 100%);
}
.lead .content{position:relative;z-index:1;padding:36px 44px 40px;color:#fff;max-width:760px;}
.lead h1{
  font-size:clamp(32px,4.4vw,56px);
  font-weight:800;
  line-height:.98;
  margin:16px 0 16px;
}
.lead .meta{color:#B9C6E8;}
.lead .meta .dot{color:var(--blue-bright);}

.top-stories .label{
  font:italic 800 15px/1 var(--font-display);
  text-transform:uppercase;letter-spacing:.14em;
  color:var(--blue-bright);
  padding-bottom:14px;margin-bottom:6px;
  border-bottom:1px solid var(--line-dark);
}
.ts-item{
  display:grid;grid-template-columns:116px 1fr;gap:16px;
  padding:16px 0;
  border-bottom:1px solid var(--line-dark);
  color:#fff;
}
.ts-item:last-child{border-bottom:none;}
.ts-item .thumb{
  aspect-ratio:4/3;overflow:hidden;
  background:var(--navy-3);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
}
.ts-item .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.ts-item:hover .thumb img{transform:scale(1.07);}
.ts-item .kicker{color:var(--blue-bright);margin-bottom:6px;font-size:12px;}
.ts-item h3{font-size:21px;line-height:1.05;}
.ts-item:hover h3{color:var(--blue-bright);}
.ts-item .meta{color:#8190B8;font-size:12.5px;margin-top:6px;display:block;}

/* ---------- Home: river + sidebar ---------- */
.home-grid{
  display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;
  padding:56px 0 72px;
}
.river-item{
  display:grid;grid-template-columns:280px minmax(0,1fr);gap:26px;
  padding:26px 0;
  border-top:1px solid var(--line);
}
.river-item:first-of-type{border-top:none;padding-top:0;}
.river-item .thumb{
  aspect-ratio:3/2;overflow:hidden;background:var(--mist);
  clip-path:var(--cut-sm);
}
.river-item .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.river-item:hover .thumb img{transform:scale(1.05);}
.river-item h3{font-size:30px;line-height:1.02;margin-bottom:10px;}
.river-item:hover h3{color:var(--blue);}
.river-item p{margin:0 0 12px;color:var(--ink-soft);font-size:16px;line-height:1.5;}

.sidebar{position:sticky;top:104px;align-self:start;display:grid;gap:28px;}
.admin-bar .sidebar{top:136px;}
.panel{border:1px solid var(--line);background:var(--paper);}
.panel-title{
  background:var(--navy);color:#fff;
  border-left:5px solid var(--blue);
  padding:13px 18px;
  font:italic 800 18px/1 var(--font-display);
  text-transform:uppercase;letter-spacing:.1em;
}
.trending{list-style:none;padding:6px 20px 8px;counter-reset:t;}
.trending li{
  display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:start;
  padding:14px 0;border-bottom:1px solid var(--line);
}
.trending li:last-child{border-bottom:none;}
.trending .num{
  font:italic 800 42px/.9 var(--font-display);
  color:var(--blue);
}
.trending a h4{font-size:20px;line-height:1.08;}
.trending a:hover h4{color:var(--blue);}
.trending .meta{font-size:12.5px;display:block;margin-top:5px;}
.chips{display:flex;flex-wrap:wrap;gap:8px;padding:18px;}
.chip{
  font:italic 700 14px/1 var(--font-display);
  text-transform:uppercase;letter-spacing:.07em;
  padding:9px 14px;
  border:1px solid var(--line);color:var(--ink);
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.chip:hover{background:var(--blue);border-color:var(--blue);color:#fff;}

/* ---------- Cards and bands ---------- */
.band{background:var(--mist);padding:60px 0 68px;}
.band.alt{background:var(--paper);}
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;}
.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.card{display:block;}
.card .thumb{
  aspect-ratio:16/10;overflow:hidden;background:var(--line);
  clip-path:var(--cut-sm);margin-bottom:14px;
}
.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.card:hover .thumb img{transform:scale(1.05);}
.card h3{font-size:24px;line-height:1.04;margin-bottom:8px;}
.card:hover h3{color:var(--blue);}
.card p{margin:0 0 8px;color:var(--ink-soft);font-size:15px;line-height:1.5;}

/* ---------- Pagination ---------- */
.pagination{
  display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:6px;margin-top:44px;
}
.page-num,.page-btn{
  display:flex;align-items:center;justify-content:center;
  min-width:44px;height:44px;padding:0 14px;
  border:1px solid var(--line);
  font:italic 700 17px/1 var(--font-display);
  letter-spacing:.04em;color:var(--ink);
  transition:border-color .15s ease,color .15s ease;
}
a.page-num:hover,a.page-btn:hover{border-color:var(--blue);color:var(--blue);}
.page-num.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:inset 0 -4px 0 var(--blue);}
.page-btn{text-transform:uppercase;letter-spacing:.08em;font-size:15px;}
.page-btn.disabled{color:#AAB3C8;pointer-events:none;background:var(--mist);}
.page-dots{width:36px;text-align:center;color:var(--ink-soft);}

/* ---------- Page and post hero bands ---------- */
.page-hero{
  background:
    repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 2px,transparent 2px 38px),
    var(--navy);
  color:#fff;
  padding:30px 0 60px;
}
.page-hero h1{
  font-size:clamp(36px,5vw,64px);
  font-weight:800;
  line-height:.98;
  margin-top:26px;
  max-width:980px;
}
.page-hero .lede{
  margin:18px 0 0;max-width:720px;
  font-size:20px;line-height:1.5;color:#B9C6E8;
}
.page-hero.center{text-align:center;}
.page-hero.center h1,.page-hero.center .lede{margin-left:auto;margin-right:auto;}

.breadcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  font:600 13.5px/1.2 var(--font-body);
  color:#9DB0DE;
}
.breadcrumb a:hover{color:#fff;}
.breadcrumb .sep{color:var(--blue-bright);}
.breadcrumb .current{color:#fff;}

/* ---------- Single post ---------- */
.post-hero{padding-bottom:70px;}
.post-hero.has-cover{padding-bottom:130px;}
.post-hero .tag{margin-top:26px;}
.post-hero h1{margin-top:18px;}
.byline{display:flex;align-items:center;gap:14px;margin-top:28px;}
.avatar{
  width:48px;height:48px;border-radius:50%;overflow:hidden;
  background:var(--blue);flex:0 0 auto;border:2px solid var(--blue);
}
.avatar img{width:100%;height:100%;object-fit:cover;}
.byline .name{font-weight:700;font-size:16px;color:#fff;}
.byline .name a:hover{color:var(--blue-bright);}
.byline .meta{color:#9DB0DE;}
.byline .meta .dot{color:var(--blue-bright);}

.post-cover{
  position:relative;z-index:2;
  max-width:1120px;margin:-96px auto 0;padding:0 28px;
}
.post-cover .frame{clip-path:var(--cut-lg);overflow:hidden;background:var(--navy-3);}
.post-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.post-cover figcaption{font-size:13.5px;color:var(--ink-soft);padding-top:10px;}

.post-layout{
  max-width:900px;margin:52px auto 0;padding:0 28px;
  display:grid;grid-template-columns:56px minmax(0,1fr);gap:36px;
}
.share-rail{position:sticky;top:112px;align-self:start;display:flex;flex-direction:column;gap:10px;}
.admin-bar .share-rail{top:144px;}
.share-rail .label{
  font:italic 800 12px/1 var(--font-display);
  text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);
  margin-bottom:2px;
}
.share-btn{
  width:48px;height:48px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.share-btn:hover,.share-btn.active{background:var(--blue);border-color:var(--blue);color:#fff;}

.entry{font-size:19.5px;line-height:1.78;color:#1B2542;min-width:0;}
.entry > *:first-child{margin-top:0;}
.entry p{margin:0 0 1.4em;}
.entry > p:first-of-type{font-size:22px;line-height:1.6;color:var(--ink);font-weight:500;}
.entry h2{font-size:38px;font-weight:800;margin:1.6em 0 .5em;}
.entry h3{font-size:30px;margin:1.5em 0 .5em;}
.entry a{color:var(--blue-deep);text-decoration:underline;text-underline-offset:3px;}
.entry a:hover{color:var(--blue);}
.entry ul,.entry ol{padding-left:1.4em;margin:0 0 1.4em;}
.entry li{margin-bottom:.4em;}
.entry img{border-radius:0;}
.entry figure{margin:1.8em 0;}
.entry figcaption,.entry .wp-caption-text{font-size:13.5px;color:var(--ink-soft);padding-top:8px;}
.entry blockquote{
  margin:2em 0;padding:6px 0 6px 30px;
  border-left:6px solid var(--blue);
  font:italic 700 32px/1.12 var(--font-display);
  color:var(--ink);
}
.entry blockquote p{margin:0;font-size:inherit;line-height:inherit;font-weight:inherit;}
.entry table{width:100%;border-collapse:collapse;font-size:16px;margin:0 0 1.4em;}
.entry th,.entry td{border:1px solid var(--line);padding:10px 12px;text-align:left;}
.entry th{background:var(--navy);color:#fff;font-family:var(--font-display);font-style:italic;text-transform:uppercase;letter-spacing:.06em;}
.entry iframe{max-width:100%;}

.post-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:36px 0 0;}
.post-tags a{
  display:block;padding:8px 14px;
  background:var(--mist);border:1px solid var(--line);
  font:italic 700 14px/1 var(--font-display);
  text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);
}
.post-tags a:hover{background:var(--blue);border-color:var(--blue);color:#fff;}

.author-card{
  display:flex;gap:20px;margin-top:40px;padding:26px;
  background:var(--mist);border-left:6px solid var(--blue);
}
.author-card .avatar{width:68px;height:68px;border-color:var(--navy);}
.author-card h4{font-size:24px;margin-bottom:6px;}
.author-card h4 a:hover{color:var(--blue);}
.author-card p{margin:0;font-size:15.5px;color:var(--ink-soft);line-height:1.55;}

.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px;}
.post-nav a{display:block;padding:20px 22px;border:1px solid var(--line);}
.post-nav a:hover{border-color:var(--blue);}
.post-nav .dir{
  display:block;margin-bottom:8px;
  font:italic 800 12px/1 var(--font-display);
  text-transform:uppercase;letter-spacing:.14em;color:var(--blue);
}
.post-nav h5{font-size:21px;line-height:1.08;}
.post-nav .next{text-align:right;}

/* ---------- Comments ---------- */
.comments-area{max-width:900px;margin:64px auto 0;padding:0 28px 8px;}
.comments-title{font-size:34px;font-weight:800;margin-bottom:24px;text-transform:uppercase;}
.comment-list{list-style:none;}
.comment-list .children{list-style:none;padding-left:44px;}
.comment-body{display:flex;gap:16px;padding:22px 0;border-bottom:1px solid var(--line);}
.comment-body .avatar{width:46px;height:46px;border-color:var(--line);}
.comment-author-name{font-weight:700;font-size:16px;}
.comment-metadata{font-size:12.5px;color:var(--ink-soft);margin-bottom:8px;}
.comment-content p{margin:0 0 10px;font-size:16px;line-height:1.6;}
.comment-reply-link{font:italic 700 14px/1 var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--blue-deep);}
.comment-awaiting-moderation{display:block;color:var(--blue-deep);font-size:13.5px;margin-bottom:6px;}
.comment-respond{margin-top:36px;}
.comment-reply-title{font-size:30px;margin-bottom:16px;}
.comment-form p{margin:0 0 16px;}
.comment-form label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{
  width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:2px;
  font:16px var(--font-body);background:var(--paper);
}
.comment-form textarea{min-height:150px;resize:vertical;}
.comment-form .form-submit input{
  background:var(--blue);color:#fff;border:none;cursor:pointer;
  font:italic 700 17px/1 var(--font-display);
  text-transform:uppercase;letter-spacing:.1em;
  padding:16px 34px;clip-path:var(--slant);
}
.comment-form .form-submit input:hover{background:var(--navy);}
.no-comments{color:var(--ink-soft);}

/* ---------- Pages ---------- */
.page-content{max-width:780px;margin:56px auto 80px;padding:0 28px;}
.page-cover{max-width:1120px;margin:-40px auto 0;padding:0 28px;position:relative;z-index:2;}
.page-cover .frame{clip-path:var(--cut-lg);overflow:hidden;}
.page-cover img{width:100%;aspect-ratio:21/9;object-fit:cover;}

/* About template */
.values{max-width:1120px;margin:20px auto 0;padding:0 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.value{padding:30px 28px;background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--blue);}
.value .num{font:italic 800 44px/1 var(--font-display);color:var(--blue);display:block;margin-bottom:12px;}
.value h3{font-size:26px;margin-bottom:10px;}
.value p{margin:0;color:var(--ink-soft);font-size:16px;line-height:1.55;}
.stats{background:var(--blue);color:#fff;margin-top:72px;padding:54px 0;}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;text-align:center;}
.stats .figure{font:italic 800 clamp(44px,6vw,72px)/1 var(--font-display);}
.stats .label{font:italic 700 15px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.12em;margin-top:8px;color:#DCE8FF;}
.contact{max-width:900px;margin:72px auto 88px;padding:0 28px;}
.contact-card{background:var(--navy);color:#fff;padding:44px;border-left:8px solid var(--blue);clip-path:var(--cut-lg);}
.contact-card h2{font-size:38px;font-weight:800;margin-bottom:12px;}
.contact-card p{margin:0 0 20px;color:#B9C6E8;font-size:18px;}
.contact-card a.email{font:italic 800 28px/1 var(--font-display);color:var(--blue-bright);}
.contact-card a.email:hover{color:#fff;}

/* ---------- Search and 404 ---------- */
.search-hero .search-form{padding:26px 0 0;max-width:640px;}
.search-hero .search-form input[type="search"]{background:var(--navy-2);}
.empty-note{font-size:18px;color:var(--ink-soft);max-width:560px;}
.error-404{background:var(--navy);color:#fff;text-align:center;padding:90px 0 110px;}
.error-404 .code{font:italic 800 clamp(120px,22vw,260px)/.85 var(--font-display);color:var(--blue);}
.error-404 h1{font-size:44px;font-weight:800;margin:10px 0 14px;}
.error-404 p{color:#B9C6E8;max-width:520px;margin:0 auto 26px;font-size:18px;}
.error-404 .search-form{max-width:520px;margin:0 auto 24px;padding:0;}
.btn{
  display:inline-block;background:var(--blue);color:#fff;
  font:italic 700 17px/1 var(--font-display);
  text-transform:uppercase;letter-spacing:.1em;
  padding:16px 34px;clip-path:var(--slant);
}
.btn:hover{background:var(--blue-bright);}

/* ---------- Footer ---------- */
.site-footer{background:var(--navy);color:#9DB0DE;border-top:4px solid var(--blue);}
.footer-grid{
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;
  padding:56px 0 44px;
}
.footer-brand img{height:34px;width:auto;margin-bottom:16px;}
.footer-brand p{margin:0 0 20px;max-width:340px;font-size:15.5px;line-height:1.6;}
.social-row{display:flex;flex-wrap:wrap;gap:10px;}
.social-row a{
  width:40px;height:40px;border-radius:50%;
  border:1px solid var(--line-dark);color:#fff;
  display:flex;align-items:center;justify-content:center;
}
.social-row a:hover{background:var(--blue);border-color:var(--blue);}
.footer-col h5{
  font-size:16px;font-weight:800;color:#fff;
  text-transform:uppercase;letter-spacing:.14em;
  margin-bottom:18px;
}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:12px;font-size:15.5px;}
.footer-col a:hover{color:#fff;}
.footer-bottom{
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
  padding:22px 0;border-top:1px solid var(--line-dark);
  font-size:13.5px;color:#6F7FA8;
}
.footer-bottom a{color:#9DB0DE;}
.footer-bottom a:hover{color:#fff;}
.footer-bottom .legal{display:flex;gap:20px;}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .home-grid{grid-template-columns:1fr;gap:48px;}
  .sidebar{position:static;grid-template-columns:1fr 1fr;}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hero-grid{grid-template-columns:1fr;}
  .lead{min-height:460px;}
  .top-stories{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;}
  .top-stories .label{grid-column:1 / -1;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:900px){
  .post-layout{grid-template-columns:1fr;gap:20px;}
  .share-rail{position:static;flex-direction:row;align-items:center;}
  .share-rail .label{margin:0 6px 0 0;}
  .share-btn{width:44px;height:44px;}
  .values{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:1fr 1fr;row-gap:36px;}
}
@media (max-width:782px){
  .admin-bar .site-header{top:46px;}
}
@media (max-width:720px){
  .wrap{padding:0 20px;}
  body{font-size:16.5px;}
  .header-row{gap:14px;}
  .brand img,.brand .custom-logo{height:26px;}
  .header-actions .icon-btn:first-child{display:none;}
  .menu-toggle{display:flex;}
  .nav-wrapper{flex:0;height:auto;}
  .nav-arrow{display:none;}
  nav.primary-nav{
    position:fixed;inset:0;
    height:auto;
    flex-direction:column;align-items:stretch;
    background:var(--navy);
    padding:92px 24px 32px;
    overflow-y:auto;overflow-x:hidden;
    transform:translateX(100%);
    visibility:hidden;
    transition:transform .25s ease,visibility 0s linear .25s;
    z-index:60;
  }
  nav.primary-nav.open{transform:translateX(0);visibility:visible;transition-delay:0s;}
  nav.primary-nav ul{flex-direction:column;gap:0;}
  nav.primary-nav li{display:block;}
  nav.primary-nav a{
    padding:18px 0;font-size:28px;
    border-bottom:1px solid var(--line-dark);
  }
  nav.primary-nav a::after{display:none;}
  nav.primary-nav .current-menu-item > a{color:var(--blue-bright);}
  .nav-close{
    display:flex;position:absolute;top:22px;right:22px;
    width:44px;height:44px;border-radius:50%;
    align-items:center;justify-content:center;
    background:transparent;color:#fff;
    border:1px solid var(--line-dark);cursor:pointer;
  }
  .nav-search{display:block;margin-bottom:18px;}
  .nav-search input{
    width:100%;padding:15px 16px;
    background:var(--navy-3);color:#fff;
    border:1px solid var(--line-dark);border-radius:2px;
    font:500 16px var(--font-body);
  }
  .nav-search input::placeholder{color:#8190B8;}
  body.menu-open{overflow:hidden;}

  .hero{padding:24px 0 40px;}
  .lead{min-height:400px;}
  .lead .content{padding:24px 22px 28px;}
  .top-stories{grid-template-columns:1fr;}
  .ts-item{grid-template-columns:100px 1fr;}
  .ts-item h3{font-size:19px;}
  .section-title h2{font-size:27px;}
  .river-item{grid-template-columns:1fr;gap:14px;}
  .river-item h3{font-size:27px;}
  .sidebar{grid-template-columns:1fr;}
  .band{padding:44px 0 50px;}
  .card-grid,.card-grid.three{grid-template-columns:1fr;gap:30px;}
  .page-num,.page-btn{min-width:38px;height:40px;padding:0 10px;font-size:15px;}
  .page-hero{padding:22px 0 44px;}
  .post-hero.has-cover{padding-bottom:100px;}
  .post-cover{margin-top:-70px;padding:0 20px;}
  .post-layout,.comments-area{padding:0 20px;}
  .entry{font-size:18px;}
  .entry > p:first-of-type{font-size:20px;}
  .entry h2{font-size:32px;}
  .entry blockquote{font-size:26px;padding-left:20px;}
  .author-card{flex-direction:column;}
  .post-nav{grid-template-columns:1fr;}
  .post-nav .next{text-align:left;}
  .page-content,.page-cover,.values,.contact{padding-left:20px;padding-right:20px;}
  .contact-card{padding:30px 24px;}
  .contact-card a.email{font-size:22px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .footer-brand{grid-column:1 / -1;}
}
@media (max-width:480px){
  .footer-grid{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:1fr;}
}