/*
Theme Name: KahoApp News
Theme URI: https://kahoapp.com/
Author: KahoApp
Description: Lightweight mobile-first Hindi local news portal theme inspired by modern large Hindi news portals. Original KahoApp design, not a clone.
Version: 4.2.0
Text Domain: kahoapp-news
*/
:root{--red:#d71920;--red2:#b70f16;--navy:#111b2e;--ink:#172033;--muted:#6b7280;--line:#e7e9ee;--bg:#f6f7f9;--card:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Hind",Arial,sans-serif;font-size:17px;line-height:1.55}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
.container{width:min(100% - 24px,var(--max));margin:auto}.top-strip{background:var(--navy);color:#fff;font-size:13px}.top-strip .inner{display:flex;justify-content:space-between;align-items:center;min-height:32px}.top-links{display:flex;gap:16px;overflow:auto;white-space:nowrap}
.site-head{background:#fff;border-bottom:1px solid var(--line)}.head-main{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:178px;max-height:58px;object-fit:contain}.brand-text{display:flex;flex-direction:column}.tagline{font-size:12px;color:var(--muted)}
.search-btn{border:0;background:var(--bg);border-radius:50%;width:42px;height:42px;font-size:21px;cursor:pointer}
.primary-nav{background:#fff;border-top:1px solid #f0f1f3;border-bottom:1px solid var(--line);overflow:auto}.primary-nav ul{display:flex;list-style:none;margin:0;padding:0;white-space:nowrap}.primary-nav li a{display:block;padding:11px 13px;font-weight:600}.primary-nav li a:hover,.primary-nav .active a{color:var(--red)}
.breaking{background:var(--red);color:#fff}.breaking .inner{display:flex;align-items:center;gap:10px;min-height:38px}.breaking-label{font-weight:800;white-space:nowrap;background:#9f0d13;padding:4px 10px;border-radius:3px}.ticker{overflow:hidden;white-space:nowrap;flex:1}.ticker span{display:inline-block;padding-left:100%;animation:ticker 22s linear infinite}@keyframes ticker{to{transform:translateX(-100%)}}
.ad-slot{background:#eceef2;border:1px dashed #cdd1d8;min-height:80px;display:flex;align-items:center;justify-content:center;color:#8a909a;font-size:13px;margin:14px 0}.ad-tall{min-height:120px}
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-top:16px}.hero-lead .story{height:100%}.hero-lead .thumb{aspect-ratio:16/10}.hero-lead h1{font-size:28px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hero-grid .story h3{font-size:17px}.story{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.03)}.story-body{padding:11px 13px}.story h1,.story h2,.story h3{margin:0 0 6px;line-height:1.22}.hero-main h1{font-size:28px}.hero-side h2{font-size:19px}.thumb{aspect-ratio:16/9;object-fit:cover;width:100%;background:#ddd}.meta{font-size:12px;color:var(--muted);margin-bottom:4px}.badge{display:inline-block;color:var(--red);font-weight:700;font-size:12px}
.section{margin-top:22px}.section-head{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--red);margin-bottom:12px}.section-head h2{margin:0;font-size:23px}.more{font-size:13px;color:var(--red);font-weight:700}
.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.news-list{display:grid;gap:10px}.list-card{display:grid;grid-template-columns:180px 1fr;gap:13px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:9px}.list-card h3{margin:2px 0 4px;font-size:19px;line-height:1.25}.list-card .thumb{height:112px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-4 .story h3{font-size:17px}
.side-box{background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:14px;overflow:hidden}.side-title{padding:9px 12px;background:var(--navy);color:#fff;font-weight:800}.side-box ol,.side-box ul{margin:0;padding:8px 14px 10px 34px}.side-box li{padding:7px 0;border-bottom:1px solid var(--line)}.side-box li:last-child{border:0}
.city-strip{display:flex;gap:8px;overflow:auto;padding:10px 0;white-space:nowrap}.city-pill{background:#fff;border:1px solid var(--line);border-radius:18px;padding:5px 12px;font-size:14px}.city-pill:hover{border-color:var(--red);color:var(--red)}
.single{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.single h1{font-size:38px;line-height:1.15;margin:6px 0 12px}.single .featured{width:100%;border-radius:7px;margin:12px 0}.article-content{font-size:19px;line-height:1.8}.article-content p{margin:0 0 18px}.share-row{display:flex;gap:8px;margin:12px 0}.share-row a{background:var(--navy);color:#fff;border-radius:4px;padding:6px 10px;font-size:13px}
.site-footer{background:var(--navy);color:#dce2ef;margin-top:30px;padding:28px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px}.site-footer h3{color:#fff;margin-top:0}.site-footer a{color:#dce2ef}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:20px;padding-top:12px;font-size:13px;color:#aeb8c9}
.empty{padding:35px;text-align:center;background:#fff;border:1px solid var(--line)}
@media(max-width:900px){.hero{grid-template-columns:1.4fr 1fr}.hero> :nth-child(3){display:none}.grid-4{grid-template-columns:repeat(2,1fr)}.news-layout{grid-template-columns:1fr 280px}.single h1{font-size:32px}}
@media(max-width:680px){body{font-size:16px}.container{width:min(100% - 16px,var(--max))}.top-links{display:none}.head-main{min-height:66px}.brand img{width:150px}.hero{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr 1fr}.hero-lead h1{font-size:24px}.news-layout{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}.list-card{grid-template-columns:120px 1fr}.list-card .thumb{height:82px}.list-card h3{font-size:16px}.single{padding:13px}.single h1{font-size:28px}.article-content{font-size:18px}.footer-grid{grid-template-columns:1fr}}
@media(max-width:430px){.grid-4{grid-template-columns:1fr}.list-card{grid-template-columns:105px 1fr}.list-card .thumb{height:72px}}

@media(max-width:680px){.hero-grid{gap:9px}.hero-grid .story-body{padding:8px 9px}.hero-grid .story h3{font-size:15px}.hero-lead h1{font-size:22px}.section{margin-top:20px}.section-head h2{font-size:21px}}