/* SHUNYA SHATABDI v3.1 — MOBILE & UI ENHANCEMENT CSS
   Targets: SE(375), iPhone14(393), Samsung(360/412), iPad(768/820/1024) */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:hidden;scroll-behavior:smooth}
body{overflow-x:hidden;width:100%;max-width:100vw;-webkit-font-smoothing:antialiased}

/* WEATHER+AQI BAR */
.weather-aqi-bar{background:linear-gradient(135deg,#0f172a,#1e3a5f,#0f172a);border-bottom:1px solid rgba(14,165,233,.4);display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 16px;font-family:'Rajdhani',sans-serif;font-size:13px;color:#e0f2fe;min-height:38px;overflow:hidden}
.waq-item{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:16px;background:rgba(255,255,255,.06);white-space:nowrap;font-weight:600;letter-spacing:.3px;border:1px solid rgba(255,255,255,.04)}
.waq-icon{font-size:15px;line-height:1}.waq-val{color:#fff;font-weight:800}.waq-unit{color:#94a3b8;font-size:11px}
.waq-loc{color:#38bdf8;font-weight:700;font-size:12px;letter-spacing:.5px}.waq-sep{color:rgba(255,255,255,.12);margin:0 1px}
.waq-aqi-good{color:#34d399}.waq-aqi-moderate{color:#fbbf24}.waq-aqi-poor{color:#fb923c}.waq-aqi-vpoor{color:#f87171}.waq-aqi-severe{color:#ef4444;font-weight:900}
[data-theme="dark"] .weather-aqi-bar{background:linear-gradient(135deg,#020617,#0c1a2e);border-bottom-color:rgba(30,64,175,.4)}

/* SOCIAL ICONS — 4-COL GRID */
.sg{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;margin:20px 0!important;justify-items:stretch}
.scard{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;border-radius:12px!important;justify-content:flex-start!important;min-height:48px;width:100%!important}
.si{width:32px!important;height:32px!important;border-radius:10px!important;flex-shrink:0}
.sinf{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important;min-width:0;overflow:hidden}
.sn{font-size:12px!important;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.scnt{font-size:11px!important;line-height:1;opacity:.8}

/* NEWS AUTHOR LINE */
.news-author-line{display:flex;align-items:center;gap:6px;font-family:'Rajdhani',sans-serif;font-size:12px;color:var(--text-muted);margin-top:6px}
.news-author-line .na-avatar{width:18px;height:18px;border-radius:50%;background:var(--grad-red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;flex-shrink:0}
.news-author-line .na-name{font-weight:700;color:#444}.news-author-line .na-time{color:#999;font-size:11px}
[data-theme="dark"] .news-author-line .na-name{color:#bbb}

/* REPORTER BOX */
.nd-reporter-box{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#fef2f2,#fff7ed);border:1px solid rgba(229,57,53,.1);border-radius:14px;padding:16px 20px;margin:16px 0}
.nd-reporter-box .rep-avatar{width:46px;height:46px;border-radius:50%;background:var(--grad-red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0;font-family:'Tiro Devanagari Hindi',serif}
.nd-reporter-box .rep-info{flex:1}.nd-reporter-box .rep-name{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:15px;color:#333}
.nd-reporter-box .rep-role{font-size:11px;color:#999;font-family:'Rajdhani',sans-serif}.nd-reporter-box .rep-time{font-size:12px;color:#888;margin-top:2px}
.nd-reporter-box .rep-update{font-size:10px;background:#E8F5E9;color:#2E7D32;padding:2px 8px;border-radius:10px;font-weight:600;display:inline-block;margin-left:4px}
[data-theme="dark"] .nd-reporter-box{background:linear-gradient(135deg,#1a1a2e,#16213e);border-color:rgba(255,255,255,.05)}
[data-theme="dark"] .nd-reporter-box .rep-name{color:#eee}

/* COLOR PANEL */
.ss-color-toggle{position:fixed;right:0;top:50%;transform:translateY(-50%);background:linear-gradient(180deg,#E53935,#C62828);color:#fff;border:none;padding:14px 6px;border-radius:12px 0 0 12px;cursor:pointer;z-index:1002;box-shadow:-3px 0 16px rgba(229,57,53,.3);writing-mode:vertical-rl;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:12px;letter-spacing:2px;display:flex;align-items:center;gap:6px}
.ss-color-panel{position:fixed;right:-290px;top:50%;transform:translateY(-50%);width:280px;background:#fff;border-radius:16px 0 0 16px;box-shadow:-6px 0 40px rgba(0,0,0,.18);z-index:1001;transition:right .35s cubic-bezier(.4,0,.2,1);padding:24px 20px;max-height:75vh;overflow-y:auto}
.ss-color-panel.open{right:0}
.ss-color-panel h3{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;margin-bottom:12px;color:#333}
.ss-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}
.ss-swatch{width:100%;aspect-ratio:1;border-radius:10px;cursor:pointer;border:2px solid transparent;transition:.25s}
.ss-swatch:hover{transform:scale(1.12)}.ss-swatch.active{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333}
.ss-crow{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ss-crow label{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:600;color:#666;min-width:65px}
.ss-crow input[type="color"]{width:40px;height:28px;border:1px solid #ddd;border-radius:6px;cursor:pointer;padding:2px}
[data-theme="dark"] .ss-color-panel{background:#1a1a2e}.ss-color-panel h3{color:inherit}

/* RESPONSIVE 1024 */
@media(max-width:1024px){.sg{grid-template-columns:repeat(4,1fr)!important}.hs{grid-template-columns:1fr}.ng{grid-template-columns:repeat(2,1fr)}.cg{grid-template-columns:1fr}.fg{grid-template-columns:repeat(2,1fr)}.mc{max-width:100%;padding:0 16px}}

/* RESPONSIVE 768 MOBILE */
@media(max-width:768px){
.main-header{position:sticky!important;top:0!important;z-index:99!important;overflow:hidden}
.header-inner{padding:8px 12px!important;gap:8px}.logo-icon{width:40px!important;height:40px!important;font-size:20px!important;border-radius:8px!important}
.logo-text-main{font-size:22px!important}.logo-text-sub{font-size:9px!important}.search-box{display:none!important}
.btn-live{padding:6px 12px!important;font-size:11px!important;border-radius:20px!important}.dm-toggle{width:32px!important;height:32px!important}
.header-right{gap:6px!important}
.main-nav{position:relative!important;top:auto!important}.nav-inner{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 8px!important}
.nav-inner::-webkit-scrollbar{display:none}.nav-item{padding:10px 14px!important;font-size:14px!important;white-space:nowrap}.nav-dd{display:none!important}
.breaking-ticker{height:38px!important}.ticker-label{padding:0 20px 0 10px!important;font-size:10px!important}.ticker-scroll span{font-size:13px!important;height:38px!important}
.mkt-strip{height:32px!important}.mkt-label{font-size:9px!important}.mkt-tag{padding:0 10px!important;font-size:11px!important;height:32px!important}
.weather-aqi-bar{padding:4px 8px!important;font-size:11px!important;min-height:32px!important;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.weather-aqi-bar::-webkit-scrollbar{display:none}.waq-item{padding:2px 7px!important;font-size:10px!important}.waq-icon{font-size:13px!important}
.hs{grid-template-columns:1fr!important;gap:12px!important}.hero-wrap{min-height:260px!important;border-radius:10px!important}
.htl{font-size:20px!important;line-height:1.3!important}.ho{padding:14px!important}.ht{font-size:11px!important}
.hero-nav{width:28px!important;height:28px!important}.hero-dots span{width:7px!important;height:7px!important}.hero-dots span.active{width:20px!important}
.hsid{gap:8px!important}.hsc .cimg{width:110px!important}.hsc .ctitle{font-size:15px!important}.hsc .cb{padding:10px!important}
.ng{grid-template-columns:1fr!important;gap:14px!important}.nc{border-radius:10px!important;overflow:hidden}
.ci{aspect-ratio:16/9!important}.cc{padding:14px 12px!important}.ch{font-size:16px!important;line-height:1.45!important}.ccat{font-size:11px!important}
.cg{grid-template-columns:1fr!important;gap:16px!important}.mc{padding:0 12px!important}
.sg{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin:16px 0!important}
.scard{padding:8px 10px!important;border-radius:10px!important;min-height:44px!important;gap:7px!important}
.si{width:28px!important;height:28px!important;border-radius:8px!important}
.sb{border-radius:10px!important}.sbh{font-size:17px!important}.ti{padding:10px!important}.tt{font-size:14px!important}
.fg{grid-template-columns:1fr!important;gap:20px!important}.fbot{flex-direction:column!important;gap:8px!important;text-align:center!important}
.footer{padding-bottom:75px!important;overflow-x:hidden!important}.footer-inner{padding:0 12px!important}
.nd{padding:16px 12px!important}.nd h1{font-size:22px!important;line-height:1.4!important;word-break:break-word}
.nd .nd-body{font-size:16px!important;line-height:1.85!important}.nd .nd-meta{flex-direction:column!important;gap:6px!important}
.cp{padding:20px 12px!important}.cp h1{font-size:24px!important}.cp p{font-size:15px!important}
.sh{flex-wrap:wrap!important}.st{font-size:20px!important}
.ap{flex-direction:column!important}.asb{width:100%!important}.af .fr{grid-template-columns:1fr!important}.stg{grid-template-columns:repeat(2,1fr)!important}
.nd-reporter-box{flex-direction:column!important;text-align:center;gap:10px;padding:14px!important}
.ss-color-panel{width:240px;right:-250px}.ss-color-panel.open{right:0}
.ad-slot{display:none!important}
.mobile-bottom-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;background:#fff!important;border-top:1px solid #e5e7eb!important;z-index:997!important;box-shadow:0 -2px 16px rgba(0,0,0,.08)!important;justify-content:center!important;height:56px}
body{padding-bottom:60px!important}.back-to-top{bottom:72px!important}
.live-modal{width:95%!important;border-radius:10px!important}
[data-theme="dark"] .mobile-bottom-nav{background:#111827!important;border-top-color:#1f2937!important}
}
@media(min-width:769px){.mobile-bottom-nav{display:none!important}}

/* 480 */
@media(max-width:480px){.htl{font-size:18px!important}.hero-wrap{min-height:240px!important}.hero-nav{display:none!important}.hero-counter{display:none!important}.logo-text-main{font-size:20px!important}.logo-icon{width:38px!important;height:38px!important}.btn-live{padding:5px 10px!important;font-size:10px!important}.ch{font-size:15px!important}.nd h1{font-size:20px!important}}

/* 375 iPhone SE */
@media(max-width:375px){.logo-text-main{font-size:18px!important}.logo-icon{width:34px!important;height:34px!important}.dm-toggle{width:28px!important;height:28px!important}.htl{font-size:17px!important}.hero-dots{display:none!important}.sg{gap:6px!important}.scard{padding:6px 8px!important;min-height:38px!important}.si{width:24px!important;height:24px!important}.sn{font-size:10px!important}.ch{font-size:14px!important}.nd h1{font-size:18px!important}}

/* 360 Samsung small */
@media(max-width:360px){.logo-text-main{font-size:17px!important}.logo-icon{width:32px!important;height:32px!important}.nav-item{padding:8px 10px!important;font-size:13px!important}.htl{font-size:16px!important}}

/* SCROLL PROGRESS */
.scroll-progress{position:fixed!important;top:0!important;left:0!important;height:3px!important;background:linear-gradient(90deg,#E53935,#FF6D00,#FFD600)!important;z-index:99999!important}

/* BACK TO TOP */
.back-to-top{position:fixed;bottom:76px;right:14px;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#E53935,#C62828);color:#fff;border:none;cursor:pointer;font-size:18px;z-index:996;opacity:0;visibility:hidden;transition:.3s;box-shadow:0 4px 16px rgba(229,57,53,.35);display:flex;align-items:center;justify-content:center}
.back-to-top.visible{opacity:1;visibility:visible}

@media print{.weather-aqi-bar,.ss-color-panel,.ss-color-toggle,.mobile-bottom-nav,.scroll-progress,.back-to-top{display:none!important}}

/* ══════════════════════════
   IMAGE QUALITY — SHARP, NO BLUR
   ══════════════════════════ */
/* Force high-quality rendering on all images */
img,.safe-img,.nd-real-img{
  image-rendering:auto;
  image-rendering:smooth;
  -ms-interpolation-mode:bicubic;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(0);
}
/* Card images — crisp cover */
.ci img,.cimg img,.hsc .cimg img{
  image-rendering:auto;
  object-fit:cover;
  object-position:center 20%;
}
/* Hero slide images — full quality */
.hero-slide img{
  image-rendering:auto;
  object-fit:cover;
  object-position:center 25%;
  width:100%;
  height:100%;
}
/* Detail page featured image — high quality contain */
.nd-real-img,.nd-media img{
  image-rendering:auto;
  object-fit:contain;
  max-height:600px;
  background:#f5f5f5;
}
/* Wiki injected figures — quality */
.wk-fig img{
  image-rendering:auto;
  object-fit:contain;
}
/* Prevent tiny images from stretching blurry — minimum source size indicator */
.ci img[src*="/200px-"],.ci img[src*="/220px-"],.ci img[src*="/300px-"],.ci img[src*="/400px-"]{
  image-rendering:auto;
  filter:none;
}