:root{
  --ink:#17120E;
  --ink-soft:#2B241D;
  --brick:#A5301F;
  --brick-deep:#7C2216;
  --gold:#C9A24B;
  --gold-soft:#E4CE94;
  --paper:#F6F1E7;
  --paper-dim:#EAE2D0;
  --teal:#2E4A52;
  --line: rgba(23,18,14,0.14);
  --serif-hi:'Noto Serif Devanagari','Amiri',Georgia,serif;
  --sans-hi:'Noto Sans Devanagari','Inter',sans-serif;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{
  background:
    repeating-linear-gradient(0deg, rgba(23,18,14,.012) 0 1px, transparent 1px 3px),
    var(--paper);
  color:var(--ink);
  font-family:var(--sans-hi);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  max-width:100vw;
}
a{color:inherit; text-decoration:none;}
img{display:block; max-width:100%; background:var(--paper-dim);}
::selection{background:var(--gold); color:var(--ink);}

.wrap{max-width:1180px; margin:0 auto; padding:0 24px;}

/* ---------- Reading progress ---------- */
#readProgress{
  position:fixed; top:0; left:0; height:3px; width:0%;
  background:linear-gradient(90deg, var(--brick), var(--gold));
  z-index:500;
  transition:width .08s linear;
}

/* ---------- Topbar ---------- */
.topbar{
  background:var(--ink);
  color:var(--gold-soft);
  font-size:12px;
  letter-spacing:.04em;
  border-bottom:1px solid rgba(201,162,75,.25);
}
.topbar .wrap{
  display:flex; justify-content:space-between; align-items:center;
  padding-top:8px; padding-bottom:8px;
  flex-wrap:wrap; gap:6px;
}
.topbar .date .cal{font-size:11px; opacity:.8;}
.topbar .editions span{opacity:.65; cursor:default;}
.topbar .editions span.active{opacity:1; color:var(--gold); font-weight:700; border-bottom:1px solid var(--gold); padding-bottom:2px;}
.topbar .social{display:flex; gap:6px;}
.topbar .social a{
  width:26px; height:26px; display:grid; place-items:center;
  border-radius:50%; border:1px solid rgba(228,206,148,.25);
  font-size:12px; opacity:.75;
  transition:all .2s;
}
.topbar .social a:hover{opacity:1; color:var(--ink); background:var(--gold); border-color:var(--gold);}

/* ---------- Masthead ---------- */
.masthead{
  background:
    radial-gradient(1200px 200px at 50% -80px, rgba(165,48,31,.06), transparent),
    var(--paper);
  border-bottom:1px solid var(--ink);
  box-shadow:0 4px 0 -1px var(--ink), 0 5px 0 0 var(--gold);
  padding:28px 0 20px;
}
.masthead .wrap{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  flex-wrap:wrap;
}
.brand{display:flex; align-items:center; gap:16px;}
.mark{
  width:68px; height:68px; flex-shrink:0;
  filter:drop-shadow(0 4px 10px rgba(23,18,14,.18));
}
.brand h1{
  font-family:'Amiri', serif;
  font-size:44px;
  font-weight:700;
  letter-spacing:.01em;
  line-height:1;
}
.brand .khabar{color:var(--ink);}
.brand .khaleefa{
  color:var(--brick);
  background:linear-gradient(180deg, var(--brick) 20%, var(--brick-deep));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.brand-tag{
  font-size:11.5px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--teal);
  margin-top:5px;
  font-weight:700;
}
.masthead-right{display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.date-today{font-size:13px; color:#6b6255; font-weight:600;}
.search-mini{
  display:flex; align-items:center; gap:8px;
  border:1.5px solid var(--line);
  border-radius:999px;
  padding:9px 18px;
  font-size:13px;
  color:#6b6255;
  background:#fffdf8;
  transition:border-color .2s, box-shadow .2s;
}
.search-mini:focus-within{border-color:var(--gold); box-shadow:0 0 0 3px rgba(201,162,75,.15);}
.search-mini input{
  border:0; outline:0; background:transparent;
  font:inherit; color:var(--ink); width:160px;
}
.search-mini button{border:0; background:transparent; cursor:pointer; font-size:13px;}
.login-btn{
  background:linear-gradient(180deg, var(--brick), var(--brick-deep));
  color:#fff;
  font-size:11px; font-weight:800;
  padding:10px 20px; border-radius:6px;
  letter-spacing:.06em; text-transform:uppercase;
  box-shadow:0 3px 10px rgba(124,34,22,.35);
  transition:transform .15s, box-shadow .15s;
}
.login-btn:hover{transform:translateY(-1px); box-shadow:0 5px 14px rgba(124,34,22,.45);}
.login-btn.ghost{background:transparent; color:var(--brick); box-shadow:none; border:1.5px solid var(--brick);}.login-btn.ghost:hover{background:rgba(124,34,22,.06); box-shadow:none;}
.masthead-right .user-chip{font-size:13px;font-weight:700;color:var(--ink);background:#fffdf8;border:1.5px solid var(--line);padding:8px 14px;border-radius:999px;}
.masthead-right .logout-icon{font-size:16px;color:#9a9184;text-decoration:none;transition:color .15s;}
.masthead-right .logout-icon:hover{color:var(--brick);}

/* ---------- Main Nav ---------- */
nav.mainnav{
  background:linear-gradient(180deg, #241C15, var(--ink));
  position:sticky; top:0; z-index:100;
  box-shadow:0 2px 14px rgba(23,18,14,.35);
}
nav.mainnav .wrap{
  display:flex; gap:0; overflow-x:auto;
  scrollbar-width:none;
}
nav.mainnav .wrap::-webkit-scrollbar{display:none;}
nav.mainnav a{
  color:rgba(246,241,231,.88);
  font-size:13.5px;
  font-weight:600;
  letter-spacing:.03em;
  padding:14px 17px;
  white-space:nowrap;
  position:relative;
  transition:color .2s;
}
nav.mainnav a::after{
  content:'';
  position:absolute; left:50%; bottom:0;
  width:0; height:3px;
  background:var(--gold);
  transition:width .22s ease, left .22s ease;
}
nav.mainnav a:hover{color:var(--gold-soft);}
nav.mainnav a:hover::after, nav.mainnav a.now::after{width:calc(100% - 24px); left:12px;}
nav.mainnav a.now{color:var(--gold);}
nav.mainnav .home-ico{margin-right:4px;}

/* ---------- Breaking ticker ---------- */
.ticker{
  background:var(--ink);
  color:var(--paper);
  display:flex;
  align-items:stretch;
  font-size:13px;
  border-bottom:3px solid #e53935;
}
.ticker .tag{
  background:#e53935;
  color:#fff;
  font-weight:800;
  letter-spacing:.06em;
  padding:10px 18px;
  flex-shrink:0;
  font-size:12px;
  display:flex; align-items:center; gap:8px;
}
.blink-dot{
  width:8px; height:8px; border-radius:50%;
  background:var(--brick-deep);
  animation:blinkDot 1s steps(2) infinite;
}
@keyframes blinkDot{50%{opacity:.25;}}
.ticker-track{
  overflow:hidden;
  white-space:nowrap;
  flex:1;
  position:relative;
  display:flex; align-items:center;
}
.ticker-inner{
  display:inline-block;
  padding-left:100%;
  animation:scrollTicker 40s linear infinite;
}
.ticker-track:hover .ticker-inner{animation-play-state:paused;}
.ticker-inner span{margin-right:52px; opacity:.92; color:#fff;}
.ticker-inner b{color:#e53935; font-size:9px; vertical-align:middle;}
.ticker-inner a{color:rgba(255,255,255,.9);}
.ticker-inner a:hover{color:var(--gold);}
@keyframes scrollTicker{
  0%{transform:translateX(0);}
  100%{transform:translateX(-100%);}
}

/* ---------- Divider ---------- */
.divider{
  height:12px;
  margin:0 auto;
  max-width:1180px;
  background-image:repeating-linear-gradient(135deg, var(--gold) 0 6px, transparent 6px 14px);
  opacity:.5;
}

.page-body{min-height:50vh;}

/* ---------- Live / Latest section ---------- */
.live-section{
  background:
    radial-gradient(900px 300px at 85% -60px, rgba(201,162,75,.09), transparent),
    linear-gradient(180deg, #1D1712, var(--ink));
  padding:24px 0;
  border-bottom:3px solid var(--gold);
}
.live-head{
  display:flex; align-items:center; gap:12px;
  margin-bottom:14px;
}
.live-head h2{
  color:var(--paper);
  font-family:var(--serif-hi);
  font-size:22px;
  letter-spacing:.02em;
}
.live-updated{
  font-size:11px; color:var(--gold-soft); font-weight:700;
  letter-spacing:.08em; text-transform:uppercase;
  border:1px solid rgba(228,206,148,.35);
  padding:3px 10px; border-radius:999px;
}
.live-dot{
  width:10px; height:10px; border-radius:50%;
  background:#e33;
  box-shadow:0 0 0 0 rgba(238,51,51,.6);
  animation:pulseDot 1.6s infinite;
  flex-shrink:0;
}
@keyframes pulseDot{
  0%{box-shadow:0 0 0 0 rgba(238,51,51,.55);}
  70%{box-shadow:0 0 0 10px rgba(238,51,51,0);}
  100%{box-shadow:0 0 0 0 rgba(238,51,51,0);}
}
.live-feed{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:2px 32px;
  max-height:280px;
  overflow:hidden;
}
.live-item{
  display:flex; gap:12px; align-items:baseline;
  padding:8px 0;
  border-bottom:1px dashed rgba(243,237,226,.16);
}
.live-time{
  color:var(--gold);
  font-weight:800;
  font-size:11.5px;
  flex-shrink:0;
  font-variant-numeric:tabular-nums;
  background:rgba(201,162,75,.12);
  padding:2px 8px;
  border-radius:4px;
}
.live-text{font-size:13.5px; line-height:1.5; color:rgba(243,237,226,.92); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; display:block;}
.live-text a:hover{color:var(--gold-soft);}

/* ---------- Hero Slideshow ---------- */
.hero-slideshow{
  position:relative;overflow:hidden;
  height:520px;background:#000;
  margin:0;width:100%;max-width:100%;
}
.hero-slides{position:relative;width:100%;height:100%;}
.hero-slide{
  position:absolute;top:0;left:0;width:100%;height:100%;
  opacity:0;transition:opacity .8s ease;z-index:1;
  display:block;text-decoration:none;color:#fff;
}
.hero-slide.active{opacity:1;z-index:2;}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center 30%;}
.hero-slide-overlay{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.5) 40%,transparent 100%);
  padding:60px 36px 28px;
}
.hero-slide-cat{
  display:inline-block;background:var(--brick);color:#fff;
  font-size:10px;font-weight:800;text-transform:uppercase;
  letter-spacing:.1em;padding:3px 10px;margin-bottom:8px;
}
.hero-slide-overlay h2{
  font-family:var(--serif-hi);font-size:24px;font-weight:700;
  color:#fff;line-height:1.3;text-shadow:0 2px 6px rgba(0,0,0,.5);
  max-width:650px;margin-bottom:6px;
}
.hero-slide-overlay p{
  font-size:13px;color:rgba(255,255,255,.85);line-height:1.5;
  max-width:580px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.hero-slide-meta{font-size:11px;color:rgba(255,255,255,.5);margin-top:5px;display:block;}
.hero-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:38px;height:38px;background:rgba(0,0,0,.4);color:#fff;
  border:none;border-radius:50%;font-size:18px;cursor:pointer;
  z-index:10;transition:background .2s;
  display:flex;align-items:center;justify-content:center;
}
.hero-nav:hover{background:var(--brick);}
.hero-prev{left:12px;}
.hero-next{right:12px;}
.hero-dots{
  position:absolute;bottom:10px;left:50%;transform:translateX(-50%);
  display:flex;gap:7px;z-index:10;
}
.hero-dot{
  width:9px;height:9px;border-radius:50%;
  border:2px solid rgba(255,255,255,.6);background:transparent;
  cursor:pointer;transition:all .2s;
}
.hero-dot.active{background:var(--gold);border-color:var(--gold);}
.hero-dot:hover{background:rgba(255,255,255,.5);}
@media(max-width:620px){
  .hero-slideshow{height:320px;}
  .hero-slide-overlay{padding:40px 16px 22px;}
  .hero-slide-overlay h2{font-size:19px;-webkit-line-clamp:2;}
  .hero-slide-overlay p{display:none;}
  .hero-nav{width:34px;height:34px;font-size:16px;}
  .hero-prev{left:8px;}.hero-next{right:8px;}
  .hero-dot{width:8px;height:8px;}
}
.eyebrow{
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#fff;
  background:linear-gradient(90deg, var(--brick), var(--brick-deep));
  padding:5px 14px;
  margin-bottom:14px;
  display:inline-block;
  clip-path:polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
}
.lead-img{
  display:block;
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  outline:1px solid #fff;
  box-shadow:8px 8px 0 rgba(201,162,75,.35);
  margin-bottom:18px;
}
.lead-img img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  transition:transform .5s ease;
}
.lead-story:hover .lead-img img{transform:scale(1.04);}
.lead-story h2{
  font-family:var(--serif-hi);
  font-size:31px;
  font-weight:700;
  line-height:1.28;
  margin-bottom:10px;
}
.lead-story h2 a:hover{color:var(--brick);}
.lead-story p{
  font-size:15px;
  line-height:1.7;
  color:#4c443a;
}
.byline{
  margin-top:12px;
  font-size:12px;
  color:#8a7f70;
  font-weight:600;
  letter-spacing:.04em;
  display:flex; align-items:center; gap:10px;
}
.cat-chip{
  background:var(--ink);
  color:var(--gold-soft);
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.08em;
  padding:3px 10px;
  border-radius:3px;
}
.hero-side{display:flex; flex-direction:column; gap:18px;}
.side-story{
  display:flex; gap:14px;
  border-bottom:1px solid var(--line);
  padding-bottom:16px;
}
.side-story:last-child{border-bottom:0; padding-bottom:0;}
.side-story img{
  width:124px; height:86px;
  object-fit:cover;
  flex-shrink:0;
  border:1px solid var(--line);
  transition:transform .3s;
}
.side-story:hover img{transform:scale(1.03);}
.side-story h3{
  font-family:var(--serif-hi);
  font-size:16.5px;
  font-weight:600;
  line-height:1.4;
}
.side-story h3 a:hover{color:var(--brick);}

/* ---------- Trending strip ---------- */
.trending-strip{
  background:linear-gradient(90deg, var(--brick-deep), var(--brick));
  padding:16px 0;
  margin-top:30px;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.12), inset 0 -3px 0 rgba(0,0,0,.15);
  overflow:hidden;
}
.trending-strip .wrap{display:flex; align-items:center; gap:18px;}
.trending-label{
  color:var(--gold-soft);
  font-weight:800;
  font-size:13px;
  letter-spacing:.08em;
  white-space:nowrap;
  text-transform:uppercase;
}
.trending-items{
  display:flex; gap:0;
  overflow-x:auto;
  flex:1;
  scrollbar-width:none;
  max-width:100%;
}
.trending-items::-webkit-scrollbar{display:none;}
.trend-item{
  display:flex; align-items:center; gap:10px;
  padding:4px 18px;
  border-right:1px solid rgba(255,255,255,.18);
  min-width:0;
}
.trend-item:first-child{padding-left:0;}
.trend-num{
  font-family:'Inter', sans-serif;
  font-size:26px;
  font-weight:800;
  color:rgba(228,206,148,.55);
  line-height:1;
  font-style:italic;
}
.trend-title{
  color:#fff;
  font-size:13px;
  font-weight:600;
  line-height:1.3;
  max-width:220px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:color .2s;
}
.trend-item:hover .trend-title{color:var(--gold-soft);}

/* ---------- Sections ---------- */
.section{padding:34px 0 8px;}
.section-head{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
}
.section-head h2{
  font-family:var(--serif-hi);
  font-size:25px;
  font-weight:700;
  letter-spacing:.01em;
  display:flex; align-items:center; gap:12px;
  white-space:nowrap;
}
.section-head .sq{
  width:14px; height:14px;
  background:linear-gradient(135deg, var(--brick), var(--brick-deep));
  transform:rotate(45deg);
  flex-shrink:0;
  box-shadow:3px 3px 0 rgba(201,162,75,.5);
}
.section-head::after{
  content:'';
  order:2;
  flex:1;
  height:3px;
  background:linear-gradient(90deg, var(--ink) 0%, var(--ink) 40%, transparent);
  opacity:.85;
}
.section-head .more{
  order:3;
  font-size:12.5px;
  font-weight:800;
  color:var(--brick);
  letter-spacing:.05em;
  text-transform:uppercase;
  white-space:nowrap;
}
.section-head .more .arr{transition:transform .2s; display:inline-block;}
.section-head .more:hover .arr{transform:translateX(4px);}
.card-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:24px;
}
.card{
  background:#fffdf8;
  border:1px solid var(--line);
  transition:transform .22s ease, box-shadow .22s ease;
  display:flex; flex-direction:column;
}
.card:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 34px rgba(23,18,14,.14);
}
.card-img{
  display:block;
  position:relative;
  overflow:hidden;
}
.card-img img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  transition:transform .45s ease;
}
.card:hover .card-img img{transform:scale(1.07);}
.card-cat-chip{
  position:absolute; left:0; bottom:0;
  background:linear-gradient(90deg, var(--ink), rgba(23,18,14,.82));
  color:var(--gold-soft);
  font-size:10px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  padding:5px 12px;
}
.card-body{padding:15px 17px 17px; display:flex; flex-direction:column; flex:1;}
.card h3{
  font-family:var(--serif-hi);
  font-size:16.5px;
  font-weight:600;
  line-height:1.42;
  margin-bottom:8px;
}
.card h3 a:hover{color:var(--brick);}
.card p{
  font-size:13px;
  line-height:1.55;
  color:#6b6255;
  margin-bottom:10px;
}
.card .byline{margin-top:auto;}

/* ---------- Category / Search listing ---------- */
.listing-head{padding:32px 0 4px;}
.listing-head h1{
  font-family:var(--serif-hi);
  font-size:36px;
  font-weight:700;
  display:flex; align-items:center; gap:14px;
}
.listing-head h1::before{
  content:'';
  width:16px; height:16px;
  background:linear-gradient(135deg, var(--brick), var(--brick-deep));
  transform:rotate(45deg);
  box-shadow:3px 3px 0 rgba(201,162,75,.5);
}
.listing-count{font-size:13px; color:#8a7f70; margin-top:10px; font-weight:600;}
.pager{
  display:flex; gap:10px;
  padding:28px 0 44px;
}
.pager a,.pager span{
  border:1.5px solid var(--ink);
  padding:9px 19px;
  font-size:13px;
  font-weight:700;
  transition:all .18s;
}
.pager a:hover{background:var(--ink); color:var(--gold);}
.pager span.cur{background:linear-gradient(180deg, var(--brick), var(--brick-deep)); border-color:var(--brick-deep); color:#fff;}

/* ---------- Breadcrumbs ---------- */
.crumbs{
  padding-top:22px;
  font-size:12.5px;
  color:#8a7f70;
  font-weight:600;
}
.crumbs a:hover{color:var(--brick);}
.crumbs span{margin:0 8px; color:var(--gold);}
.crumbs em{font-style:normal; color:var(--ink);}

/* ---------- Article page ---------- */
.article-layout{
  display:grid;
  grid-template-columns:1fr 320px;
  gap:32px;
  padding:26px 24px 50px;
  max-width:1200px;
}
.article-main{min-width:0;}
.article-wrap{
  max-width:840px;
  margin:0 auto;
  padding:26px 24px 50px;
}
.article-cat{
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#fff;
  background:linear-gradient(90deg, var(--brick), var(--brick-deep));
  padding:5px 14px;
  margin-bottom:16px;
  display:inline-block;
  clip-path:polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
}
.article-cat:hover{filter:brightness(1.12);}
.article-wrap h1{
  font-family:var(--serif-hi);
  font-size:37px;
  font-weight:700;
  line-height:1.28;
  margin-bottom:16px;
}
.article-meta{
  display:flex; gap:14px; flex-wrap:wrap;
  font-size:12.5px;
  color:#8a7f70;
  font-weight:600;
  letter-spacing:.03em;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:13px 0;
  margin-bottom:24px;
}
.meta-author{color:var(--teal); font-weight:700;}
.article-img{
  box-shadow:8px 8px 0 rgba(201,162,75,.35);
  border:1px solid var(--line);
  margin-bottom:26px;
}
.article-img img{width:100%;}
.article-content{
  font-size:17px;
  line-height:1.95;
  color:#2b251f;
}
.article-content p{margin-bottom:20px;}
.dropcap > p:first-of-type::first-letter{
  font-family:var(--serif-hi);
  float:left;
  font-size:64px;
  line-height:.85;
  font-weight:700;
  color:var(--brick);
  padding:6px 12px 0 0;
}
.article-content h2, .article-content h3{
  font-family:var(--serif-hi);
  margin:28px 0 12px;
}
.article-content img{margin:18px auto;}
.article-content ul, .article-content ol{margin:0 0 20px 24px;}
.article-content li{margin-bottom:6px;}
.article-content blockquote{
  border-left:4px solid var(--gold);
  background:linear-gradient(90deg, rgba(201,162,75,.08), transparent);
  padding:16px 20px;
  margin:0 0 20px;
  font-style:italic;
  font-family:var(--serif-hi);
  font-size:16.5px;
}
.article-content img{max-width:100%;height:auto;display:block;border-radius:6px;margin:18px auto;}
.article-content figure{margin:18px auto;text-align:center;max-width:100%;}
.article-content figure img{margin:0 auto;}
.article-content figcaption{display:block;font-size:14px;font-style:italic;color:#6b6249;margin:8px auto 0;text-align:center;}
.article-content table{
  width:100%;
  border-collapse:collapse;
  margin:0 0 20px;
  font-size:15px;
  line-height:1.6;
  background:#fffdf8;
  max-width:100%;
}
.article-content table th,
.article-content table td{
  border:1px solid rgba(23,18,14,.18);
  padding:10px 12px;
  text-align:left;
  vertical-align:top;
}
.article-content table th{
  background:#f6f1e7;
  font-weight:700;
  color:#17120E;
}
.article-content table tr:nth-child(even) td{background:#fbf8f0;}
.article-content .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 20px;}
.article-content .table-scroll table{margin:0;}
.article-content .video-responsive{
  position:relative;
  width:100%;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  margin:0 0 20px;
  border-radius:8px;
  background:#000;
}
.article-content .video-responsive iframe{
  position:absolute;
  top:0;left:0;
  width:100%;
  height:100%;
  border:0;
}
.article-share{
  display:flex; gap:10px; align-items:center; flex-wrap:wrap;
  margin-top:30px;
  padding-top:20px;
  border-top:3px double var(--ink);
  font-size:13px;
  font-weight:700;
}
.article-share .sh{
  padding:9px 18px;
  font-size:12.5px;
  border-radius:999px;
  color:#fff;
  transition:transform .15s, filter .15s;
}
.article-share .sh:hover{transform:translateY(-2px); filter:brightness(1.15);}
.sh.wa{background:#1faa53;}
.sh.tg{background:#229ED9;}
.sh.tw{background:#17120E;}
.sh.fb{background:#1877F2;}
.back-link{
  display:inline-block;
  margin-top:26px;
  font-size:13px;
  font-weight:700;
  color:var(--brick);
}
.back-link:hover{text-decoration:underline;}

/* ---------- Article Sidebar ---------- */
.article-sidebar{
  display:flex;flex-direction:column;gap:16px;
  position:sticky;top:80px;align-self:start;
  max-height:calc(100vh - 100px);overflow-y:auto;
  scrollbar-width:thin;
}
.sidebar-box{
  background:#fffdf8;
  border:1px solid var(--line);
  border-radius:8px;
  padding:18px;
}
.sidebar-ad-box{padding:12px;text-align:center;}
.sidebar-box h4{
  font-family:var(--serif-hi);
  font-size:15px;
  font-weight:700;
  color:var(--ink);
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:2px solid var(--gold);
  display:flex; align-items:center; gap:8px;
}
.sidebar-box h4 i{color:var(--brick);font-size:14px;}
.sidebar-ad-img{width:100%;border-radius:6px;height:auto;object-fit:contain;}

/* Sidebar Weather */
.sidebar-weather-main{display:flex;align-items:center;gap:14px;}
.sidebar-weather-icon{font-size:36px;}
.sidebar-weather-temp{font-size:24px;font-weight:700;font-family:'Amiri',serif;color:var(--ink);}
.sidebar-weather-desc{font-size:13px;color:#6b6255;margin-top:2px;}
.sidebar-weather-city{font-size:11px;color:#8a7f70;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;}

/* Sidebar Market */
.sidebar-market-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);}
.sidebar-market-item:last-child{border-bottom:0;}
.market-label{font-size:13px;font-weight:700;color:var(--ink);}
.market-value{font-size:13px;font-weight:700;}

/* Sidebar Newsletter */
.sidebar-newsletter p{font-size:13px;color:#6b6255;margin-bottom:12px;line-height:1.5;}
.sidebar-newsletter form{display:flex;flex-direction:column;gap:8px;}
.sidebar-newsletter input{padding:10px 14px;border:1.5px solid var(--line);border-radius:6px;font-size:13px;font-family:inherit;}
.sidebar-newsletter input:focus{outline:none;border-color:var(--gold);}
.sidebar-newsletter button{padding:10px;background:linear-gradient(180deg,var(--brick),var(--brick-deep));color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;}
.sidebar-newsletter button:hover{filter:brightness(1.1);}
.sidebar-trending{display:flex;flex-direction:column;gap:0;}
.sidebar-trend-item{
  display:flex;gap:12px;align-items:flex-start;
  padding:10px 0;
  border-bottom:1px solid var(--line);
  transition:background .15s;
}
.sidebar-trend-item:last-child{border-bottom:0;}
.sidebar-trend-item:hover{background:rgba(201,162,75,.05);}
.sidebar-trend-num{
  font-family:'Amiri',serif;
  font-size:22px;font-weight:700;
  color:var(--gold);
  opacity:.6;
  flex-shrink:0;
  width:28px;line-height:1;
}
.sidebar-trend-title{
  font-size:13px;font-weight:600;
  line-height:1.4;
  color:var(--ink);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.sidebar-trend-meta{
  font-size:11px;color:#8a7f70;
  margin-top:3px;
}
.sidebar-related{display:flex;flex-direction:column;gap:12px;}
.sidebar-related-item{
  display:flex;gap:10px;align-items:flex-start;
  transition:opacity .15s;
}
.sidebar-related-item:hover{opacity:.8;}
.sidebar-related-item img{
  width:70px;height:50px;
  object-fit:cover;border-radius:6px;
  flex-shrink:0;
  border:1px solid var(--line);
}
.sidebar-related-title{
  font-size:13px;font-weight:600;
  line-height:1.4;
  color:var(--ink);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.sidebar-related-meta{
  font-size:11px;color:#8a7f70;
  margin-top:3px;
}
@media(max-width:980px){
  .article-layout{grid-template-columns:1fr;}
  .article-sidebar{order:-1;}
}

/* ---------- India Layout (1 big + 5 side) ---------- */
.india-layout{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:24px;
}
.india-lead .card-img{position:relative;overflow:hidden;border-radius:8px;}
.india-lead .card-img img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .4s;}
.india-lead:hover .card-img img{transform:scale(1.03);}
.india-side{display:flex;flex-direction:column;gap:16px;}
.india-side .side-story{
  display:flex;gap:12px;
  border-bottom:1px solid var(--line);
  padding-bottom:14px;
}
.india-side .side-story:last-child{border-bottom:0;padding-bottom:0;}
.india-side .side-story img{width:110px;height:78px;object-fit:cover;border-radius:6px;flex-shrink:0;}
.india-side .side-story h3{font-family:var(--serif-hi);font-size:15px;line-height:1.4;font-weight:600;}
.india-side .side-story h3 a:hover{color:var(--brick);}

/* ---------- UP Layout (center big + left/right 2 each - Maverick style) ---------- */
.up-layout{
  display:grid;
  grid-template-columns:1fr 2fr 1fr;
  gap:12px;
  min-height:380px;
}
.up-left,.up-right{display:flex;flex-direction:column;gap:12px;}
.up-left .side-story,.up-right .side-story{
  flex:1;
  position:relative;
  overflow:hidden;
  border-radius:6px;
  cursor:pointer;
}
.up-left .side-story img,.up-right .side-story img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .5s;
}
.up-left .side-story:hover img,.up-right .side-story:hover img{transform:scale(1.06);}
.up-left .side-story .story-overlay,.up-right .side-story .story-overlay{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.3) 50%,transparent 100%);
  padding:30px 14px 12px;
}
.up-left .side-story .story-overlay h3,.up-right .side-story .story-overlay h3{
  font-family:var(--serif-hi);font-size:13px;font-weight:600;
  color:#fff;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.up-left .side-story .story-overlay .byline,.up-right .side-story .story-overlay .byline{
  font-size:10px;color:rgba(255,255,255,.7);margin-top:4px;
}
.up-center{
  position:relative;overflow:hidden;border-radius:6px;
  cursor:pointer;
}
.up-center img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .5s;
}
.up-center:hover img{transform:scale(1.04);}
.up-center .story-overlay{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.35) 55%,transparent 100%);
  padding:50px 24px 20px;
}
.up-center .story-overlay h2{
  font-family:var(--serif-hi);font-size:22px;font-weight:700;
  color:#fff;line-height:1.3;
  text-shadow:0 2px 8px rgba(0,0,0,.5);
  margin-bottom:6px;
}
.up-center .story-overlay p{
  font-size:13px;color:rgba(255,255,255,.85);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.up-center .story-overlay .byline{
  font-size:11px;color:rgba(255,255,255,.6);margin-top:6px;
}

/* ---------- Business Layout (1 big left + numbered list right) ---------- */
.biz-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;}
.biz-lead .card-img{border-radius:8px;overflow:hidden;}
.biz-lead .card-img img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .4s;}
.biz-lead:hover .card-img img{transform:scale(1.03);}
.biz-list{display:flex;flex-direction:column;}
.biz-item{
  display:flex;gap:12px;align-items:flex-start;
  padding:12px 0;border-bottom:1px solid var(--line);
  text-decoration:none;transition:background .15s;
}
.biz-item:last-child{border-bottom:0;}
.biz-item:hover{background:rgba(201,162,75,.04);}
.biz-num{font-family:'Amiri',serif;font-size:26px;font-weight:700;color:var(--gold);opacity:.5;flex-shrink:0;width:32px;line-height:1;}
.biz-title{font-family:var(--serif-hi);font-size:14px;font-weight:600;line-height:1.4;color:var(--ink);}
.biz-item:hover .biz-title{color:var(--brick);}

/* ---------- Sports Layout (1 big + 3 cards) ---------- */
.sports-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;}
.sports-lead .card-img{border-radius:8px;overflow:hidden;}
.sports-lead .card-img img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .4s;}
.sports-lead:hover .card-img img{transform:scale(1.03);}
.sports-grid{display:grid;grid-template-columns:1fr;gap:16px;}
.sports-grid .card{border-radius:8px;}
.sports-grid .card img{height:100px;}

/* ---------- Tech Layout (1 big + list with thumbnails) ---------- */
.tech-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;}
.tech-lead .card-img{border-radius:8px;overflow:hidden;}
.tech-lead .card-img img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .4s;}
.tech-lead:hover .card-img img{transform:scale(1.03);}
.tech-list{display:flex;flex-direction:column;gap:14px;}
.tech-item{display:flex;gap:12px;align-items:flex-start;}
.tech-item img{width:100px;height:72px;object-fit:cover;border-radius:6px;flex-shrink:0;}
.tech-item h4{font-family:var(--serif-hi);font-size:14px;font-weight:600;line-height:1.4;margin:0;}
.tech-item h4 a:hover{color:var(--brick);}

/* ---------- Entertainment Layout (4-5 big image cards) ---------- */
.ent-layout{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.ent-5{grid-template-columns:repeat(5,1fr);}
.ent-card .card-img{border-radius:8px;overflow:hidden;position:relative;}
.ent-card .card-img img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .4s;}
.ent-card:hover .card-img img{transform:scale(1.05);}
.ent-card .lead-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 55%,transparent 100%);padding:40px 14px 14px;}
.ent-card .lead-overlay h3{font-size:15px;font-weight:700;color:#fff;line-height:1.35;text-shadow:0 1px 6px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* ---------- Responsive for all layouts ---------- */
@media(max-width:980px){
  .article-layout{grid-template-columns:1fr;}
  .article-sidebar{display:none;}
  .india-layout{grid-template-columns:1fr;}
  .up-layout{grid-template-columns:1fr;}
  .up-left,.up-right{flex-direction:row;overflow-x:auto;}
  .up-left .side-story,.up-right .side-story{min-width:250px;min-height:180px;}
  .up-center{min-height:280px;}
  .card-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .biz-layout{grid-template-columns:1fr;}
  .sports-layout{grid-template-columns:1fr;}
  .tech-layout{grid-template-columns:1fr;}
  .ent-layout{grid-template-columns:repeat(2,1fr);}
  .ent-5{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:620px){
  .card-grid-4{grid-template-columns:1fr;}
  .india-side .side-story img{width:90px;height:64px;}
  .up-left .side-story img,.up-right .side-story img{height:110px;}
  .ent-layout{grid-template-columns:1fr;}
  .sports-grid .card img{height:80px;}
  .trending-strip .wrap{display:block;}
  .trending-label{margin-bottom:8px;}
  .trending-items{display:flex;flex-direction:column;gap:0;}
  .trend-item{padding:8px 12px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1);}
  .trend-item:last-child{border-bottom:0;}
  .trend-num{font-size:20px;width:28px;}
  .trend-title{max-width:100%;font-size:12.5px;}
}

/* ---------- YouTube Video Section ---------- */
.yt-section{padding:36px 0 44px;}
.yt-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start;}
.yt-main{background:#fffdf8;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s;}
.yt-main:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.1);}
.yt-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;}
.yt-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.yt-main h3{font-family:var(--serif-hi);font-size:17px;font-weight:700;padding:14px 16px;line-height:1.4;}
.yt-main h3 a:hover{color:var(--brick);}
.yt-list{display:flex;flex-direction:column;gap:12px;}
.yt-item{
  display:flex;gap:12px;align-items:flex-start;
  padding:10px 12px;background:#fffdf8;
  border:1px solid var(--line);border-radius:8px;
  transition:transform .2s,box-shadow .2s;
}
.yt-item:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,.08);}
.yt-thumb{position:relative;flex-shrink:0;width:130px;height:74px;overflow:hidden;border-radius:6px;}
.yt-thumb img{width:100%;height:100%;object-fit:cover;}
.yt-play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:34px;height:34px;background:rgba(220,38,38,.9);color:#fff;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:13px;box-shadow:0 2px 8px rgba(0,0,0,.3);
}
.yt-title{font-family:var(--serif-hi);font-size:13px;font-weight:600;line-height:1.4;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.yt-item:hover .yt-title{color:var(--brick);}
@media(max-width:980px){.yt-grid{grid-template-columns:1fr;}.yt-thumb{width:110px;height:62px;}}

/* ---------- Share Bazaar Page ---------- */
.sharebazaar-hero{
  background:linear-gradient(135deg,#1a3c34 0%,#0d2818 50%,#1a3c34 100%);
  padding:32px 0 0;
  border-bottom:4px solid #4caf50;
}
.sb-header h1{
  font-family:var(--serif-hi);font-size:36px;font-weight:800;
  color:#fff;margin-bottom:6px;
}
.sb-header p{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:20px;}
.sb-ticker-bar{
  display:flex;gap:24px;flex-wrap:wrap;
  padding:14px 0;
  border-top:1px solid rgba(76,175,80,.3);
}
.sb-ticker{
  display:flex;align-items:center;gap:10px;
  font-size:14px;color:rgba(255,255,255,.9);
}
.sb-ticker strong{color:#4caf50;font-size:12px;text-transform:uppercase;letter-spacing:.06em;}
.sb-chip{background:#4caf50 !important;}

/* ---------- Policy Pages ---------- */
.policy-page{padding:0 0 50px;}
.policy-header{
  background:linear-gradient(135deg,var(--ink) 0%,#2E4A52 100%);
  padding:40px 0 32px;margin-bottom:32px;text-align:center;
}
.policy-icon{font-size:48px;display:block;margin-bottom:12px;}
.policy-header h1{
  font-family:var(--serif-hi);font-size:36px;font-weight:800;
  color:#fff;margin-bottom:6px;
}
.policy-updated{font-size:13px;color:rgba(255,255,255,.6);}
.policy-layout{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:start;}
.policy-toc{
  position:sticky;top:80px;
  background:#fffdf8;border:1px solid var(--line);border-radius:8px;
  padding:18px;
}
.policy-toc h4{
  font-size:12px;font-weight:800;text-transform:uppercase;
  letter-spacing:.1em;color:var(--ink);margin-bottom:12px;
  padding-bottom:8px;border-bottom:2px solid var(--gold);
}
.policy-toc a{
  display:block;font-size:13px;color:#6b6255;
  padding:6px 0;border-bottom:1px solid var(--line);
  transition:color .15s,padding-left .15s;
}
.policy-toc a:last-child{border-bottom:0;}
.policy-toc a:hover{color:var(--brick);padding-left:6px;}
.policy-content{min-width:0;}
.policy-card{
  background:#fffdf8;border:1px solid var(--line);border-radius:10px;
  padding:24px 28px;margin-bottom:18px;
  transition:box-shadow .2s;
}
.policy-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.06);}
.policy-card h2{
  font-family:var(--serif-hi);font-size:19px;font-weight:700;
  color:var(--ink);margin-bottom:12px;
  display:flex;align-items:center;gap:12px;
}
.policy-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;background:var(--brick);color:#fff;
  font-size:13px;font-weight:800;border-radius:50%;flex-shrink:0;
}
.policy-card p{font-size:14.5px;line-height:1.8;color:#2b251f;margin-bottom:10px;}
.policy-list{display:flex;flex-direction:column;gap:8px;margin-top:8px;}
.policy-list-item{
  display:flex;align-items:flex-start;gap:10px;
  font-size:14px;line-height:1.6;color:#2b251f;
}
.policy-check{color:#4caf50;font-weight:800;flex-shrink:0;}
.policy-x{color:var(--brick);font-weight:800;flex-shrink:0;}
.policy-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.policy-tag{
  background:rgba(165,48,31,.08);color:var(--brick);
  font-size:12px;font-weight:700;padding:5px 12px;border-radius:4px;
}
.policy-email{
  display:inline-block;margin-top:8px;
  font-size:15px;font-weight:700;color:var(--brick);
}
.policy-email:hover{text-decoration:underline;}
@media(max-width:768px){
  .policy-layout{grid-template-columns:1fr;}
  .policy-toc{position:static;margin-bottom:20px;}
}

.empty-state{
  padding:70px 0 90px;
  text-align:center;
  color:#8a7f70;
}
.empty-state h2{
  font-family:var(--serif-hi);
  font-size:26px;
  color:var(--ink);
  margin-bottom:10px;
}

/* ---------- Footer ---------- */
footer{
  background:
    radial-gradient(900px 260px at 15% 0%, rgba(165,48,31,.14), transparent),
    linear-gradient(180deg, #1D1712, var(--ink));
  color:var(--paper);
  margin-top:48px;
  padding:0 0 0;
  border-top:4px solid var(--gold);
}
.footer-grid{
  display:grid;
  grid-template-columns:1.7fr 1fr 1fr 1fr;
  gap:36px;
  padding:46px 0 36px;
}
.footer-brand img{
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));
}
.footer-brand h1{
  font-family:'Amiri', serif;
  font-size:30px;
  margin:12px 0 10px;
}
.footer-brand .khaleefa{color:var(--gold);}
.footer-brand p{
  font-size:13px;
  line-height:1.8;
  opacity:.72;
}
.footer-social{display:flex; gap:10px; margin-top:16px;}
.footer-social a{
  width:36px; height:36px;
  border:1px solid rgba(228,206,148,.3);
  border-radius:50%;
  display:grid; place-items:center;
  font-size:14px;
  transition:all .2s;
}
.footer-social a:hover{background:var(--gold); color:var(--ink); border-color:var(--gold); transform:translateY(-2px);}
footer h4{
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:16px;
  display:flex; align-items:center; gap:8px;
}
footer h4::before{
  content:'';
  width:10px; height:2px;
  background:var(--brick);
}
footer ul{list-style:none;}
footer li{margin-bottom:10px;}
footer li a{
  font-size:13.5px;
  opacity:.78;
  transition:all .18s;
  display:inline-block;
}
footer li a:hover{opacity:1; color:var(--gold); transform:translateX(4px);}
footer li a.admin-login-link{
  margin-top:6px;
  padding:7px 14px;
  border:1.5px solid rgba(201,162,75,.55);
  border-radius:6px;
  opacity:1;
  color:var(--gold);
  font-weight:700;
  font-size:12.5px;
  letter-spacing:.04em;
  transition:all .18s;
}
footer li a.admin-login-link:hover{
  background:var(--gold);
  color:#17120E;
  transform:translateX(4px);
}
.footer-bottom{
  border-top:1px solid rgba(243,237,226,.14);
  padding:18px 0;
  display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap;
  font-size:12px;
  opacity:.62;
}

/* ---------- Back to top ---------- */
#backTop{
  position:fixed;
  right:22px; bottom:22px;
  width:48px; height:48px;
  border-radius:50%;
  border:2px solid var(--gold);
  background:var(--ink);
  color:var(--gold);
  font-size:19px;
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s, transform .2s;
  z-index:200;
  box-shadow:0 8px 22px rgba(23,18,14,.4);
}
#backTop.show{opacity:1; pointer-events:auto;}
#backTop:hover{transform:translateY(-3px); background:var(--brick); color:#fff; border-color:var(--brick);}

/* ---------- Ad Banners ---------- */
.ad-banner{
  margin:16px 0;
  text-align:center;
  overflow:hidden;
}
.ad-banner .wrap{padding:0 24px;}
.ad-img{
  width:100%;
  height:auto;
  max-height:80px;
  object-fit:contain;
  border-radius:6px;
  display:block;
  margin:0 auto;
}
.ad-top{padding:8px 0;background:rgba(23,18,14,.02);}
.ad-infeed{padding:8px 0;}
.ad-bottom{padding:8px 0;background:rgba(23,18,14,.02);}
.ad-after-breaking{padding:8px 0;}
.ad-article-top,.ad-article-bottom{margin:20px 0;}
@media(min-width:981px){
  .ad-img{max-width:100%;height:auto;}
}
@media(max-width:768px){
  .ad-placeholder{min-width:250px;padding:15px;}
  .ad-size{font-size:10px;}
}
.reveal{opacity:0; transform:translateY(18px); transition:opacity .55s ease, transform .55s ease;}
.reveal.in{opacity:1; transform:none;}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1; transform:none; transition:none;}
  .ticker-inner{animation-duration:120s;}
}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;}
  .card-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .live-feed{grid-template-columns:1fr;}
  .brand h1{font-size:36px;}
}
@media(max-width:620px){
  .brand h1{font-size:29px;}
  .mark{width:52px; height:52px;}
  .lead-story h2{font-size:24px;}
  .article-wrap h1{font-size:27px;}
  .card-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .search-mini input{width:104px;}
  nav.mainnav a{padding:12px 13px; font-size:12.5px;}
  .trending-strip .wrap{flex-direction:column; align-items:flex-start; gap:8px;}
  .dropcap > p:first-of-type::first-letter{font-size:52px;}
  .date-today{display:none;}
}

/* ---------- Nav dropdown ---------- */
.nav-wrap{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;}
.nav-wrap::-webkit-scrollbar{display:none;}
.nav-link{
  display:block;padding:14px 17px;color:rgba(246,241,231,.88);
  font-size:13.5px;font-weight:600;white-space:nowrap;
  transition:color .2s,background .2s;text-decoration:none;
  border-right:1px solid rgba(255,255,255,.08);
}
.nav-link:hover{color:var(--gold-soft);background:rgba(255,255,255,.06);}
.nav-share{color:#4caf50 !important;font-weight:800;}
.nav-share:hover{color:#81c784 !important;background:rgba(76,175,80,.12) !important;}
.nav-dd-wrap{position:relative;display:flex;align-items:center;}
.nav-dd-btn{cursor:pointer;}
.nav-dd-menu{
  display:none;position:absolute;top:100%;left:0;
  min-width:220px;background:#17120E;z-index:999;
  border:1px solid rgba(201,162,75,.3);
  border-top:3px solid #C9A24B;
  border-radius:0 0 8px 8px;
  box-shadow:0 12px 32px rgba(0,0,0,.5);
  padding:6px 0;
}
.nav-dd-item{
  display:block;padding:11px 20px;color:rgba(246,241,231,.85);
  font-size:13px;text-decoration:none;white-space:nowrap;
  transition:all .15s;
}
.nav-dd-item:hover{background:rgba(201,162,75,.12);color:var(--gold-soft);padding-left:26px;}

/* ---------- Lead overlay ---------- */
.lead-img{display:block; position:relative;}
.lead-overlay{
  position:absolute; bottom:0; left:0; right:0;
  background:linear-gradient(0deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.4) 60%, transparent 100%);
  padding:60px 24px 24px;
}
.lead-overlay h2{
  font-family:var(--serif-hi);
  font-size:26px; font-weight:700;
  color:#fff; line-height:1.3;
  text-shadow:0 2px 8px rgba(0,0,0,.5);
}

/* ---------- Weather widget ---------- */
.widgets-bar{
  background:var(--teal);
  color:#fff;
  padding:20px 0;
  border-bottom:3px solid var(--gold);
}
.widgets-bar .wrap{
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:16px;
}
.weather-main{display:flex; align-items:center; gap:20px;}
.weather-icon{font-size:44px; line-height:1;}
.weather-temp{
  font-size:38px; font-weight:700;
  font-family:'Amiri', serif;
  letter-spacing:-1px;
}
.weather-temp span{font-size:18px; font-weight:400; opacity:.8;}
.weather-desc{font-size:14px; opacity:.9; margin-top:2px;}
.weather-city{
  font-size:11px; text-transform:uppercase;
  letter-spacing:.08em; opacity:.7;
  font-weight:600;
}
.weather-forecast{display:flex; gap:18px; flex-wrap:wrap;}
.weather-day{text-align:center; min-width:60px;}
.weather-day .day{
  font-size:11px; font-weight:600;
  text-transform:uppercase; letter-spacing:.04em;
  opacity:.8; margin-bottom:4px;
}
.weather-day .wicon{font-size:24px; margin-bottom:2px;}
.weather-day .htemp{font-size:14px; font-weight:700;}
.weather-day .ltemp{font-size:12px; opacity:.7;}
@media(max-width:980px){
  .weather-forecast{gap:12px;}
}
@media(max-width:620px){
  .widgets-bar .wrap{flex-direction:column; align-items:flex-start; gap:12px;}
  .weather-forecast{overflow-x:auto; flex-wrap:nowrap;}
}

/* ---------- Market Page ---------- */
.market-full{max-width:1200px;margin:0 auto;padding:0 20px 40px;}
.market-hero{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;background:linear-gradient(135deg,#0d2818 0%,#1a3c34 50%,#0d2818 100%);padding:36px 32px;border-radius:12px;margin:20px 0;border:1px solid rgba(76,175,80,.3);}
.mh-kicker{font-size:12px;font-weight:800;color:#4caf50;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;}
.market-hero h1{font-family:var(--serif-hi);font-size:34px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:8px;}
.mh-sub{font-size:14px;color:rgba(255,255,255,.8);display:flex;align-items:center;gap:8px;}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:#4caf50;display:inline-block;animation:pulseDot 1.5s infinite;}
.mh-desc{font-size:13px;color:rgba(255,255,255,.5);margin-top:4px;}
.mh-right{text-align:right;}
.live-badge{display:inline-flex;align-items:center;gap:6px;background:#4caf50;color:#fff;font-size:12px;font-weight:800;padding:6px 14px;border-radius:20px;letter-spacing:.05em;margin-bottom:8px;}
.live-badge .dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:blinkDot 1s infinite;}
.live-badge.closed{background:#f44336;}
.live-badge.closed .dot{animation:none;}
.mkt-status{font-size:14px;font-weight:700;margin-bottom:6px;}
.ist-clock{font-size:28px;font-weight:700;color:#fff;font-family:'Inter',monospace;}
.ist-tag{font-size:11px;color:rgba(255,255,255,.5);vertical-align:super;}
.updated{font-size:11px;color:rgba(255,255,255,.4);margin-top:4px;}
.dash-section{background:#fffdf8;border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:20px;}
.dash-h2{font-family:var(--serif-hi);font-size:20px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px;color:var(--ink);}
.dash-h2::before{content:'';width:4px;height:20px;background:var(--brick);border-radius:2px;}
.dash-h2.up::before{background:#4caf50;}
.dash-h2.down::before{background:#f44336;}
.commodity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.commodity-header h2{font-family:var(--serif-hi);font-size:18px;font-weight:700;}
.commodity-tag{font-size:11px;background:#4caf50;color:#fff;padding:3px 10px;border-radius:20px;font-weight:700;}
.commodity-scroll{overflow-x:auto;}
.commodity-track{display:flex;gap:16px;min-width:max-content;}
.commodity-item{min-width:140px;padding:12px 16px;background:#f6f1e7;border-radius:8px;text-align:center;border:1px solid var(--line);}
.com-name{font-size:11px;font-weight:700;color:#6b6255;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;}
.com-price{font-size:18px;font-weight:800;color:var(--ink);}
.com-change{font-size:12px;font-weight:700;margin-top:2px;}
.com-price.up,.com-change.up{color:#4caf50;}
.com-price.down,.com-change.down{color:#f44336;}
.index-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.index-card{padding:16px;background:#f6f1e7;border-radius:8px;border:1px solid var(--line);text-align:center;transition:transform .2s,box-shadow .2s;}
.index-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08);}
.index-card.up{border-left:4px solid #4caf50;}
.index-card.down{border-left:4px solid #f44336;}
.idx-name{font-size:11px;font-weight:700;color:#6b6255;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;}
.idx-price{font-size:22px;font-weight:800;color:var(--ink);}
.idx-change{font-size:12px;font-weight:700;margin-top:4px;}
.idx-change.up{color:#4caf50;}
.idx-change.down{color:#f44336;}
.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.table-wrap{overflow-x:auto;}
.mkt-table{width:100%;border-collapse:collapse;}
.mkt-table th{padding:10px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b6255;text-align:left;border-bottom:2px solid var(--line);background:#f6f1e7;}
.mkt-table td{padding:10px 14px;font-size:13px;border-bottom:1px solid var(--line);}
.mkt-table tr:hover{background:rgba(201,162,75,.04);}
.mkt-table .up{color:#4caf50;font-weight:700;}
.mkt-table .down{color:#f44336;font-weight:700;}
.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.sector-card{padding:14px;background:#f6f1e7;border-radius:8px;border:1px solid var(--line);text-align:center;transition:transform .2s;}
.sector-card:hover{transform:translateY(-2px);}
.sector-card.up{border-top:3px solid #4caf50;}
.sector-card.down{border-top:3px solid #f44336;}
.sector-name{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.sector-pct{font-size:18px;font-weight:800;}
.sector-pct.up{color:#4caf50;}
.sector-pct.down{color:#f44336;}
.search-box-lg{margin-bottom:16px;}
.search-box-lg input{width:100%;padding:14px 18px;font-size:15px;border:2px solid var(--line);border-radius:8px;font-family:inherit;transition:border-color .2s;}
.search-box-lg input:focus{outline:none;border-color:var(--gold);}
.search-results{max-height:300px;overflow-y:auto;}
.search-item{padding:12px 16px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s;}
.search-item:hover{background:rgba(201,162,75,.08);}
.disclaimer{margin-top:20px;padding:12px 16px;background:#f6f1e7;border-radius:6px;font-size:11px;color:#8a7f70;text-align:center;}
@media(max-width:980px){.index-grid{grid-template-columns:repeat(3,1fr);}.sector-grid{grid-template-columns:repeat(2,1fr);}.overview-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:620px){.index-grid{grid-template-columns:repeat(2,1fr);}.market-hero{padding:24px 16px;}.market-hero h1{font-size:24px;}.ist-clock{font-size:22px;}}

/* ---------- Floating Chatbot ---------- */
.chatbot{position:fixed;bottom:20px;right:20px;z-index:999;}
.chatbot-btn{
  width:56px;height:56px;border-radius:50%;border:none;
  background:linear-gradient(135deg,var(--brick),var(--brick-deep));
  color:#fff;font-size:24px;cursor:pointer;
  box-shadow:0 6px 20px rgba(0,0,0,.3);
  transition:transform .2s,box-shadow .2s;
  display:flex;align-items:center;justify-content:center;
}
.chatbot-btn:hover{transform:scale(1.1);box-shadow:0 8px 28px rgba(0,0,0,.4);}
.chatbot-window{
  display:none;flex-direction:column;
  position:absolute;bottom:70px;right:0;
  width:360px;height:480px;
  background:#fffdf8;border:1px solid var(--line);
  border-radius:16px;overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.2);
}
.chatbot-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;
  background:linear-gradient(135deg,var(--ink),#2E4A52);
  color:#fff;font-size:14px;font-weight:700;
}
.chatbot-close{
  background:none;border:none;color:#fff;font-size:22px;
  cursor:pointer;line-height:1;
}
.chatbot-messages{
  flex:1;overflow-y:auto;padding:16px;
  display:flex;flex-direction:column;gap:10px;
}
.bot-msg{
  align-self:flex-start;
  background:#f0ebe1;color:var(--ink);
  padding:10px 14px;border-radius:14px 14px 14px 4px;
  font-size:13.5px;line-height:1.5;max-width:85%;
}
.user-msg{
  align-self:flex-end;
  background:linear-gradient(135deg,var(--brick),var(--brick-deep));
  color:#fff;
  padding:10px 14px;border-radius:14px 14px 4px 14px;
  font-size:13.5px;line-height:1.5;max-width:85%;
}
.typing{opacity:.6;font-style:italic;}
.chatbot-input{
  display:flex;gap:8px;padding:12px 14px;
  border-top:1px solid var(--line);background:#fff;
}
.chatbot-input input{
  flex:1;padding:10px 14px;border:1.5px solid var(--line);
  border-radius:24px;font-size:13px;font-family:inherit;
  outline:none;transition:border-color .2s;
}
.chatbot-input input:focus{border-color:var(--gold);}
.chatbot-input button{
  width:40px;height:40px;border:none;border-radius:50%;
  background:linear-gradient(135deg,var(--brick),var(--brick-deep));
  color:#fff;font-size:16px;cursor:pointer;
  transition:transform .15s;
}
.chatbot-input button:hover{transform:scale(1.08);}
@media(max-width:620px){
  .chatbot-window{width:320px;height:420px;}
}

.overview-card{
  padding:16px;background:#f6f1e7;border-radius:8px;
  border:1px solid var(--line);text-align:center;
}
.ov-label{font-size:11px;font-weight:700;color:#6b6255;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;}
.ov-value{font-size:18px;font-weight:800;color:var(--ink);}
.ov-value.up{color:#4caf50;}
.ov-value.down{color:#f44336;}

.sidebar-forecast{display:flex;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);}
.sidebar-forecast-day{flex:1;text-align:center;padding:8px 4px;background:#f6f1e7;border-radius:6px;}
.sidebar-forecast-day .fc-day{font-size:10px;font-weight:700;color:#8a7f70;text-transform:uppercase;margin-bottom:4px;}
.sidebar-forecast-day .fc-icon{font-size:18px;margin-bottom:2px;}
.sidebar-forecast-day .fc-temp{font-size:12px;font-weight:700;color:var(--ink);}
.sidebar-forecast-day .fc-low{font-size:10px;color:#8a7f70;}

/* Language Buttons */
.lang-buttons{display:flex;gap:4px;flex-wrap:wrap;}
.lang-btn{
  padding:4px 10px;border:1px solid rgba(201,162,75,.3);
  background:transparent;color:rgba(246,241,231,.7);
  font-size:11px;font-weight:600;cursor:pointer;
  border-radius:4px;transition:all .15s;
  font-family:inherit;
}
.lang-btn:hover,.lang-btn.active{
  background:var(--gold);color:var(--ink);
  border-color:var(--gold);
}

/* Language Buttons */
.lang-buttons{display:flex;gap:5px;flex-wrap:wrap;align-items:center;}
.lang-btn{
  padding:5px 12px;border:1.5px solid rgba(201,162,75,.4);
  background:transparent;color:rgba(246,241,231,.8);
  font-size:12px;font-weight:700;cursor:pointer;
  border-radius:20px;transition:all .2s;
  font-family:inherit;letter-spacing:.02em;
}
.lang-btn:hover,.lang-btn.active{
  background:var(--gold);color:var(--ink);
  border-color:var(--gold);
  box-shadow:0 2px 8px rgba(201,162,75,.3);
}

/* Contact Page */
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;}
.contact-card{
  background:#fffdf8;border:1px solid var(--line);border-radius:10px;
  padding:24px;text-align:center;transition:transform .2s,box-shadow .2s;
}
.contact-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.08);}
.contact-icon{font-size:32px;margin-bottom:10px;}
.contact-card h3{font-family:var(--serif-hi);font-size:16px;font-weight:700;margin-bottom:4px;}
.contact-card p{font-size:12px;color:#8a7f70;margin-bottom:8px;}
.contact-card a{font-size:14px;font-weight:700;color:var(--brick);}
.contact-card a:hover{text-decoration:underline;}
.contact-form-section{background:#fffdf8;border:1px solid var(--line);border-radius:10px;padding:32px;}
.contact-form-section h2{font-family:var(--serif-hi);font-size:22px;font-weight:700;margin-bottom:20px;}
.contact-form .form-row{margin-bottom:16px;}
.contact-form label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:#333;}
.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s;}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,75,.15);}
.submit-btn{
  padding:14px 32px;background:linear-gradient(180deg,var(--brick),var(--brick-deep));
  color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;
  cursor:pointer;font-family:inherit;transition:all .2s;
}
.submit-btn:hover{filter:brightness(1.1);transform:translateY(-1px);}
@media(max-width:980px){.contact-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:620px){.contact-grid{grid-template-columns:1fr;}}

/* Social Media Layout */
.social-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start;}
.social-lead{background:#fffdf8;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s;}
.social-lead:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.1);}
.social-lead .card-img{position:relative;overflow:hidden;}
.social-lead .card-img img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .4s;}
.social-lead:hover .card-img img{transform:scale(1.04);}
.social-lead .card-body{padding:16px;}
.social-lead .card-body p{font-size:14px;line-height:1.6;color:#4c443a;margin-bottom:8px;}
.social-grid{display:grid;grid-template-columns:1fr;gap:14px;}
.social-grid .card{display:flex;flex-direction:row;gap:12px;padding:10px;background:#fffdf8;border:1px solid var(--line);border-radius:8px;}
.social-grid .card .card-img{width:110px;height:80px;flex-shrink:0;border-radius:6px;overflow:hidden;}
.social-grid .card .card-img img{width:100%;height:100%;object-fit:cover;}
.social-grid .card .card-body{padding:0;display:flex;flex-direction:column;justify-content:center;}
.social-grid .card .card-body h3{font-size:14px;line-height:1.4;margin-bottom:4px;}
.social-grid .card .card-body .byline{margin-top:0;}
@media(max-width:980px){.social-layout{grid-template-columns:1fr;}}

/* Enhanced Banners */
.ad-banner{margin:16px 0;text-align:center;overflow:hidden;}
.ad-banner .wrap{padding:0 24px;}
.ad-img{
  width:100%;height:auto;max-height:80px;object-fit:contain;
  border-radius:6px;display:block;margin:0 auto;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  transition:transform .2s,box-shadow .2s;
}
.ad-img:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1);}
.sidebar-ad-img{width:100%;border-radius:6px;height:auto;object-fit:contain;}

/* World Layout */
.world-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:stretch;}
.world-lead{position:relative;overflow:hidden;border-radius:10px;cursor:pointer;}
.world-lead .card-img{position:relative;overflow:hidden;height:100%;}
.world-lead .card-img img{width:100%;height:100%;min-height:360px;object-fit:cover;transition:transform .5s;}
.world-lead:hover .card-img img{transform:scale(1.04);}
.world-lead .lead-overlay{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.45) 50%,transparent 100%);
  padding:60px 28px 24px;
}
.world-lead .lead-overlay .card-cat-chip{margin-bottom:8px;}
.world-lead .lead-overlay h2{font-size:26px;color:#fff;line-height:1.3;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.5);}
.world-lead .lead-overlay p{font-size:14px;color:rgba(255,255,255,.85);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.world-side{display:grid;grid-template-columns:1fr;gap:14px;}
.world-side-card{position:relative;overflow:hidden;border-radius:8px;cursor:pointer;}
.world-side-card a{display:block;position:relative;overflow:hidden;height:100%;}
.world-side-card img{width:100%;height:100%;min-height:110px;object-fit:cover;transition:transform .4s;}
.world-side-card:hover img{transform:scale(1.05);}
.world-side-overlay{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(0deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.3) 55%,transparent 100%);
  padding:30px 14px 12px;
}
.world-side-overlay h3{font-size:14px;color:#fff;line-height:1.35;text-shadow:0 1px 4px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
@media(max-width:980px){.world-layout{grid-template-columns:1fr;}.world-lead .card-img img{min-height:240px;}}