@font-face{font-family:"SiteLogo";src:url(fonts/Baloo2-Bold.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"SiteHead";src:url(fonts/Baloo2-Bold.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"SiteText";src:url(fonts/Mukta-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"SiteText";src:url(fonts/Mukta-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}
:root{--bg:#f6f7f2;--ink:#14201a;--muted:#4f5b54;--line:#dde3d8;--card:#ffffff;--soft:#ecf3e6;--acc:#2f7d4f;--acc2:#173d29;--red:#e5484d;--head-bg:#ffffff;--head-ink:#14201a;--nav-bg:#173d29;--nav-ink:#fff;--on-acc:#fff;--util-bg:#173d29;--util-ink:#e7f5ea;--vid-bg:#0f2318;--band-bg:#173d29;--haldi:#ffc83d;--radius:12px;--shadow:none;--h:"SiteHead","Noto Sans Devanagari",system-ui,sans-serif;--t:"SiteText","Noto Sans Devanagari",system-ui,sans-serif;--logo:"SiteLogo",var(--h);--hw:700;--hl:var(--h);--hlw:700}
body{font-family:var(--t);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.6}
/* हाथों-हाथ: a one-thumb app. Rounded cards, mehndi green and haldi yellow, everything within the thumb's reach. */
body:has(.ny-haathonhaath){background:var(--bg)}
.ny-haathonhaath .pt-util{background:var(--acc2);color:#e7f5ea}.ny-haathonhaath .pt-util a{color:#fff}
.ny-haathonhaath .pt-head{background:#fff;border-bottom:0;box-shadow:0 1px 0 var(--line)}
.ny-haathonhaath .pt-head-in{min-height:76px}
.ny-haathonhaath .pt-search input{border:0;background:var(--soft);border-radius:999px}
.ny-haathonhaath .ny-swipe-btn{background:var(--haldi);color:#14201a}
.ny-haathonhaath .pt-nav{background:#fff;border-bottom:1px solid var(--line)}
.ny-haathonhaath .pt-nav a{color:var(--ink);font-weight:700;border-radius:999px;margin:6px 2px;padding:8px 14px}
.ny-haathonhaath .pt-nav a[aria-current],.ny-haathonhaath .pt-nav a:hover{background:var(--acc);color:#fff;text-decoration:none}
.ny-haathonhaath .pt-nav::after{background:linear-gradient(to right,transparent,#fff 58%)!important;color:var(--acc)!important}
/* the logo: a card passed from hand to hand */
.ny-logo-thumb{display:inline-flex;align-items:center;gap:10px;font-family:var(--logo);line-height:1}
.ny-cards{position:relative;width:42px;height:42px}
.ny-cards i{position:absolute;width:26px;height:34px;border-radius:7px;top:4px}
.ny-cards i:first-child{left:2px;background:var(--acc);transform:rotate(-12deg)}
.ny-cards i:last-child{right:2px;background:var(--haldi);transform:rotate(10deg);box-shadow:-2px 2px 0 #0000001f}
.ny-logo-thumb b{font-size:34px;font-weight:700;color:var(--acc2)}
.ny-logo-thumb.ny-logo-s b{font-size:24px}.ny-logo-thumb.ny-logo-s .ny-cards{width:32px;height:32px}
.ny-haathonhaath .k-shh{font:700 22px/1.25 var(--h)}
.ny-haathonhaath .pt-box,.ny-haathonhaath .pt-video,.ny-haathonhaath .pt-band{border:0;border-radius:26px;box-shadow:0 1px 2px #14201a0f,0 10px 26px #14201a0d;background:#fff}
.ny-haathonhaath .pt-video,.ny-haathonhaath .pt-band{background:var(--acc2);color:#fff}
.ny-haathonhaath .nf-ph img{border-radius:18px}
.ny-haathonhaath :is(.nf-h,.k-h,.nf-lh) a{color:var(--ink)}
.ny-haathonhaath .nf-kick{color:var(--acc);font-weight:800}
/* lead */
.ny-thumb-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"big row" "fab row";gap:16px;margin:4px 0 30px}
.ny-big{grid-area:big;position:relative;display:flex;flex-direction:column;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 2px 4px #14201a0f,0 14px 34px #14201a14;cursor:pointer}
.ny-big-ph{display:block}.ny-big-ph img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0!important}
.ny-big-c{padding:16px 20px 20px}
.ny-tk{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px;font-size:13px;font-weight:800;color:var(--acc)}
.ny-big .ny-tk span{padding:3px 10px;border-radius:999px;background:var(--soft)}
.ny-big h2{margin:0 0 8px;font:700 clamp(25px,2.6vw,34px)/1.3 var(--h)}.ny-big h2 a{color:var(--ink)}
.ny-big .ny-lede{margin:0;font-size:16.5px;line-height:1.65;color:#2d3a33}
.ny-fab{grid-area:fab;display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:24px;background:var(--haldi);color:#14201a;box-shadow:0 8px 20px #c89a1a4d;transition:transform .15s}
.ny-fab:hover{transform:translateY(-2px);text-decoration:none}.ny-fab:active{transform:scale(.98)}
.ny-fab .pt-i{width:34px;height:34px;padding:10px;box-sizing:content-box;border-radius:50%;background:#14201a;color:var(--haldi)}
.ny-fab b{display:block;font:700 21px/1.2 var(--h)}.ny-fab small{display:block;font-size:13.5px;font-weight:600;margin-top:2px}
.ny-tc-row{grid-area:row;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}
.ny-tc{display:flex;flex-direction:column;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 1px 2px #14201a0f,0 8px 20px #14201a0f;cursor:pointer;transition:transform .15s}
.ny-tc:hover{transform:translateY(-2px)}
.ny-tc-ph{display:block}.ny-tc-ph img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0!important}
.ny-tc .ny-tk{margin:10px 12px 2px}.ny-tc h3{margin:0 12px 12px;font:700 16px/1.4 var(--h)}.ny-tc h3 a{color:var(--ink)}
/* one minute, five stories */
.ny-quick5{margin:0 0 30px;padding:18px 20px 20px;border-radius:28px;background:var(--acc2);color:#fff}
.ny-quick5 .k-shh{color:#fff}.ny-q5-note{margin:-6px 0 10px;color:#cfe8d6}
.ny-q5{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.ny-q5 li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 10px;padding:12px;border-radius:18px;background:#ffffff14;cursor:pointer}
.ny-q-n{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--haldi);color:#14201a;font:800 18px/1 var(--h)}
.ny-q5 a{color:#fff;font:700 16.5px/1.4 var(--h)}.ny-q5 small{color:#cfe8d6}
.ny-q5-go{background:var(--haldi)!important;color:#14201a!important;border:0!important;font-weight:800!important}
.ny-haathonhaath .ny-is-read::after{content:"✓";position:absolute;top:10px;right:10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--acc);color:#fff;font-weight:800}
.ny-haathonhaath .ny-tc,.ny-haathonhaath .ny-q5 li{position:relative}
.ny-haathonhaath .ny-reel-c{border-radius:24px}.ny-haathonhaath .ny-reel-txt{background:linear-gradient(160deg,var(--acc),var(--acc2))}
.ny-haathonhaath .pt-foot{background:var(--acc2);color:#e7f5ea}
@media(max-width:1000px){.ny-thumb-top{grid-template-columns:minmax(0,1fr);grid-template-areas:"big" "fab" "row"}}
@media(max-width:760px){
  .ny-haathonhaath .pt-head-in{min-height:60px}
  .ny-logo-thumb b{font-size:26px}
  .ny-big{border-radius:24px}.ny-big-c{padding:14px 16px 16px}
  .ny-big h2{font-size:24px}.ny-big .ny-lede{font-size:15.5px}
  .ny-fab{padding:14px 16px}.ny-fab b{font-size:19px}
}

/* critic pass (2026-10-04): the swipe banner is a slim pill on phones, so the second story shows on the first screen */
@media(max-width:760px){.ny-fab{padding:10px 14px;gap:10px;border-radius:999px}.ny-fab .pt-i{width:22px;height:22px;padding:8px}.ny-fab b{font-size:16px}.ny-fab small{display:none}}

/* round two: the four secondary cards stay even */
.ny-tc h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
