
/* DharmicPulse: white page, the logo's oxblood #4A0B16 and gold #D9A441, the logo's font Outfit (Noto Sans for Indian
   scripts): all served from /assets/fonts/, nothing loaded from another site. */
:root{--navy:#4A0B16;--blue:#B4741A;--ink:#2A0A10;--text:#3A1A20;--muted:#7A5A48;--line:#EBD9A6;--soft:#FFF7DF;--bg:#fff;--fs:17px;
--head:'Outfit','Noto Sans Devanagari','Noto Sans Telugu','Noto Sans Tamil','Noto Sans Kannada',system-ui,sans-serif;
--ui:'Outfit','Noto Sans Devanagari','Noto Sans Telugu','Noto Sans Tamil','Noto Sans Kannada',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
--body:'Outfit','Noto Sans Devanagari','Noto Sans Telugu','Noto Sans Tamil','Noto Sans Kannada',system-ui,sans-serif}
/* language switch */
.lsw{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.lsw button{font:500 .8rem var(--ui);padding:5px 12px;border-radius:999px;border:1px solid #D9A441;background:transparent;color:#F7D774;cursor:pointer}
.lsw button.on{background:linear-gradient(180deg,#FFE28A,#E8B040);color:#4A0B16;border-color:#E8B040;font-weight:600}
.langbar{background:#4A0B16;border-bottom:3px solid #D9A441}.langbar .bar{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding-top:6px;padding-bottom:6px}
.langbar span{color:#FBEFCB;font-size:.8rem}
*{box-sizing:border-box}html{font-size:var(--fs);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ui);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}
img,video{max-width:100%;height:auto;display:block}
h1,h2,h3,.hl{font-family:var(--head);font-weight:700;line-height:1.25;margin:0;letter-spacing:-.005em;overflow-wrap:anywhere}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.bar{max-width:none;padding:0 26px}
.m-only{display:none}
/* 1. black top bar: TRENDING ticker + quick links */
.topbar{background:#4A0B16;color:#fff;font-size:.76rem}
.topbar .bar{display:flex;align-items:center;gap:18px;height:36px}
.topbar b{font-weight:700;letter-spacing:.08em;flex:none}
.tick{flex:1;overflow:hidden;white-space:nowrap;min-width:0}
.tick .run{display:inline-block;animation:run 80s linear infinite}.tick:hover .run{animation-play-state:paused}
.tick a{margin-right:56px;color:#e6e6e6}.tick a:hover{color:#fff}
@keyframes run{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tick .run{animation:none}}
.toplinks{display:flex;gap:22px;flex:none}.toplinks a{color:#fff;font-weight:500}.toplinks a:hover{color:#F7D774}
/* 2. logo row: social icons left, logo centred, follow button right */
.brand{background:#fff;border-bottom:1px solid var(--line)}
.brand .bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:88px}
.brand .bar>:last-child{justify-self:end;display:flex;align-items:center}
.soc{display:flex;gap:8px}
.soc a{width:34px;height:34px;border:1px solid #dcdde0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#111}
.soc a:hover{border-color:var(--blue);color:var(--blue)}.soc svg{width:15px;height:15px;fill:currentColor}
.logo{display:block}.logo img{height:64px;width:auto;max-width:none}.logo .dk{display:none}
.cta{background:var(--blue);color:#fff;font-weight:700;font-size:.68rem;letter-spacing:.1em;padding:11px 16px;
border-radius:3px;text-transform:uppercase}.cta:hover{background:var(--navy);color:#fff}
.ib{background:none;border:0;padding:8px;cursor:pointer;color:#111;align-items:center;justify-content:center;font:inherit}
.ib svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
/* 3. menu row: date left, sections centred, search + menu right */
.nav{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 5px rgba(0,0,0,.04);position:sticky;top:0;z-index:20}
.nav .bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px}
.today{font-size:.76rem;color:#3c3f45}
.links{display:flex}.links a{padding:13px 13px;font-weight:600;font-size:.84rem;white-space:nowrap}.links a.on{color:var(--blue)}
.nav .tools{justify-self:end;display:flex;align-items:center}.nav .ib{display:inline-flex}
.menu{display:none;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 8px 18px rgba(0,0,0,.06)}
.menu.open{display:block}
.menu .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 28px;padding-top:22px;padding-bottom:24px}
.menu h4{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-weight:700}
.menu a{display:block;padding:5px 0;font-weight:500;font-size:.9rem}
.fsz{display:flex;gap:8px;margin-bottom:12px}
.fsz button,.dwrap{border:1px solid #dcdde0;background:#fff;border-radius:3px;height:36px;padding:0 12px;font:inherit;font-size:.82rem;font-weight:600;
color:#111;cursor:pointer}
.dwrap{position:relative;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.dpick{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;padding:0;cursor:pointer}
/* shared small text */
.lab{font-family:var(--ui);font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--blue)}
.meta{font-family:var(--ui);font-size:.68rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 7px;align-items:center}
.meta b{color:#111;font-weight:600}.meta i{font-style:normal;color:#b3b6bb}
.im{display:block;overflow:hidden;background:var(--soft)}
/* thumbnails show the TOP of the news card (masthead + headline) in an even frame; the article page shows the whole card */
.im img{width:100%;height:100%;object-fit:cover;object-position:top center}
/* 4. strip of four top stories */
.strip{background:var(--soft);border-bottom:1px solid var(--line)}
.strip .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:22px;padding-bottom:22px}
.sitem{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:14px;padding:0 20px;border-left:1px solid var(--line);align-items:start}
.sitem:first-child{border-left:0;padding-left:0}.sitem:last-child{padding-right:0}
.sitem .im{width:66px;height:54px}
.sitem h3{font-size:.84rem;line-height:1.36;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* 5. lead story · middle column · JUST IN */
.topgrid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,1fr) minmax(0,1fr);margin-top:32px}
.topgrid>div{padding:0 26px;border-left:1px solid var(--line);min-width:0}
.topgrid>div:first-child{padding-left:0;border-left:0}.topgrid>div:last-child{padding-right:0}
.lead h2{font-size:2rem;line-height:1.2}.lead .meta{margin-top:12px}
.lead .im{margin-top:16px;aspect-ratio:3/2}
.lead p{font-size:.9rem;color:var(--text);margin:16px 0 0;line-height:1.65}
.mid .im{aspect-ratio:16/10}.mid h3{font-size:1.1rem;margin-top:14px}.mid .meta{margin-top:9px}
.mid p{font-size:.82rem;color:var(--text);margin:10px 0 0}
.tlist{margin-top:18px}.tlist .t{padding:14px 0;border-top:1px solid var(--line)}
.tlist h3{font-size:.92rem;line-height:1.36}.tlist .meta{margin-top:7px}
.bh{font-family:var(--ui);font-weight:700;font-size:.86rem;letter-spacing:.07em;text-transform:uppercase;border-top:2px solid #111;
padding:13px 0 4px;display:flex;justify-content:space-between;align-items:baseline;line-height:1.3;margin:0}
.bh a.more{font-size:.66rem;color:var(--blue);letter-spacing:.05em;font-weight:700;white-space:nowrap}
.jrow{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.jrow:last-child{border-bottom:0}.jrow.noimg{grid-template-columns:minmax(0,1fr)}
.jrow h3{font-size:.88rem;line-height:1.36}.jrow .meta{margin-top:6px}.jrow .im{width:72px;height:62px}
/* 6. section blocks (home: two per row, one picture story + headlines) and listing pages */
.sec{margin:46px 0 0}
.secs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 52px;margin-top:48px}
.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:14px}
.pair .tlist{margin-top:0}.pair .tlist .t:first-child{border-top:0;padding-top:0}.pair .card .lab{margin-top:12px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 26px;margin-top:14px}
.card{min-width:0}.card .im{aspect-ratio:16/10}.card .lab{display:inline-block;margin-top:12px}.card.noimg .lab{margin-top:0}
.card h3{font-size:1rem;line-height:1.32;margin-top:6px}.card .meta{margin-top:8px}
.card.noimg{border-top:1px solid var(--line);padding-top:14px}
.phead{padding:34px 0 0;border-bottom:2px solid #111;margin-bottom:26px}
.phead h1{font-size:2.2rem;margin-top:6px}.phead p{color:var(--muted);margin:8px 0 16px;font-size:.9rem;max-width:720px}
.first{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:center;padding-bottom:28px;
border-bottom:1px solid var(--line);margin-bottom:28px}
.first .im{aspect-ratio:3/2}.first h2{font-size:1.8rem;line-height:1.2;margin-top:8px}.first p{color:var(--text);font-size:.92rem;margin:12px 0}
.first.noimg{grid-template-columns:minmax(0,1fr)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chips a{border:1px solid #dcdde0;border-radius:3px;padding:7px 13px;font-size:.78rem;font-weight:600}
.chips a:hover{border-color:var(--blue)}
.pager{display:flex;gap:8px;justify-content:center;margin:34px 0 0}
.pager a,.btn{display:inline-block;background:var(--blue);color:#fff !important;border-radius:3px;padding:10px 18px;font-weight:700;
font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}.pager a:hover,.btn:hover{background:var(--navy)}
.note{border:1px dashed #cfd1d5;border-radius:4px;padding:26px;text-align:center;color:var(--muted);margin-top:14px}
.note a{color:var(--blue);font-weight:600}
.dates{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:8px 0}
.dates a{display:block;border:1px solid var(--line);border-radius:3px;padding:11px 13px}
.dates a b{display:block;font-size:1rem}.dates a span{color:var(--muted);font-size:.8rem}
.blogcard{border-bottom:1px solid var(--line);padding:18px 0}.blogcard h3{font-size:1.25rem;margin-bottom:6px}
.blogcard p{color:var(--text);margin:8px 0 0;font-size:.9rem}
.srch input{width:100%;font:inherit;padding:13px 15px;border-radius:3px;border:1px solid #c9cbd0;background:#fff;color:var(--ink)}
.srch input:focus{outline:2px solid var(--blue);outline-offset:1px}
/* article + plain pages: one calm reading column */
.art,.page{max-width:760px;margin:34px auto 0}
.crumb{font-size:.72rem;color:var(--muted)}.crumb a{color:var(--blue);font-weight:600}
.art h1{font-size:2.5rem;line-height:1.14;margin:12px 0 14px}
.art .media{margin:22px 0}.media img,.media video{display:block;width:100%;height:auto}
.body{font-family:var(--body);font-size:1.16rem;line-height:1.72;color:#1b1c1f}.body p{margin:0 0 1.15em}.body a{color:var(--blue)}
.tags{margin:6px 0 0}.tags a{display:inline-block;margin:0 10px 6px 0;font-size:.8rem;color:var(--blue);font-weight:600}
.epaper{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;
border-radius:4px;padding:15px 18px;margin:0 0 24px}
.ep-t{display:flex;flex-direction:column;gap:2px}.ep-t b{font-size:.92rem}.ep-t span{font-size:.76rem;opacity:.85}
.ep-b{display:flex;gap:8px;flex-wrap:wrap}
.ep-dl,.ep-sh{border:0;border-radius:3px;padding:9px 14px;font:inherit;font-size:.76rem;font-weight:700;cursor:pointer}
.ep-dl{background:#fff;color:var(--navy) !important}.ep-sh{background:var(--blue);color:#fff}
.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0}
.share .sh-l{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.share a,.share button{border:1px solid #dcdde0;background:#fff;border-radius:3px;padding:7px 12px;font:inherit;font-size:.76rem;font-weight:600;
color:#111;cursor:pointer}.share a:hover,.share button:hover{border-color:var(--blue);color:var(--blue)}
.share.top{margin:10px 0 18px;padding:10px 0}
.share .sh-wa{background:#25d366;border-color:#25d366;color:#fff}.share .sh-x{background:#4A0B16;border-color:#000;color:#fff}
.share .sh-fb{background:#1877f2;border-color:#1877f2;color:#fff}.share .sh-in{background:#0a66c2;border-color:#0a66c2;color:#fff}
.share .sh-tg{background:#229ed9;border-color:#229ed9;color:#fff}.share .sh-th{background:#111;border-color:#111;color:#fff}
.share .sh-ig{background:#d62976;border-color:#d62976;color:#fff}.share .sh-img{background:var(--blue);border-color:var(--blue);color:#fff}
.share a[class^="sh-"]:hover,.share button.sh-ig:hover{opacity:.88;color:#fff}
.follow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0}
.follow span{font-weight:700;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;margin-right:4px}
.follow a{display:inline-flex;align-items:center;gap:7px;border:1px solid #dcdde0;border-radius:3px;padding:7px 12px;font-size:.76rem;font-weight:600}
.follow svg{width:14px;height:14px;fill:currentColor}
.ad{display:none}.ad.on{display:block;margin:18px 0;min-height:90px}
.page h1{font-size:2.3rem;line-height:1.15;margin:0 0 6px}.page .sub{color:var(--muted);font-size:.9rem;margin:0 0 22px}
.page h2{font-family:var(--ui);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;border-top:2px solid #111;
padding-top:13px;margin:34px 0 12px}
.page ul{padding-left:1.2em;margin:0 0 1.15em}.page li{margin-bottom:.5em}
.page .body b{font-weight:700}
/* footer: black band, logo for dark backgrounds */
footer{background:#4A0B16;color:#b9bcc4;margin-top:64px;padding:44px 0 30px;font-size:.82rem}
footer .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
footer img{height:54px;width:auto}
footer .tagline{font-family:var(--head);font-weight:700;font-size:1.2rem;color:#fff;margin:14px 0 6px}
footer h4{color:#fff;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;margin:4px 0 10px;font-weight:700}
footer a{display:block;color:#e4e6ea;padding:4px 0}footer a:hover{color:#fff;text-decoration:underline}
footer .soc{margin-top:16px}footer .soc a{display:inline-flex;border-color:#3a3c42;color:#fff;padding:0}
footer .legal{border-top:1px solid #26272b;margin-top:30px;padding-top:18px;font-size:.74rem;color:#8d9099}
@media (max-width:1180px){.today{visibility:hidden}.links a{padding:13px 9px}}
@media (max-width:1000px){.secs{grid-template-columns:minmax(0,1fr)}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lead h2{font-size:1.7rem}
.topgrid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.topgrid>div.just{grid-column:1/-1;border-left:0;padding:0;margin-top:30px}
.topgrid>div.mid{padding-right:0}
.strip .wrap{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.sitem:nth-child(odd){border-left:0;padding-left:0}.sitem:nth-child(even){padding-right:0}}
/* phones: black header with the centred logo, then one stacked list */
@media (max-width:820px){
.topbar,.nav .today,.nav .links,.nav .tools,.brand .soc,.brand .cta{display:none}
.m-only{display:inline-flex}
.nav{position:static;border:0;box-shadow:none}.nav .bar{min-height:0;display:block}
.brand{background:#4A0B16;border:0;position:sticky;top:0;z-index:20}
.brand .bar{height:56px;padding:0 8px}.brand .ib{color:#fff}
.logo .lt{display:none}.logo .dk{display:block}.logo img{height:40px}
.wrap{padding:0 16px}
.menu .wrap{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:18px;padding-bottom:20px}
.strip .wrap{grid-template-columns:minmax(0,1fr);row-gap:0;padding-top:6px;padding-bottom:6px}
.sitem,.sitem:first-child,.sitem:last-child{border-left:0;padding:14px 0;grid-template-columns:minmax(0,1fr) 70px}
.sitem .im{width:70px;height:58px}.sitem h3{font-size:.9rem}
.topgrid{display:block;margin-top:26px}.topgrid>div,.topgrid>div.mid,.topgrid>div.just{padding:0;border-left:0;margin-top:30px}
.topgrid>div:first-child{margin-top:0}
.lead h2{font-size:1.62rem}.art h1{font-size:1.8rem}.phead h1,.page h1{font-size:1.75rem}.first h2{font-size:1.45rem}
.first{grid-template-columns:minmax(0,1fr);gap:16px}
.sec{margin-top:36px}.secs{margin-top:36px;gap:34px}
.pair{grid-template-columns:minmax(0,1fr);gap:0;margin-top:4px}.pair .tlist .t:first-child{padding-top:14px}
.grid{grid-template-columns:minmax(0,1fr);gap:0;margin-top:4px}
.card,.card.noimg{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:14px;padding:15px 0;border-top:0;border-bottom:1px solid var(--line)}
.card.noimg{grid-template-columns:minmax(0,1fr)}
.card .im{order:2;width:92px;height:74px;aspect-ratio:auto}.card .lab{margin-top:0}.card h3{font-size:.95rem}
.body{font-size:1.1rem}.art,.page{margin-top:22px}
footer{margin-top:48px}footer .cols{grid-template-columns:1fr 1fr;gap:26px 20px}footer .cols>div:first-child{grid-column:1/-1}}
