/* KhaberHindi V3.5 — authoritative mobile app experience */
@media (max-width:760px){
  :root{--app-bg:#f2f3f6;--app-card:#fff;--app-ink:#111318;--app-muted:#70757e;--app-red:#ed1c24}
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{background:var(--app-bg)!important;padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;color:var(--app-ink)}
  .kh-main{overflow:visible!important}.kh-shell{width:calc(100% - 24px)!important;max-width:none!important}
  .kh-desktop-head{display:none!important}.kh-mobile-head{display:block!important;position:sticky!important;top:0;z-index:1000;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px);box-shadow:0 5px 25px rgba(9,10,14,.08)}
  .kh-appbar{height:58px!important;grid-template-columns:40px minmax(0,1fr) 40px!important;padding:0 10px!important;border:0}
  .kh-icon-btn{width:36px!important;height:36px!important;border-radius:12px!important;background:#f0f1f4!important;color:#121318!important;font-size:18px!important}
  .kh-mobile-brand{min-width:0;gap:5px!important;transform:scale(.88)}
  .kh-mobile-brand .kh-ident.is-compact{width:39px!important;height:39px!important}.kh-mobile-brand .kh-globe{width:27px!important;height:27px!important}
  .kh-mobile-brand .kh-wordmark>b,.kh-mobile-brand .kh-wordmark>strong{font-size:19px!important}.kh-mobile-brand .kh-wordmark>small{font-size:7px!important;padding:2px 3px!important}.kh-mobile-brand .kh-wordmark{filter:none!important;color:#111!important}
  .kh-mobile-live{height:34px!important;padding:0 12px!important;grid-template-columns:auto minmax(0,1fr) auto!important;background:linear-gradient(90deg,#090a0e,#181a20)!important;border:0!important}
  .kh-mobile-live>span{font-size:9px!important;color:#ff5761!important}.kh-mobile-live>div{display:flex!important;flex-direction:row!important;gap:8px!important;align-items:center;min-width:0}.kh-mobile-live>div b{font-size:11px!important;color:#fff}.kh-mobile-live>div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9297a0!important}
  .kh-mobile-live>button{background:#ed1c24!important;color:#fff!important;padding:5px 9px!important;border-radius:7px!important;font-size:8px!important}
  .kh-mobile-topics{height:43px!important;padding:0 10px!important;gap:7px!important;border-bottom:0!important;background:#fff}.kh-mobile-topics a{padding:6px 10px!important;border:1px solid #e8e9ed!important;background:#fff!important;font-size:11px!important}.kh-mobile-topics a.active{background:#121318!important;color:#fff!important;border-color:#121318!important}

  .kh-breaking{margin:8px 8px 0!important;background:#fff!important;border-radius:15px!important;overflow:hidden!important;box-shadow:0 5px 18px rgba(0,0,0,.045)}
  .kh-breaking-row{width:100%!important;height:44px!important;min-height:44px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;padding:0!important;border-radius:0!important;box-shadow:none!important;gap:0!important}
  .kh-breaking-row>b{padding:0 10px!important;background:#ed1c24!important}.kh-breaking-row>b span{font-size:8px!important}.kh-breaking-viewport{height:44px!important}.kh-breaking-group{padding:0 15px!important;gap:18px!important}.kh-breaking-group a{font-size:11px!important}.kh-breaking-more{display:none!important}
  .kh-topic-band{display:none!important}

  .kh-theatre-wrap{padding:10px 0 6px!important;background:transparent!important}.kh-theatre{width:100%!important;display:block!important}.kh-theatre-label{display:none!important}
  .kh-lead{margin:0 10px!important;width:calc(100% - 20px)!important;min-height:430px!important;border-radius:24px!important;background:#16181e!important;box-shadow:0 16px 44px rgba(0,0,0,.16)!important}
  .kh-lead-media img{object-fit:cover!important}.kh-lead-vignette{background:linear-gradient(180deg,rgba(0,0,0,.04) 25%,rgba(4,5,7,.92) 100%)!important}
  .kh-lead-copy{padding:24px 19px!important}.kh-lead-copy>span{font-size:9px!important;padding:5px 8px!important}.kh-lead-copy h1{font-size:28px!important;line-height:1.17!important;letter-spacing:-.025em!important;margin:10px 0!important}.kh-lead-copy p{font-size:12px!important;line-height:1.55!important;-webkit-line-clamp:2!important}.kh-lead-meta{font-size:10px!important}
  .kh-side-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:10px!important;padding:12px 10px 14px!important;scrollbar-width:none}.kh-side-grid::-webkit-scrollbar{display:none}
  .kh-side-story{display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;min-width:86%!important;height:122px!important;scroll-snap-align:center;background:#fff!important;border:1px solid #e7e8ec!important;border-radius:17px!important;padding:8px!important;gap:10px!important;color:#111!important;box-shadow:0 6px 18px rgba(0,0,0,.035)!important}
  .kh-side-thumb{height:104px!important;min-height:0!important;border-radius:12px!important}.kh-side-story>div:last-child{padding:4px 0!important}.kh-side-story h2{font-size:14px!important;line-height:1.35!important;-webkit-line-clamp:3!important}.kh-side-story small{display:block!important;font-size:9px!important}.kh-live-rail{display:none!important}

  .kh-section{padding-top:32px!important;padding-bottom:0}.kh-section-head{margin-bottom:13px!important;align-items:flex-end!important}.kh-section-head h2{font-size:23px!important;margin:3px 0 0!important}.kh-section-head>div>span{font-size:7px!important;letter-spacing:.14em}.kh-section-head>a{font-size:10px!important}
  .kh-top-stories{padding-top:26px!important}.kh-bento{gap:11px!important;margin-right:-12px!important;padding:0 12px 4px 0!important}.kh-bento-card,.kh-bento-card.bento-1,.kh-bento-card.bento-4,.kh-bento-card.bento-5{min-width:84%!important;height:330px!important;border-radius:22px!important}.kh-bento-card:not(.bento-1){min-width:72%!important;height:300px!important}.kh-bento-copy{padding:18px!important}.kh-bento-copy h3,.bento-1 .kh-bento-copy h3{font-size:20px!important;line-height:1.3!important}
  .kh-visual-zone{margin-top:34px!important;padding:32px 0 38px!important;background:linear-gradient(145deg,#0b0c10,#191b22)!important}.kh-visual-rail{gap:11px!important;margin-right:-12px!important}.kh-visual-card,.kh-visual-card:nth-child(n+5){min-width:62%!important}.kh-visual-card>div{height:300px!important;border-radius:20px!important}.kh-visual-card h3{font-size:14px!important;line-height:1.4!important}

  .kh-latest-layout{padding-top:32px!important}.kh-feed{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:3px 13px}.kh-feed-card{grid-template-columns:112px minmax(0,1fr)!important;gap:12px!important;padding:13px 0!important;border-bottom:1px solid #eceef1!important}.kh-feed-card:last-child{border:0!important}.kh-feed-thumb{height:90px!important;border-radius:13px!important;background:#e8e9ec!important}.kh-feed-copy h3{font-size:15px!important;line-height:1.38!important;margin:5px 0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kh-feed-copy p,.kh-read-link{display:none!important}.kh-latest-aside{display:none!important}
  .kh-category-zone.tone{margin:30px 8px 0!important;width:calc(100% - 16px)!important;padding:20px 12px!important;border-radius:22px!important}.kh-category-feature{gap:11px!important}.kh-category-card,.kh-category-card.major{min-width:76%!important}.kh-category-card>div,.kh-category-card.major>div{height:190px!important;border-radius:18px!important}.kh-category-card h3,.kh-category-card.major h3{font-size:17px!important;line-height:1.4!important}

  .kh-newsletter{margin:38px 10px 28px!important;width:calc(100% - 20px)!important;padding:26px 20px!important;border-radius:23px!important}.kh-newsletter h2{font-size:25px!important;line-height:1.3!important}.kh-newsletter p{font-size:12px!important}.kh-newsletter form{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.kh-newsletter input,.kh-newsletter button{width:100%!important;border-radius:12px!important;padding:13px!important}
  .kh-footer{margin-top:0!important;padding:34px 0 102px!important}.kh-footer-grid{display:block!important}.kh-footer-col{display:none!important}.kh-footer-app{margin-top:22px!important;padding-top:20px!important}.kh-footer-bottom{margin-top:26px!important;display:block!important}

  .kh-bottom-nav{display:grid!important;position:fixed!important;left:8px!important;right:8px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;height:64px!important;z-index:1800!important;grid-template-columns:repeat(5,1fr)!important;padding:5px!important;border-radius:20px!important;background:rgba(10,11,15,.96)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 18px 50px rgba(0,0,0,.34)!important}.kh-bottom-nav a,.kh-bottom-nav button{min-width:0!important;color:#898e98!important}.kh-bottom-nav .active{color:#fff!important}.kh-bottom-nav b{font-size:16px!important}.kh-bottom-nav span{font-size:8px!important}
  .install-sheet.kh-install-sheet{left:9px!important;right:9px!important;bottom:calc(79px + env(safe-area-inset-bottom))!important;width:auto!important;transform:translateY(160%)!important;grid-template-columns:45px minmax(0,1fr) auto!important;padding:12px!important;border-radius:20px!important;gap:10px!important;z-index:1900!important}.install-sheet.kh-install-sheet.show{transform:translateY(0)!important}.kh-install-logo{width:45px!important;height:45px!important}.install-sheet b{font-size:12px}.install-sheet p{font-size:9px!important;line-height:1.35}.install-sheet>button:not(.install-close){padding:9px 10px!important;font-size:10px!important}

  .kh-newsletter-modal{align-items:end!important;padding:8px!important}.kh-newsletter-card{width:100%!important;max-height:88vh!important;min-height:0!important;border-radius:25px!important;grid-template-columns:1fr!important}.kh-newsletter-visual{min-height:145px!important;padding:24px!important}.kh-newsletter-visual>b{font-size:28px!important;margin:10px 0!important}.kh-newsletter-copy{padding:26px 22px!important}.kh-newsletter-copy h2{font-size:27px!important}.kh-newsletter-copy p{font-size:12px!important;margin-bottom:16px!important}

  /* Story screen */
  .kh-story-stage{padding:23px 0 30px!important}.kh-story-head{width:calc(100% - 28px)!important}.kh-breadcrumbs{margin-bottom:18px!important}.kh-story-head h1{font-size:31px!important;line-height:1.18!important;letter-spacing:-.025em!important}.kh-story-head>h2{font-size:16px!important}.kh-story-dek{font-size:14px!important}.kh-story-meta{align-items:flex-start!important}.kh-story-meta small{font-size:9px!important}.kh-share{font-size:10px!important;padding:8px 10px!important}
  .kh-story-cover{width:100%!important;margin:0!important}.kh-story-cover img{width:100%!important;max-height:420px!important;border-radius:0!important;object-fit:cover!important}.kh-story-grid{display:block!important;width:100%!important;padding:0 0 44px!important}.kh-share-rail,.kh-story-aside{display:none!important}.kh-story-content{background:#fff!important;padding:25px 17px!important}.kh-story-body{font-size:18px!important;line-height:1.85!important;overflow-wrap:anywhere}.kh-story-body>p:first-child{font-size:19px!important}.kh-story-body h2{font-size:25px!important}.kh-story-body img{width:calc(100% + 34px)!important;max-width:none!important;margin-left:-17px!important;border-radius:0!important;height:auto!important}.kh-story-body iframe{width:100%!important}.kh-story-body blockquote{font-size:21px!important;padding-left:18px!important}.kh-story-nav{grid-template-columns:1fr!important}.kh-more-zone{padding:34px 0 40px!important}.kh-more-card{min-width:78%!important}

  .kh-image-fallback{object-fit:cover!important;background:#11131a!important}
}

@media (max-width:380px){
  .kh-mobile-brand{transform:scale(.8)}.kh-lead{min-height:395px!important}.kh-lead-copy h1{font-size:25px!important}.kh-side-story{min-width:92%!important}.kh-feed-card{grid-template-columns:100px minmax(0,1fr)!important}.kh-feed-thumb{height:84px!important}.kh-story-head h1{font-size:28px!important}
}

@media (display-mode:standalone) and (max-width:760px){
  .kh-mobile-head{padding-top:env(safe-area-inset-top)}.kh-mobile-live>button,[data-install-sheet]{display:none!important}.kh-bottom-nav button[data-install-btn]{display:none!important}.kh-bottom-nav{grid-template-columns:repeat(4,1fr)!important}
}