/* ===================== नई लहर: the addictive kit shared by the twenty sites (core/nayi.py, nayi.js) =====================
   Each site's own look (palette, type, shapes, its signature block) lives in desk/nayi_skins/<slug>.css, appended to the
   site's theme.css. Here: the header kit, swipe mode, the story strip, hearts, streak, sheets and the next-story bar. */

/* ---------- header kit: स्वाइप and the streak chip ---------- */
.ny-site .pt-util b{color:inherit;font-weight:800}
.ny-site .pt-head-in{gap:16px}
.ny-site .pt-search{margin-left:auto}
.ny-hacts{display:flex;align-items:center;gap:8px;flex-shrink:0}
.ny-swipe-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px 9px 12px;border-radius:999px;background:var(--acc);color:var(--on-acc,#fff);font-weight:800;font-size:14.5px;line-height:1;white-space:nowrap;transition:transform .15s ease,filter .15s}
.ny-swipe-btn:hover{filter:brightness(1.08);text-decoration:none}.ny-swipe-btn:active{transform:scale(.96)}
.ny-swipe-btn .pt-i{animation:ny-nudge 2.6s ease-in-out infinite}
@keyframes ny-nudge{0%,70%,100%{transform:translateY(0)}78%{transform:translateY(-4px)}86%{transform:translateY(0)}92%{transform:translateY(-2px)}}
.ny-streak{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:999px;background:var(--soft);color:var(--ink);font-weight:800;font-size:14.5px;line-height:1;white-space:nowrap}
.ny-streak:hover{text-decoration:none}
.ny-fire{color:#ff6a1a}.ny-fire path{fill:#ffb020;stroke:#ff5a1a}
.ny-streak.is-hot .ny-fire{animation:ny-flick 1.8s ease-in-out infinite}
@keyframes ny-flick{0%,100%{transform:scale(1) rotate(0)}40%{transform:scale(1.14) rotate(-5deg)}70%{transform:scale(1.04) rotate(3deg)}}
.ny-today{display:none;font-weight:600;font-size:12.5px;color:var(--muted)}.ny-today.is-on{display:inline}
@media(max-width:760px){
  .ny-site .pt-head-in{gap:8px}
  .ny-swipe-btn{padding:8px 11px 8px 9px;font-size:13.5px}
  .ny-today{display:none!important}
  .ny-streak{padding:6px 9px;font-size:13.5px}
}
@media(max-width:380px){.ny-swipe-btn span{display:none}.ny-swipe-btn{padding:8px}}

/* ---------- the opening lines under a lead stay a short read on phones ---------- */
@media(max-width:760px){.ny-site .ny-lede{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}}

/* ---------- read marks (each skin adds its own) ---------- */
.ny-is-read :is(h2,h3,h4) a,.ny-is-read>a:not(.ny-reel-c),.ny-is-read b{color:var(--muted)}

/* ---------- स्वाइप करके देखो: the story strip ---------- */
.ny-reel{margin:0 0 26px}
.ny-reel-row{display:grid;grid-auto-flow:column;grid-auto-columns:168px;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:2px 2px 10px;scrollbar-width:thin}
.ny-reel-c{position:relative;display:flex;flex-direction:column;aspect-ratio:9/15;border-radius:18px;overflow:hidden;scroll-snap-align:start;background:var(--acc2);color:#fff;isolation:isolate;transition:transform .18s ease}
.ny-reel-c:hover{transform:translateY(-3px);text-decoration:none}
.ny-reel-ph{display:block;aspect-ratio:4/3;overflow:hidden;flex-shrink:0}
.ny-reel-ph img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.ny-reel-k{display:block;margin:10px 11px 2px;font-size:11.5px;font-weight:700;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ny-reel-c b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin:0 11px;font:700 15px/1.38 var(--h)}
.ny-reel-c small{margin:auto 11px 11px;font-size:12px;font-weight:700;opacity:.8}
.ny-reel-txt{background:linear-gradient(160deg,var(--acc),var(--acc2))}
.ny-reel-txt b{-webkit-line-clamp:7;font-size:16.5px;margin-top:6px}
.ny-reel-more{justify-content:center;align-items:center;text-align:center;gap:8px;background:var(--ink);color:var(--bg)}
.ny-reel-more span{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--acc);color:var(--on-acc,#fff)}
.ny-reel-more b{-webkit-line-clamp:2;font-size:17px}.ny-reel-more small{margin:0 12px}
.ny-reel .ny-is-read::after{content:"✓ पढ़ी";position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:999px;background:#000b;color:#fff;font-size:11px;font-weight:700}
@media(max-width:760px){.ny-reel-row{grid-auto-columns:42vw;margin-right:-16px;padding-right:16px}}

/* ---------- headings inside the video and web-story bands take the band's own text colour ---------- */
.ny-site:not(.pt-sk-h-stamp):not(.pt-sk-h-tab):not(.ny-thoskhabar):not(.ny-dotook):not(.ny-parcha) :is(.pt-video,.pt-band) .k-sh .k-shh,.ny-site :is(.pt-video,.pt-band) .k-sh .k-more{color:inherit}   /* heads with their own background (stamp, tab, slab, pill) keep their colours */

/* ---------- the site's TV and the feed ---------- */
.ny-tvsec{margin:0 0 26px}
.ny-tvpill{display:inline-flex;align-items:center;gap:6px;margin-right:auto;margin-left:12px;padding:4px 10px;border-radius:999px;background:#e5383b;color:#fff;font-size:12.5px;font-weight:800;white-space:nowrap}
.ny-tvpill:hover{text-decoration:none;filter:brightness(1.08)}
.ny-feed .ny-fynote{margin:-4px 0 10px;font-size:13.5px;color:var(--muted)}

/* ---------- आपकी रफ़्तार (rail and मेरी पसंद) ---------- */
.ny-ms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 8px}
.ny-ms p{margin:0;display:grid;justify-items:center;padding:10px 4px;border-radius:12px;background:var(--soft);text-align:center}
.ny-ms b{font:800 28px/1.1 var(--h);color:var(--acc)}.ny-ms span{font-size:12px;color:var(--muted);font-weight:700}
.ny-ms-note{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}
.ny-goal{margin:0 0 8px}.ny-goal p{display:flex;justify-content:space-between;margin:0 0 4px;font-size:13px;font-weight:700}.ny-goal b i{font-style:normal}
.ny-goalbar{display:block;height:10px;border-radius:10px;background:var(--soft);overflow:hidden}.ny-goalbar i{display:block;height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,#ffb020,#ff5a1a);transition:width .6s}
.ny-goal.is-done .ny-goalbar i{background:linear-gradient(90deg,#20c997,#12b886)}.ny-goal.is-done p{color:#12b886}
.ny-mystats-page .ny-ms{grid-template-columns:repeat(4,minmax(0,1fr));max-width:620px}

/* ---------- story pages: पसंद, शेयर, स्वाइप and अगली खबर ---------- */
.ny-acts{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}
.ny-acts>*{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-weight:700;font-size:14px;line-height:1}
.ny-acts>*:hover{border-color:var(--acc);text-decoration:none}
.ny-like[aria-pressed=true]{background:#ff2d55;border-color:#ff2d55;color:#fff}.ny-like[aria-pressed=true] svg path{fill:#fff}
.ny-achip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:-2px 0 12px;font-size:14px;font-weight:700;color:var(--muted)}
.ny-next{position:fixed;left:50%;bottom:16px;z-index:95;width:min(560px,calc(100vw - 24px));transform:translateX(-50%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--ink);color:var(--bg);box-shadow:0 10px 30px #0004;animation:ny-up .3s ease}
.ny-next-k{grid-column:1;font-size:12px;font-weight:700;opacity:.75}
.ny-next a{grid-column:1;font:700 15.5px/1.35 var(--h);color:inherit;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.ny-next-x{grid-column:2;grid-row:1/3;width:34px;height:34px;border-radius:50%;border:0;background:#ffffff26;color:inherit;font-size:20px;line-height:1}
@keyframes ny-up{from{transform:translate(-50%,30px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
@media(max-width:760px){.ny-next{bottom:calc(74px + env(safe-area-inset-bottom,0px))}}

/* ---------- phones: the tab bar with the swipe button in the middle ---------- */
@media(max-width:760px){
  .ny-site .pt-tabs{transform:translateY(115%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
  html.ny-tabs-on .ny-site .pt-tabs{transform:none;visibility:visible;transition:transform .25s ease}
  .ny-tabs a.ny-tab-swipe{color:var(--ink)}
  .ny-tabs a.ny-tab-swipe .pt-i{width:26px;height:26px;padding:11px;box-sizing:content-box;margin-top:-22px;border-radius:50%;background:var(--acc);color:var(--on-acc,#fff);box-shadow:0 6px 16px #0003,0 0 0 4px var(--card,#fff)}
  .ny-site .pt-nav,.ny-site .pt-trend{position:relative}
  .ny-site .pt-nav-in{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);padding-right:30px}
}
@media(prefers-reduced-motion:reduce){.ny-site .pt-tabs{transition:none}.ny-swipe-btn .pt-i,.ny-streak.is-hot .ny-fire{animation:none}}
@media(min-width:1181px){.ny-site.pt-L-leftmenu .pt-nav{display:none}}

/* ---------- स्वाइप मोड ---------- */
html.ny-swipe-on,html.ny-swipe-on body{overflow:hidden}
.ny-swipe{position:fixed;inset:0;z-index:400;background:#06060b;color:#fff;font-family:var(--t)}
.ny-swipe[hidden]{display:none!important}
.ny-sw-top{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(#000c,transparent);pointer-events:none}
.ny-sw-top>*{pointer-events:auto}
.ny-sw-x{width:42px;height:42px;border-radius:50%;border:0;background:#ffffff29;color:#fff;font-size:28px;line-height:1;display:grid;place-items:center}
.ny-sw-brand{font:800 17px/1 var(--logo,var(--h))}
.ny-sw-count{margin-left:auto;font-size:13px;font-weight:700;opacity:.85}.ny-sw-count i{font-style:normal}
.ny-sw-streak{font-size:13px;font-weight:800;padding:5px 10px;border-radius:999px;background:#ffffff1f}.ny-sw-streak i{font-style:normal}
.ny-sw-track{position:relative;height:100%;max-width:520px;margin:0 auto;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;outline:0}
.ny-sw-track::-webkit-scrollbar{display:none}
.ny-card{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#0d0d14}
.ny-card-media{position:absolute;inset:0;overflow:hidden}
.ny-card-bg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(30px) brightness(.5) saturate(1.2)}
.ny-card-img{position:absolute;left:0;right:0;top:9%;margin:0 auto;width:100%;max-height:50%;object-fit:contain}
.ny-card-sh .ny-card-img,.ny-card-f .ny-card-img,.ny-card-v .ny-card-img{top:0;bottom:0;height:100%;max-height:none}
.ny-card-sh .ny-card-img{object-fit:cover}
.ny-card-play{position:absolute;left:50%;top:42%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:#000a;border:2px solid #fffc}
.ny-card-play::after{content:"";position:absolute;left:30px;top:22px;border:16px solid transparent;border-left:24px solid #fff;border-right:0}
.ny-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ny-card.is-playing .ny-card-copy{background:linear-gradient(transparent,#000a 40%);pointer-events:none}.ny-card.is-playing .ny-card-copy a{pointer-events:auto}
.ny-card.is-playing.ny-card-sh .ny-card-copy,.ny-card.is-playing.ny-card-v .ny-card-copy,.ny-card.is-playing.ny-card-f .ny-card-copy{display:none}
.ny-card-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:60px 76px calc(24px + env(safe-area-inset-bottom,0px)) 16px;background:linear-gradient(transparent,#000d 34%)}
.ny-card-tag{margin:0;font-size:13px;color:#ffffffc4;line-height:1.5}.ny-card-tag b{color:#fff}
.ny-card-copy h2{margin:6px 0 8px;font:800 clamp(21px,5.4vw,28px)/1.32 var(--h);color:#fff;letter-spacing:0}
.ny-card-o{margin:0;font-size:15px;line-height:1.6;color:#ffffffdb;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.ny-card-go{display:inline-block;margin-top:12px;padding:10px 16px;border-radius:999px;background:#fff;color:#111;font-weight:800;font-size:14.5px}
.ny-card-go:hover{text-decoration:none}
.ny-card-rail{position:absolute;right:6px;bottom:calc(120px + env(safe-area-inset-bottom,0px));z-index:3;display:grid;gap:14px;justify-items:center}
.ny-card-rail button,.ny-card-rail a{display:grid;justify-items:center;gap:4px;padding:0;border:0;background:none;color:#fff;font-size:11.5px;font-weight:700;text-shadow:0 1px 2px #0008}
.ny-card-rail svg{width:28px;height:28px;padding:11px;border-radius:50%;background:#ffffff2b;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;box-sizing:content-box;transition:transform .15s}
.ny-card-rail button:active svg{transform:scale(.88)}
.ny-r-like[aria-pressed=true] svg{fill:#ff2d55;stroke:#ff2d55;background:#ffffff3d}
.ny-card-type{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:80px 26px 240px;background:linear-gradient(155deg,var(--c1,#3b2bff),var(--c2,#ff3d7f))}
.ny-card-type span{font-size:15px;font-weight:800;opacity:.85}
.ny-card-type b{font:800 clamp(26px,7vw,38px)/1.28 var(--h);text-wrap:balance}
.ny-card-type i{font-style:normal;font-size:15px;font-weight:700;opacity:.85}
.ny-card-text .ny-card-copy h2{display:none}
.ny-ct-shahar{--c1:#1f3bff;--c2:#00b3a4}.ny-ct-sarkar{--c1:#b3261e;--c2:#ff8a00}.ny-ct-mp{--c1:#7a2e10;--c2:#e8572a}.ny-ct-kheti{--c1:#2f6b13;--c2:#b5c200}
.ny-ct-khel{--c1:#0b6e4f;--c2:#25c26e}.ny-ct-manoranjan{--c1:#9d1b74;--c2:#ff5ca8}.ny-ct-shiksha{--c1:#0f5e8a;--c2:#3fc1ff}.ny-ct-desh{--c1:#3a1c71;--c2:#d76d77}
.ny-ct-duniya{--c1:#123b6d;--c2:#5b8def}.ny-ct-swasthya{--c1:#106b5b;--c2:#7ad6a3}.ny-ct-rozgar{--c1:#8a3b00;--c2:#ffb000}.ny-ct-sanskriti{--c1:#6d1a36;--c2:#e0a03a}
.ny-ct-mahila{--c1:#8c1a5b;--c2:#ff7eb6}.ny-ct-karobar{--c1:#1f2a44;--c2:#5f7cba}.ny-ct-tech{--c1:#1a1a6e;--c2:#5f5ff6}.ny-ct-paryavaran{--c1:#145a32;--c2:#58d68d}
.ny-end{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:6px;padding:24px;text-align:center;background:radial-gradient(circle at 50% 40%,#3b2bff66,transparent 60%)}
.ny-end b{font:800 30px/1.3 var(--h)}.ny-end p{margin:4px 0;font-size:16px}.ny-end .pt-btn{margin:4px}
.ny-sw-hint{display:none;position:absolute;left:50%;top:66px;z-index:5;margin:0;transform:translateX(-50%);padding:8px 14px;border-radius:999px;background:#fff;color:#111;font-weight:800;font-size:14px;animation:ny-hint 1.4s ease-in-out infinite;pointer-events:none}
.ny-swipe.is-first .ny-sw-hint{display:block}.ny-swipe.is-first.is-moving .ny-sw-hint{display:none}
@keyframes ny-hint{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-10px)}}
.ny-burst{position:absolute;z-index:500;width:96px;height:96px;margin:-48px 0 0 -48px;pointer-events:none;animation:ny-pop .85s ease-out forwards}
.ny-burst svg{width:100%;height:100%;fill:#ff2d55;filter:drop-shadow(0 4px 10px #0006)}
@keyframes ny-pop{0%{transform:scale(.2);opacity:0}25%{transform:scale(1.15);opacity:1}55%{transform:scale(.95)}100%{transform:scale(1.25) translateY(-40px);opacity:0}}
@media(min-width:761px){
  .ny-swipe{background:radial-gradient(circle at 50% 30%,#1b1b2e,#05050a 70%)}
  .ny-sw-track{border-radius:22px;margin-top:0;box-shadow:0 0 0 1px #ffffff14,0 20px 60px #000a}
  .ny-sw-top{left:50%;right:auto;width:520px;transform:translateX(-50%)}
}

/* ---------- हाथों-हाथ bottom sheet and the one-minute bar ---------- */
.ny-sheet{position:fixed;inset:0;z-index:350;background:#0000;pointer-events:none;transition:background .25s}
.ny-sheet.is-open{background:#0007;pointer-events:auto}
.ny-sheet-in{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow:auto;margin:0 auto;max-width:620px;padding:10px 18px calc(22px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;background:var(--card,#fff);color:var(--ink);transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 -12px 40px #0003}
.ny-sheet.is-open .ny-sheet-in{transform:none}
.ny-sheet-grab{display:block;width:46px;height:5px;margin:2px auto 12px;border-radius:5px;background:var(--line)}
.ny-sheet-c img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin-bottom:12px}
.ny-sheet-c h2{margin:4px 0 8px;font:800 22px/1.35 var(--h)}.ny-sheet-c p{margin:0 0 10px;line-height:1.65}
.ny-sheet-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ny-sheet-acts .ny-like{padding:9px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);font-weight:700}
.ny-sheet-x{margin-left:auto;width:40px;height:40px;border-radius:50%;border:0;background:var(--soft);font-size:22px}
.ny-q5-bar{position:absolute;left:0;top:0;height:4px;width:100%;background:var(--acc);transform-origin:left;animation:ny-q5 12s linear forwards}
@keyframes ny-q5{from{transform:scaleX(0)}to{transform:scaleX(1)}}
html.ny-sheet-on{overflow:hidden}

/* ---------- मेरी पसंद, मेरी रसीद ---------- */
.ny-likes-list{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px}
.ny-likes-list li{position:relative}
.ny-likes-list a{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.ny-likes-list img,.ny-lk-ph{width:96px;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:grid;place-items:center;background:var(--soft);color:#ff2d55;font-size:28px}
.ny-likes-list b{display:block;font:700 16px/1.4 var(--h);padding-right:30px}.ny-likes-list small{color:var(--muted)}
.ny-lk-x{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;border:0;background:var(--soft);font-size:18px}
.ny-likes-empty{padding:18px;border-radius:14px;background:var(--soft)}
.ny-bill-dlg{padding:0;background:transparent;width:min(420px,calc(100vw - 24px))}
.ny-bill-dlg::backdrop{background:#000a}
.ny-dlg-acts{display:flex;gap:8px;justify-content:center;margin:12px 0 0}
.ny-paper-mine{background:#fdfdfb;color:#232323;padding:18px 18px 22px;font-family:var(--t)}
.ny-swipepage .ny-sp-lead{font-size:17px}.ny-sp-open{margin:4px 0 18px}

/* ---------- print (पर्चा and anything a reader prints) ---------- */
@media print{.pt-head,.pt-util,.pt-nav,.pt-tabs,.pt-foot,.pt-rail,.ny-next,.ny-acts,.ny-swipe{display:none!important}}

/* ---------- states: nothing shows a row of zeros to a new reader; story pages keep the text clear (critic pass, 2026-10-04) ---------- */
.ny-site [hidden]{display:none!important}
.ny-streak.is-new{animation:ny-chip .8s ease-out}
@keyframes ny-chip{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.18);opacity:1}100%{transform:scale(1)}}
.ny-pg-art .pt-tabs{display:none!important}
@media(max-width:760px){.ny-pg-art .ny-next{bottom:calc(14px + env(safe-area-inset-bottom,0px))}}

/* ---------- आज की 5: today's five, ticked off as they are read ---------- */
.ny-todo{list-style:none;counter-reset:todo;margin:4px 0 10px;padding:0;display:grid;gap:9px}
.ny-todo li{counter-increment:todo;position:relative;display:grid;gap:2px;padding:0 0 9px 34px;border-bottom:1px dashed var(--line)}
.ny-todo li:last-child{border-bottom:0;padding-bottom:0}
.ny-todo li::before{content:counter(todo);position:absolute;left:0;top:1px;width:24px;height:24px;box-sizing:border-box;border-radius:50%;display:grid;place-items:center;border:2px solid var(--acc);color:var(--acc);font-weight:800;font-size:13px;line-height:1;background:var(--card,#fff)}
.ny-todo li.ny-is-read::before{content:"✓";background:#12b886;border-color:#12b886;color:#fff}
.ny-todo a{font:700 15.5px/1.42 var(--h);color:var(--ink)}
.ny-todo small{font-size:12px;color:var(--muted)}
/* read headlines go grey instead of struck through: crossed-out words looked broken (owner, 2026-10-05) */
.ny-todo li.ny-is-read a{color:var(--muted)}.ny-todo li.ny-is-read a::before{content:"✓ ";color:var(--acc);font-weight:800}
.ny-mystats .ny-goal{margin:2px 0 12px}

/* ---------- small pictures beside headlines (each skin places and sizes its own) ---------- */
.ny-site .ny-thumb{flex:0 0 auto;width:96px;aspect-ratio:4/3;border-radius:10px}
.ny-site .ny-thumb img{border-radius:inherit}
.ny-wheel-card .nf-ph{display:block;border-radius:16px;overflow:hidden}
.ny-wheel-card h2{margin:0;font:800 22px/1.35 var(--h)}.ny-wheel-card h2 a{color:var(--ink)}

/* ---------- round two (critic, 2026-10-04): तस्वीरों में as full pictures, one row of story buttons, a lighter phone header ---------- */
.ny-reel-c.ny-reel-pic{background:#111}
.ny-reel-pic .ny-reel-ph{position:absolute;inset:0;aspect-ratio:auto;z-index:-2}
.ny-reel-pic .ny-reel-ph img{height:100%;object-position:center 30%}
.ny-reel-pic::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0000 32%,#000000e0 78%)}
.ny-reel-pic .ny-reel-k{margin-top:auto}
.ny-reel-pic small{margin-top:4px}
.ny-reel-pic b{text-shadow:0 1px 3px #0009}
.ny-reel-txt{background:linear-gradient(160deg,var(--c1,var(--acc)),var(--c2,var(--acc2)))}
.k-by-tools .ny-like{display:inline-flex;align-items:center;gap:5px;margin-right:6px;padding:5px 12px;border-radius:999px;border:1.5px solid var(--line);background:var(--card,#fff);color:var(--ink);font-weight:700;font-size:13.5px;line-height:1;vertical-align:middle}
.k-by-tools .ny-like[aria-pressed=true]{background:#ff2d55;border-color:#ff2d55;color:#fff}.k-by-tools .ny-like[aria-pressed=true] svg path{fill:#fff}
@media(max-width:760px){
  .ny-hacts .ny-swipe-btn{display:none}
  .ny-site .pt-nav::after{content:"›";display:flex;align-items:center;justify-content:flex-end;padding-right:7px;box-sizing:border-box;font-size:26px;font-weight:700;line-height:1;color:var(--nav-ink,#fff)}
}

/* round four (owner's review, 2026-10-04): "और ▾ doesn't open" - the scrolling section strip clipped its panel; the menu now
   sits beside the strip, and its panel opens below the bar */
.ny-site .ny-navrow{display:flex;align-items:stretch;gap:0;position:relative}
.ny-site .ny-navrow>.pt-nav-in{flex:1 1 auto;min-width:0}
.ny-site .ny-navrow>.pt-more{flex:none;position:static}
.ny-site .ny-navrow>.pt-more>summary{display:flex;align-items:center;height:100%}
.ny-site .ny-navrow .pt-more-in{right:16px;top:100%}
.ny-site .pt-more[open]>summary{background:#ffffff26}
@media(max-width:760px){.ny-site .ny-navrow .pt-more-in{left:8px;right:8px;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.ny-site .pt-nav::after{display:none}}

/* picture credits page (district pictures from Wikimedia Commons): shared by every नई लहर site that runs them */
.ny-site .ny-chitra-note{margin:0 0 16px;color:var(--muted)}
.ny-site .ny-chitra{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.ny-site .ny-chitra li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border-radius:14px;background:var(--card)}
.ny-site .ny-chitra img{width:120px;height:80px;object-fit:cover;border-radius:10px}.ny-site .ny-chitra b{display:block;font-size:15px}.ny-site .ny-chitra small{color:var(--muted);font-size:12.5px}

/* दिलचस्प (any नई लहर site): human stories as cards, a picture or a big quote mark */
.ny-site .ny-dilchasp{margin:0 0 30px}
.ny-site .ny-dil-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ny-site .ny-dil{display:flex;flex-direction:column;border-radius:16px;background:var(--card);overflow:hidden;box-shadow:0 1px 2px #0000000f,0 8px 22px #00000012}
.ny-site .ny-dil .nf-ph{display:block}.ny-site .ny-dil .nf-ph img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0!important}
.ny-site .ny-dil-q{display:grid;place-items:center;aspect-ratio:16/10;background:linear-gradient(150deg,var(--acc),var(--acc2));color:#fff;font:800 96px/1 Georgia,serif}
.ny-site .ny-dil-c{padding:12px 14px 16px}
.ny-site .ny-dil .ny-tk{margin:0 0 4px;font-size:12.5px;font-weight:800;color:var(--acc)}
.ny-site .ny-dil h3{margin:0 0 6px;font:700 17px/1.42 var(--h)}.ny-site .ny-dil h3 a{color:var(--ink)}
.ny-site .ny-dil-t{margin:0;font-size:14.5px;line-height:1.6;color:var(--muted)}
@media(max-width:1000px){.ny-site .ny-dil-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ny-site .ny-dil-grid{grid-template-columns:minmax(0,1fr)}}

/* a story's place and time never run together (skins may restyle; :where keeps this at the lowest weight) */
:where(.ny-site) .ny-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font-size:13.5px;color:var(--muted)}

/* the section strip on phones: a short fade only (a long one read as a cut-off item next to और) */
@media(max-width:760px){.ny-site .ny-navrow>.pt-nav-in{-webkit-mask-image:linear-gradient(90deg,#000 94%,transparent);mask-image:linear-gradient(90deg,#000 94%,transparent);padding-right:12px}}