/*
Theme Name: Khabren 24x7 — Professional News Portal
Theme URI: https://example.com/khabren-247
Author: Khabren 24x7
Description: Editorial WordPress theme for a regional reporting and public-accountability portal, built around field reality, public consequences, and follow-up reporting.
Version: 1.2.0
Requires at least: 6.2
Tested up to: 6.8
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: khabren-247
Tags: news, editorial, blog, custom-logo, custom-menu, featured-images, translation-ready
*/
:root{--ink:#17232c;--muted:#63717a;--paper:#f6f4ef;--white:#fff;--line:#dce0dd;--red:#b82f2f;--red-dark:#8f2024;--gold:#d5a65b;--teal:#1c6465;--navy:#142b3a;--radius:10px;--shadow:0 8px 26px rgba(20,43,58,.08);--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}button,input,textarea,select{font:inherit}.site-shell{min-height:100vh}.wrap{width:min(var(--max),calc(100% - 36px));margin-inline:auto}.site-topline{background:var(--navy);color:#e9eef0;font-size:12px;letter-spacing:.04em}.topline-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:34px}.topline-inner a{color:#fff}.topline-label{color:#f0c77e;font-weight:800;text-transform:uppercase}.site-header{background:var(--white);border-bottom:1px solid var(--line)}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0}.brand{display:flex;align-items:center;gap:12px;min-width:0}.custom-logo{max-height:60px;width:auto}.brand-mark{display:grid;place-items:center;width:52px;height:52px;background:var(--red);color:white;font-weight:950;font-size:17px;letter-spacing:-1px;border-radius:5px;box-shadow:inset -5px -5px 0 rgba(0,0,0,.13)}.brand-copy{min-width:0}.site-title{font-size:clamp(22px,3vw,34px);line-height:1.05;letter-spacing:-1.3px;font-weight:950;margin:0}.site-title span{color:var(--red)}.site-description{font-size:11px;color:var(--muted);margin:5px 0 0;letter-spacing:.08em;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:12px}.header-action{font-size:13px;font-weight:750;border:1px solid var(--line);padding:9px 13px;border-radius:4px}.header-action.primary{background:var(--red);border-color:var(--red);color:white}.main-nav{background:var(--navy);color:white}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px}.primary-menu{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;flex-wrap:wrap}.primary-menu li{margin:0}.primary-menu a{display:block;padding:13px 15px;font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#eef2f4}.primary-menu a:hover,.primary-menu .current-menu-item>a{background:#213e4f;color:#f1c77d}.nav-search{color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.ticker{background:#fff;border-bottom:1px solid var(--line)}.ticker-inner{display:flex;align-items:center;gap:13px;min-height:42px;overflow:hidden}.ticker-label{background:var(--red);color:white;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;white-space:nowrap}.ticker-text{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-text a{color:var(--ink)}.section-kicker{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:var(--red);margin:0 0 12px}.section-kicker:before{content:"";display:inline-block;width:20px;height:2px;background:var(--red)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:20px}.section-heading h2{margin:0;font-size:clamp(21px,2.3vw,29px);line-height:1.1;letter-spacing:-.8px}.section-heading a{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:850;color:var(--red);white-space:nowrap}.hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.85fr);gap:24px;padding:28px 0 32px}.hero-main{position:relative;min-height:430px;background:var(--navy);color:#fff;overflow:hidden;border-radius:var(--radius);isolation:isolate}.hero-main:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(0deg,rgba(9,20,28,.94),rgba(9,20,28,.03));z-index:-1}.hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.86}.hero-placeholder{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 70% 20%,#54717b 0,#284554 30%,#142b3a 75%)}.hero-content{position:absolute;left:0;right:0;bottom:0;padding:clamp(22px,4vw,38px)}.story-label{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:#fff;background:var(--red);padding:5px 8px;border-radius:2px}.story-label.teal{background:var(--teal)}.hero-content h1{font-size:clamp(30px,4.1vw,51px);line-height:1.05;letter-spacing:-1.7px;max-width:760px;margin:13px 0}.hero-content p{max-width:650px;color:#e1e8e9;margin:0 0 15px;font-size:15px}.story-meta{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:9px;flex-wrap:wrap}.hero-content .story-meta{color:#d1dbdf}.meta-dot{width:3px;height:3px;background:currentColor;border-radius:50%;display:inline-block}.hero-side{display:flex;flex-direction:column;gap:16px}.side-story{display:grid;grid-template-columns:110px 1fr;gap:13px;padding-bottom:16px;border-bottom:1px solid var(--line)}.side-story:last-child{border-bottom:0}.side-story img,.story-thumb{width:110px;height:88px;object-fit:cover;background:#d5d9d5;border-radius:5px}.thumb-placeholder{background:linear-gradient(135deg,#dce1dd,#a9b9b6)}.side-story h3{font-size:16px;line-height:1.28;margin:5px 0 6px;letter-spacing:-.25px}.mini-label{font-size:9px;color:var(--red);font-weight:900;letter-spacing:.1em;text-transform:uppercase}.side-story .story-meta{font-size:10px}.content-section{padding:24px 0 32px}.section-tint{background:#eeefea}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story-card{min-width:0}.story-card .card-image{aspect-ratio:16/10;width:100%;object-fit:cover;background:#d5d9d5;border-radius:6px;margin-bottom:12px}.story-card h3{font-size:20px;line-height:1.22;letter-spacing:-.45px;margin:7px 0 8px}.story-card p{font-size:13px;color:var(--muted);margin:0 0 11px}.story-card .story-meta{font-size:10px}.two-column{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:28px}.case-card{background:var(--navy);color:#fff;border-radius:var(--radius);padding:25px;position:relative;overflow:hidden}.case-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-60px;top:-60px;box-shadow:0 0 0 24px rgba(255,255,255,.025),0 0 0 48px rgba(255,255,255,.025)}.case-card h3{font-size:25px;line-height:1.15;margin:12px 0;letter-spacing:-.6px;position:relative;z-index:1}.case-card p{color:#d0dadd;font-size:14px;position:relative;z-index:1}.case-stats{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0;position:relative;z-index:1}.case-stat strong{display:block;font-size:20px;color:#f0c77e}.case-stat span{font-size:10px;color:#d0dadd;text-transform:uppercase;letter-spacing:.08em}.text-link{display:inline-flex;gap:8px;align-items:center;font-weight:850;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--red)}.case-card .text-link{color:#f1c77d}.follow-list{list-style:none;padding:0;margin:0}.follow-list li{padding:13px 0;border-bottom:1px solid var(--line)}.follow-list li:last-child{border:0}.follow-list a{font-weight:800;line-height:1.3;display:block}.follow-status{display:inline-block;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;padding:3px 6px;background:#e2ebe5;color:#23604b;border-radius:3px;margin-bottom:6px}.follow-status.open{background:#f7e8d6;color:#8b4c14}.follow-status.return{background:#e2e8ef;color:#35516d}.format-rails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.format-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:20px;min-height:180px}.format-card .format-icon{width:36px;height:36px;border-radius:6px;background:#f6e6e2;color:var(--red);display:grid;place-items:center;font-size:18px;font-weight:900;margin-bottom:14px}.format-card h3{font-size:18px;line-height:1.2;margin:0 0 7px}.format-card p{font-size:13px;color:var(--muted);margin:0 0 14px}.audio-card{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;padding:16px}.audio-art{min-height:130px;background:var(--navy);color:#f0c77e;border-radius:5px;display:grid;place-items:center;font-size:25px;font-weight:950;letter-spacing:-1px;text-align:center}.audio-card h3{font-size:20px;line-height:1.2;margin:8px 0}.audio-card p{font-size:13px;color:var(--muted);margin:0 0 12px}.audio-play{display:inline-flex;align-items:center;gap:8px;color:var(--red);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.newsletter{background:#e9eae5;padding:30px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:24px}.newsletter h2{font-size:24px;line-height:1.1;margin:0 0 7px}.newsletter p{margin:0;color:var(--muted);font-size:13px}.newsletter form{display:flex;gap:7px;min-width:min(420px,100%)}.newsletter input{min-width:0;flex:1;padding:12px;border:1px solid #cbd2ce;background:#fff;border-radius:4px}.newsletter button,.search-submit{border:0;background:var(--red);color:#fff;padding:12px 16px;font-weight:850;font-size:12px;border-radius:4px;cursor:pointer}.site-footer{background:var(--navy);color:#d5dfe2;margin-top:36px}.footer-main{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:32px;padding:40px 0}.footer-brand{color:white;font-size:24px;font-weight:950;letter-spacing:-.8px}.footer-brand span{color:#f0c77e}.footer-main p{font-size:13px;color:#b8c7cd;max-width:420px}.footer-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#f0c77e;font-weight:900;margin:0 0 12px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:7px 0;font-size:13px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:15px 0;font-size:11px;color:#9fb0b8;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.page-header{padding:34px 0 22px;border-bottom:1px solid var(--line);margin-bottom:24px}.page-header h1{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-1.4px;margin:0 0 8px}.page-header p{color:var(--muted);margin:0;max-width:760px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.pagination{display:flex;gap:7px;align-items:center;margin:32px 0}.pagination .page-numbers{padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:4px;font-size:13px}.pagination .current{background:var(--navy);color:#fff}.single-layout{display:grid;grid-template-columns:minmax(0,790px) minmax(220px,1fr);gap:36px;padding:34px 0}.article-header h1{font-size:clamp(34px,5vw,56px);line-height:1.04;letter-spacing:-1.8px;margin:14px 0}.article-deck{font-size:19px;line-height:1.5;color:#51616a;margin:0 0 18px}.article-meta{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.article-featured{width:100%;max-height:520px;object-fit:cover;border-radius:7px;margin:22px 0}.article-content{font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.85;color:#25333b}.article-content h2,.article-content h3{font-family:system-ui,sans-serif;line-height:1.2;letter-spacing:-.5px;margin-top:1.6em}.article-content blockquote{border-left:4px solid var(--red);margin:28px 0;padding:8px 20px;color:#42545d;font-size:22px}.article-content a{text-decoration:underline;color:var(--red)}.article-content ul,.article-content ol{padding-left:1.4em}.article-sidebar{border-left:1px solid var(--line);padding-left:22px}.article-sidebar h3{font-size:14px;text-transform:uppercase;letter-spacing:.08em}.sidebar-item{padding:12px 0;border-bottom:1px solid var(--line)}.sidebar-item a{font-weight:800;font-size:14px;line-height:1.3;display:block}.sidebar-item span{font-size:10px;color:var(--muted)}.case-status-box{background:#fff;border:1px solid var(--line);border-radius:7px;padding:18px;margin:20px 0}.case-status-box h3{margin:0 0 10px;font-size:15px}.case-status-box p{font-size:13px;color:var(--muted);margin:0 0 8px}.case-status-box strong{color:var(--teal)}.search-form{display:flex;gap:8px;margin:20px 0}.search-field{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--line);background:#fff;border-radius:4px}.comments-area{margin-top:35px;border-top:1px solid var(--line);padding-top:25px}.comments-area input,.comments-area textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:4px}.comments-area label{display:block;font-size:13px;font-weight:750;margin:10px 0 5px}.comments-area .submit{background:var(--red);color:#fff;border:0;padding:11px 15px;border-radius:4px;font-weight:800}.menu-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.35);color:white;padding:7px 10px;border-radius:4px}.screen-reader-text{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.screen-reader-text:focus{clip:auto!important;height:auto;width:auto;background:white;padding:12px;z-index:9999}.no-results{background:white;padding:25px;border:1px solid var(--line);border-radius:7px}.category-chip{font-size:10px;color:var(--red);text-transform:uppercase;letter-spacing:.1em;font-weight:900}.error-404{text-align:center;padding:80px 0}.error-404 h1{font-size:64px;margin:0;color:var(--red)}
@media(max-width:900px){.hero-grid,.two-column,.single-layout{grid-template-columns:1fr}.hero-main{min-height:410px}.hero-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.side-story{grid-template-columns:90px 1fr}.side-story img,.side-story .story-thumb{width:90px;height:78px}.article-sidebar{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.newsletter{align-items:flex-start;flex-direction:column}.newsletter form{width:100%}}
@media(max-width:620px){.wrap{width:min(var(--max),calc(100% - 24px))}.topline-inner{min-height:31px}.topline-inner>span:last-child{display:none}.masthead{padding:14px 0}.brand-mark{width:43px;height:43px;font-size:14px}.site-description{font-size:9px;letter-spacing:.04em}.header-actions .header-action:not(.primary){display:none}.header-action{padding:8px 10px;font-size:11px}.nav-inner{align-items:flex-start;flex-direction:column;padding:8px 0}.menu-toggle{display:block;margin:0 0 5px}.primary-menu{display:none;width:100%;flex-direction:column;align-items:stretch}.primary-menu.is-open{display:flex}.primary-menu a{padding:10px 12px;border-top:1px solid rgba(255,255,255,.08)}.nav-search{display:none}.hero-grid{padding:18px 0 24px;gap:18px}.hero-main{min-height:390px}.hero-content{padding:21px}.hero-content h1{font-size:32px}.hero-content p{font-size:13px}.hero-side{display:flex}.side-story{grid-template-columns:92px 1fr}.story-grid,.archive-grid{grid-template-columns:1fr 1fr;gap:18px 13px}.story-card h3{font-size:17px}.story-card p{font-size:12px}.format-rails{grid-template-columns:1fr}.audio-card{grid-template-columns:90px 1fr;gap:12px;padding:12px}.audio-art{min-height:100px;font-size:18px}.audio-card h3{font-size:16px}.newsletter{padding:22px}.newsletter form{flex-direction:column}.newsletter input,.newsletter button{width:100%}.footer-main{grid-template-columns:1fr;gap:22px;padding:30px 0}.footer-main>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:6px}.single-layout{padding:25px 0}.article-header h1{font-size:36px}.article-deck{font-size:17px}.article-content{font-size:18px}.section-heading h2{font-size:22px}}
@media(max-width:400px){.story-grid,.archive-grid{grid-template-columns:1fr}.hero-main{min-height:420px}.header-actions .primary{font-size:10px}.brand{gap:8px}}

/* v1.1 professional newsroom header, topic discovery and horizontal story rails */
.utility-bar{background:#101f2a;color:#e6edf0;border-bottom:1px solid rgba(255,255,255,.12);font-size:11px}
.utility-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.utility-left,.utility-right{display:flex;align-items:center;gap:10px;white-space:nowrap}.today-date{color:#d6e0e4}.utility-divider{color:#657984}.topline-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#e9bd70;font-weight:850}
.geo-nav{margin-left:auto}.geo-menu{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}.geo-menu li{margin:0}.geo-menu a{display:block;color:#fff;padding:11px 10px;font-weight:850;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.geo-menu a:hover{color:#f0c77e;background:rgba(255,255,255,.06)}
.utility-right{gap:9px}.social-links{display:flex;align-items:center;gap:5px}.social-links a{display:grid;place-items:center;width:23px;height:23px;border:1px solid rgba(255,255,255,.24);border-radius:50%;color:#fff;font-size:10px;font-weight:900}.social-links a:hover{background:#fff;color:#102330}.account-link,.signup-link{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:#f1f4f5}.signup-link{padding:5px 8px;background:#b72c2c;border-radius:3px}.header-date-block{display:flex;align-items:center;gap:7px;padding-right:12px;border-right:1px solid var(--line);margin-right:2px}.header-date-block strong{font-size:32px;line-height:1;color:var(--red);letter-spacing:-1.4px}.header-date-block span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:850}.masthead{padding:17px 0}.main-nav{border-top:3px solid var(--red);box-shadow:0 3px 10px rgba(13,29,38,.08)}.primary-menu a{padding:14px 13px}.ticker{border-bottom:1px solid #d9dfdf}.ticker-inner{min-height:43px}.ticker-label{align-self:stretch;display:flex;align-items:center;padding:0 12px;letter-spacing:.08em}.ticker-marquee{overflow:hidden;min-width:0;flex:1}.ticker-text{display:flex;align-items:center;width:max-content;gap:36px;overflow:visible;text-overflow:clip;animation:khabrenTicker 48s linear infinite}.ticker-marquee:hover .ticker-text,.ticker-marquee:focus-within .ticker-text{animation-play-state:paused}.ticker-item{display:inline-flex;align-items:center;gap:36px}.ticker-item:after{content:"◆";font-size:7px;color:var(--red)}.ticker-text a{font-size:12px}.ticker-text a:hover{color:var(--red)}
.news-discovery{padding:25px 0 10px}.discovery-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px}.discovery-heading h2{margin:0;font-size:clamp(22px,2.4vw,30px);line-height:1.1;letter-spacing:-.8px}.discovery-heading p:last-child{font-size:12px;color:var(--muted);margin:0}.topic-filters{display:flex;gap:8px;flex-wrap:wrap;padding:14px;background:#fff;border:1px solid var(--line);border-radius:6px}.topic-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce2e2;background:#f8f9f7;color:#23343d;padding:8px 12px;border-radius:3px;font-size:11px;font-weight:850;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.topic-chip:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.news-rail-section{padding:22px 0 18px}.rail-heading{align-items:end;margin-bottom:15px}.rail-heading .section-kicker{margin-bottom:5px}.rail-heading h2{font-size:clamp(21px,2.2vw,27px)}.rail-controls{display:flex;align-items:center;gap:7px}.rail-view-all{margin-right:7px;font-size:11px;font-weight:900;text-transform:uppercase;color:var(--red);white-space:nowrap}.rail-arrow{width:31px;height:31px;display:grid;place-items:center;border:1px solid #cfd8d9;background:#fff;border-radius:50%;color:var(--navy);font-size:23px;line-height:1;cursor:pointer}.rail-arrow:hover{background:var(--navy);border-color:var(--navy);color:#fff}.news-rail{display:flex;gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:1px 2px 12px;scrollbar-width:thin;scrollbar-color:#b8c3c6 transparent}.news-rail::-webkit-scrollbar{height:6px}.news-rail::-webkit-scrollbar-thumb{background:#b8c3c6;border-radius:8px}.rail-card{flex:0 0 calc((100% - 51px)/4);min-width:220px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.rail-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(20,38,48,.09)}.rail-card-image{display:block;overflow:hidden;background:#e3e7e4}.rail-card-image img,.rail-card-image .card-image{width:100%;height:158px;object-fit:cover;transition:transform .25s ease}.rail-card:hover .rail-card-image img{transform:scale(1.035)}.rail-card-body{padding:13px 14px 14px}.rail-card-body h3{font-size:17px;line-height:1.22;letter-spacing:-.35px;margin:5px 0 8px}.rail-card-body p{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 12px}.rail-date{font-size:10px;color:#73828a;font-weight:750}.rail-empty{min-width:100%;background:#fff;border:1px dashed #c8d1d2;border-radius:6px;padding:19px 20px;color:#43545d}.rail-empty p{font-size:12px;margin:5px 0 0;color:var(--muted)}.rail-empty code{background:#edf0ef;padding:2px 4px;border-radius:3px}.news-rail-section:nth-of-type(even){background:transparent}
@keyframes khabrenTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:1050px){.utility-inner{flex-wrap:wrap;padding:5px 0}.utility-left{order:1}.geo-nav{order:3;width:100%;margin:0;border-top:1px solid rgba(255,255,255,.1)}.geo-menu{justify-content:flex-start}.utility-right{order:2;margin-left:auto}.rail-card{flex-basis:calc((100% - 34px)/3)}}
@media(max-width:700px){.utility-inner{gap:4px}.utility-left{font-size:10px;gap:7px}.utility-left .topline-label{display:none}.geo-menu a{padding:9px 10px}.utility-right{gap:7px}.social-links{display:none}.header-date-block{display:none}.masthead{gap:10px}.header-actions{gap:6px}.header-actions .header-action:not(.primary){display:none}.header-action.primary{padding:8px 9px}.ticker-label{font-size:9px;padding:0 8px}.ticker-text{animation-duration:38s}.discovery-heading{align-items:flex-start;flex-direction:column;gap:5px}.topic-filters{gap:6px;padding:10px}.topic-chip{padding:7px 9px;font-size:10px}.rail-card{flex-basis:78%;min-width:235px}.rail-card-image img,.rail-card-image .card-image{height:170px}.rail-controls{gap:5px}.rail-view-all{font-size:10px;margin-right:2px}.rail-arrow{width:29px;height:29px}.news-rail-section{padding:17px 0 12px}}
@media(prefers-reduced-motion:reduce){.ticker-text{animation:none}.news-rail{scroll-behavior:auto}.rail-card,.rail-card-image img{transition:none}}

/* Khabren 24x7 v1.2.0 — Cinematic Editorial Edition */
:root{--ink:#f2f0eb;--muted:#a5adb4;--paper:#0b1015;--white:#111920;--line:#27323b;--red:#ff3b42;--red-dark:#d91f2b;--gold:#e8bd73;--teal:#53b8b0;--navy:#070b10;--radius:2px;--shadow:0 18px 48px rgba(0,0,0,.28);--max:1380px}
html{background:#0b1015}body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}::selection{background:var(--red);color:#fff}a{transition:color .18s ease,background-color .18s ease,transform .25s ease}a:hover{color:#ff666b}.wrap{width:min(var(--max),calc(100% - 56px))}.utility-bar{background:#05080b;color:#aab3b9;border-bottom:1px solid #202a32;font-size:11px}.utility-inner{min-height:36px}.topline-label{color:#f0c77e}.geo-menu a,.account-link{color:#d2d7db}.social-links a{border-color:#34404a;color:#e7ebed}.signup-link{background:var(--red);color:#fff;padding:5px 10px}.site-header{background:#0b1015;border-bottom:1px solid #28323b}.masthead{padding:24px 0 22px;min-height:106px}.brand{gap:15px}.brand-mark{width:58px;height:58px;background:var(--red);border-radius:0;box-shadow:5px 5px 0 #5e171c;font-size:18px}.custom-logo{max-height:66px}.site-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(29px,3.4vw,43px);letter-spacing:-1.5px;font-weight:800}.site-title span{color:var(--red)}.site-description{color:#9aa5ad;letter-spacing:.16em;font-size:10px}.header-date-block{border-left:1px solid #34404a;color:#dfe4e7;padding-left:15px}.header-date-block strong{font-family:Georgia,serif;color:#fff}.header-action{border:1px solid #35414b;border-radius:0;color:#d9dfe2;padding:10px 14px}.header-action.primary{background:var(--red);border-color:var(--red);color:#fff}.main-nav{background:#111920;border-top:1px solid #202a32;border-bottom:1px solid #303a43}.nav-inner{min-height:48px}.primary-menu a{padding:15px 17px;font-size:11px;letter-spacing:.11em;color:#d8dee2}.primary-menu a:hover,.primary-menu .current-menu-item>a{background:#222e37;color:#fff;box-shadow:inset 0 -3px var(--red)}.nav-search{color:#f4c777;letter-spacing:.12em}.ticker{background:#171f26;border-bottom:1px solid #303943}.ticker-inner{min-height:43px}.ticker-label{background:var(--red);padding:7px 11px;letter-spacing:.13em}.ticker-text{color:#f3f3f1}.ticker-item:after{color:#68747d}.ticker-text a{color:#e5e8ea}.hero-grid{grid-template-columns:minmax(0,1.8fr) minmax(285px,.72fr);gap:26px;padding:30px 0 40px}.hero-main{min-height:clamp(450px,48vw,650px);border-radius:0;background:#111920;box-shadow:var(--shadow)}.hero-main:after{inset:0;background:linear-gradient(90deg,rgba(5,9,13,.82) 0%,rgba(5,9,13,.45) 48%,rgba(5,9,13,.04) 100%),linear-gradient(0deg,rgba(5,9,13,.88) 0%,transparent 70%);z-index:-1}.hero-image{opacity:.91;filter:saturate(.82) contrast(1.06);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.hero-main:hover .hero-image{transform:scale(1.035)}.hero-content{padding:clamp(26px,4.2vw,56px)}.story-label{border-radius:0;background:var(--red);letter-spacing:.15em;padding:6px 10px}.hero-content h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(36px,5vw,68px);line-height:.99;letter-spacing:-1.8px;max-width:800px;text-wrap:balance}.hero-content h1 a:hover{color:#fff}.hero-content p{font-size:15px;max-width:600px;color:#d5dade}.hero-content .story-meta{color:#c0c9ce}.hero-side{gap:0}.section-heading{border-color:#303a43}.section-heading h2,.discovery-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,2.5vw,34px);letter-spacing:-.7px}.hero-side .section-heading{padding:0 0 13px;margin-bottom:10px}.hero-side .section-heading h2{font-size:24px}.hero-side .section-heading a,.section-heading a{color:#f0c77e}.side-story{grid-template-columns:118px 1fr;gap:15px;padding:15px 0;border-bottom:1px solid #29343d}.side-story img,.side-story .story-thumb{width:118px;height:92px;border-radius:0;filter:saturate(.8)}.side-story h3{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.2;margin:6px 0}.mini-label{color:#ff666b;letter-spacing:.13em}.story-meta{color:#98a4ad}.content-section{padding:38px 0 44px}.section-tint{background:#10171d;border-top:1px solid #202a32;border-bottom:1px solid #202a32}.story-grid{gap:28px}.story-card .card-image{border-radius:0;aspect-ratio:16/10;filter:saturate(.82);transition:filter .25s,transform .35s}.story-card>a{display:block;overflow:hidden}.story-card>a:hover .card-image{filter:saturate(1.05);transform:scale(1.025)}.story-card h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(21px,2vw,26px);line-height:1.12;letter-spacing:-.4px}.story-card p{color:#aab3ba}.two-column{gap:34px}.case-card{background:linear-gradient(135deg,#17242d,#0b1116 80%);border:1px solid #35424b;border-radius:0;padding:32px}.case-card h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,3vw,36px)}.case-card p{color:#bdc6cc}.case-stat strong{color:#f0c77e}.follow-list li{border-color:#2c3740}.follow-list a{color:#e8ebed}.follow-status{border-radius:0}.follow-status.open{background:#38271b;color:#ffbd7d}.follow-status.return{background:#1d303a;color:#9bd2d4}.format-rails{gap:1px;background:#2b353d;border:1px solid #2b353d}.format-card{background:#111920;border:0;border-radius:0;padding:25px;min-height:190px}.format-card .format-icon{border-radius:0;background:#302023;color:#ff6268}.format-card h3{font-family:Georgia,'Times New Roman',serif;font-size:22px}.format-card p{color:#aab3ba}.audio-card{background:#111920;border:1px solid #2b353d;border-radius:0}.audio-art{border-radius:0;background:#080d12;color:#f0c77e}.newsletter{background:#18232b;border:1px solid #2c3943;border-radius:0;padding:34px}.newsletter h2{font-family:Georgia,'Times New Roman',serif;font-size:30px}.newsletter p{color:#aab4bb}.newsletter input{background:#0c1217;border:1px solid #35414a;color:#fff;border-radius:0}.newsletter button,.search-submit{background:var(--red);border-radius:0}.site-footer{background:#05080b;color:#aab3b9;border-top:1px solid #303a43}.footer-main{padding:48px 0}.footer-brand{font-family:Georgia,'Times New Roman',serif;font-size:30px;color:#fff}.footer-brand span{color:var(--red)}.footer-title{color:#f1f2ef;text-transform:uppercase;font-size:11px;letter-spacing:.14em}.footer-links a{color:#aab3b9}.footer-links a:hover{color:#fff}.footer-bottom{border-color:#26313a;color:#78858e}.news-discovery{padding:18px 0 32px;border-bottom:1px solid #2b353d}.discovery-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.discovery-heading h2{margin:0}.discovery-heading>p{color:#9da8af;font-size:13px}.topic-filters{display:flex;gap:8px;flex-wrap:wrap}.topic-chip{border:1px solid #35414a;background:#111920;color:#d7dde0;padding:8px 13px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:0}.topic-chip:hover{background:var(--red);border-color:var(--red);color:#fff}.news-rail-section{padding:34px 0 38px;border-bottom:1px solid #222d35}.rail-heading{align-items:end}.rail-heading h2{font-family:Georgia,'Times New Roman',serif}.rail-controls{display:flex;align-items:center;gap:8px}.rail-arrow{border:1px solid #39454e;background:#111920;color:#fff;border-radius:0;width:34px;height:34px}.rail-arrow:hover{background:var(--red);border-color:var(--red)}.news-rail{gap:18px}.rail-card{background:#111920;border:1px solid #26313a;border-radius:0}.rail-card-image .card-image{border-radius:0;filter:saturate(.82)}.rail-card-body{padding:17px}.rail-card h3{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.15}.rail-card p{color:#aab3ba}.rail-date{color:#7f8c95}.rail-empty{background:#111920;border:1px dashed #39454e;color:#aab3ba}.single-layout{padding:40px 0 56px}.article-main{min-width:0}.article-header h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,6vw,76px);line-height:.99;letter-spacing:-1.7px;text-wrap:balance}.article-deck{font-size:20px;color:#b9c2c8;line-height:1.5}.article-featured{width:100%;max-height:720px;object-fit:cover;margin:30px 0;filter:saturate(.88)}.article-content{font-size:18px;line-height:1.85;color:#d7dcdf}.article-content h2,.article-content h3{font-family:Georgia,'Times New Roman',serif;color:#fff;line-height:1.15}.article-content a{color:#ff696e;text-decoration:underline;text-underline-offset:3px}.article-content blockquote{border-left:3px solid var(--red);margin:28px 0;padding:5px 0 5px 22px;color:#c4cdd2;font-family:Georgia,serif;font-size:24px}.article-sidebar{border-left:1px solid #303a43;padding-left:25px}.article-sidebar h3{font-family:Georgia,serif;font-size:24px}.sidebar-item{border-bottom:1px solid #2b353d;padding:14px 0}.sidebar-item span{display:block;font-size:10px;color:#8b98a1}.sidebar-item a{font-family:Georgia,serif;font-size:17px;font-weight:700}.case-status-box{background:#111920;border:1px solid #2d3942;padding:22px;margin:25px 0}.case-status-box h3{font-family:Georgia,serif;color:#fff}.case-status-box p{color:#aeb8be}.comment-list li,.comment-respond{background:#111920;border-color:#303a43}.search-form input,.search-field{background:#111920;color:#fff;border:1px solid #39454e;border-radius:0}.pagination a,.pagination span,.page-numbers{border-color:#34404a;border-radius:0;color:#e1e5e7}.pagination .current,.page-numbers.current{background:var(--red);border-color:var(--red)}
@media(max-width:900px){.wrap{width:min(var(--max),calc(100% - 32px))}.hero-grid{grid-template-columns:1fr;gap:25px}.hero-main{min-height:520px}.hero-side{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.hero-side .section-heading{grid-column:1/-1}.side-story{grid-template-columns:100px 1fr}.side-story img,.side-story .story-thumb{width:100px;height:82px}.hero-side .side-story:last-child{display:none}.masthead{gap:14px}.header-actions .header-action:not(.primary){display:none}}
@media(max-width:640px){.wrap{width:calc(100% - 28px)}.utility-inner{gap:8px}.utility-left .utility-divider,.utility-left .topline-label,.social-links{display:none}.masthead{padding:18px 0;min-height:auto}.brand-mark{width:44px;height:44px;font-size:14px}.site-title{font-size:27px}.site-description{font-size:8px;letter-spacing:.1em}.header-date-block{display:none}.header-actions{gap:0}.header-action.primary{font-size:10px;padding:9px}.nav-inner{gap:8px}.primary-menu a{padding:12px 10px;font-size:10px}.nav-search{font-size:10px}.ticker-inner{gap:8px}.ticker-label{font-size:9px;padding:7px}.ticker-text{font-size:11px}.hero-grid{padding:18px 0 28px}.hero-main{min-height:480px}.hero-main:after{background:linear-gradient(0deg,rgba(5,9,13,.96),rgba(5,9,13,.18) 78%)}.hero-content{padding:22px}.hero-content h1{font-size:clamp(34px,10vw,48px);letter-spacing:-1px}.hero-content p{font-size:13px}.hero-side{display:flex}.hero-side .side-story:last-child{display:grid}.side-story{grid-template-columns:94px 1fr}.side-story img,.side-story .story-thumb{width:94px;height:78px}.discovery-heading{display:block}.discovery-heading>p{margin:8px 0 0}.topic-chip{padding:7px 9px;font-size:9px}.content-section{padding:28px 0 32px}.story-grid{grid-template-columns:1fr;gap:28px}.story-card .card-image{aspect-ratio:16/9}.story-card h3{font-size:25px}.two-column{grid-template-columns:1fr;gap:26px}.format-rails{grid-template-columns:1fr}.format-card{min-height:0}.newsletter{display:block;padding:24px}.newsletter form{min-width:0;margin-top:18px}.newsletter button{padding:10px}.rail-card{flex-basis:76%;min-width:76%}.single-layout{padding:28px 0 40px}.article-header h1{font-size:clamp(36px,10vw,52px)}.article-deck{font-size:17px}.article-content{font-size:16px}.article-sidebar{border-left:0;border-top:1px solid #303a43;padding:22px 0 0}.footer-main{padding:34px 0}.footer-bottom{gap:8px;flex-direction:column}.case-card{padding:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}