/* News front page (core/front.py) plus the news-site chrome around it: utility bar, flat section tabs, footer.
   Uses each site's tokens (--acc --ink --line --muted --soft --card --h/--hl --hw/--hlw); hand-built themes map
   theirs onto --nf-* in their own stylesheet. */
.nf,.nf-chrome{--nf-acc:var(--acc,#c4161c);--nf-ink:var(--ink,#141414);--nf-line:var(--line,#e3e3e3);--nf-muted:var(--muted,#666);--nf-soft:var(--soft,#f2f2f2);--nf-hf:var(--hl,var(--h,"Noto Sans Devanagari",system-ui,sans-serif));--nf-hw:var(--hlw,var(--hw,700))}
.nf{max-width:var(--wrap,1220px);margin-left:auto;margin-right:auto;padding:16px 16px 36px;box-sizing:border-box}
.nf a{text-decoration:none}
.nf .k-sh{display:flex;align-items:baseline;gap:12px;margin:0 0 10px;position:relative}
.nf .k-shh{font-size:20px}
.nf .k-more{margin-left:auto}
.nf-lh a:hover,.nf-h a:hover,.nf-list a:hover,.nf-latest li a:hover,.nf-rel a:hover,.nf-dist a:hover{color:var(--nf-acc)}

/* photos: always fill the frame (cropped toward the upper middle, where faces are); never letterboxed */
.nf-ph{display:block;position:relative;overflow:hidden;background:var(--nf-soft)}
.nf-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;max-width:none}
.nf-ph-lead{aspect-ratio:16/9;margin:0 0 12px}
.nf-ph-mid{aspect-ratio:3/2;margin:0 0 8px}
.nf-ph-thumb{aspect-ratio:4/3;width:122px;flex:0 0 122px}
.nf-play{position:absolute;left:8px;bottom:8px;width:34px;height:34px;border-radius:50%;background:#000a}
.nf-play::after{content:"";position:absolute;left:13px;top:10px;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff}

/* type */
.nf-kick{margin:0 0 3px;font-size:12.5px;font-weight:700;color:var(--nf-acc);line-height:1.3}
.nf-lh{font-family:var(--nf-hf);font-weight:var(--nf-hw);font-size:clamp(23px,2.3vw,31px);line-height:1.3;margin:2px 0 8px;text-wrap:balance}
.nf-h{font-family:var(--nf-hf);font-weight:var(--nf-hw);font-size:18px;line-height:1.4;margin:0 0 4px}
.nf-h-sm{font-size:16px;line-height:1.42}
.nf-dek{margin:0 0 8px;font-size:15.5px;line-height:1.55;color:color-mix(in srgb,var(--nf-muted) 45%,var(--nf-ink))}
.nf-clamp-2,.nf-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.nf-clamp-2{-webkit-line-clamp:2}.nf-clamp-3{-webkit-line-clamp:3}
.nf-meta{display:flex;flex-wrap:wrap;gap:0 7px;margin:0;font-size:12.5px;line-height:1.5;color:color-mix(in srgb,var(--nf-muted) 70%,var(--nf-ink))}
.nf-meta span:not(:empty)::after{content:"·";margin-left:7px}

/* story pieces */
.nf-lead{min-width:0}
.nf-noimg .nf-lh{font-size:clamp(26px,2.8vw,36px)}
.nf-rel{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid var(--nf-line)}
.nf-rel li{position:relative;padding:8px 0 8px 15px;border-bottom:1px solid var(--nf-line);font-weight:600;font-size:15px;line-height:1.45}
.nf-rel li::before{content:"";position:absolute;left:1px;top:16px;width:6px;height:6px;background:var(--nf-acc)}
.nf-mid{min-width:0;padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--nf-line)}
.nf-mid:last-child{border-bottom:0;margin-bottom:0}
.nf-mid.nf-noimg .nf-h{font-size:19px}
.nf-row{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--nf-line);min-width:0}
.nf-row:first-child{padding-top:0}.nf-row:last-child{border-bottom:0}
.nf-row .nf-copy{flex:1;min-width:0}
.nf-row .nf-kick{margin-bottom:2px}

/* latest list */
.nf-latest{position:relative;min-width:0}
.nf-latest ol{list-style:none;margin:0;padding:0}
.nf-latest li{display:grid;gap:1px;padding:9px 0;border-bottom:1px solid var(--nf-line)}
.nf-latest li:first-child{padding-top:2px}
.nf-latest time{font-size:12px;font-weight:700;color:var(--nf-acc)}
.nf-latest li a{font-weight:600;font-size:15px;line-height:1.45}
.nf-numbered li{grid-template-columns:30px minmax(0,1fr);align-items:start}
.nf-numbered li>div{display:grid;gap:2px}.nf-numbered time{color:var(--nf-muted);font-weight:600}
.nf-rank{font-family:var(--nf-hf);font-weight:800;font-size:22px;line-height:1.05;color:var(--nf-acc)}
.nf-live{display:inline-block;width:9px;height:9px;border-radius:50%;background:#e1251b;margin-right:8px;vertical-align:2px;animation:nf-pulse 2s ease-out infinite}
@keyframes nf-pulse{0%{box-shadow:0 0 0 0 #e1251b88}70%{box-shadow:0 0 0 8px #e1251b00}100%{box-shadow:0 0 0 0 #e1251b00}}
@media(prefers-reduced-motion:reduce){.nf-live{animation:none}}
.nf-all{display:inline-block;margin-top:10px;font-weight:700;font-size:14px;color:var(--nf-acc)}

/* top block: five structures */
.nf-top{display:grid;gap:0 26px;padding:0 0 22px;margin:0 0 24px;border-bottom:1px solid var(--nf-line);align-items:start}
.nf-top>*{min-width:0}
.nf-top-broadsheet{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) minmax(240px,.95fr)}
.nf-top-broadsheet .nf-c2,.nf-top-broadsheet .nf-c3,.nf-top-regional .nf-c2,.nf-top-regional .nf-c3,.nf-top-tabloid .nf-c3{border-left:1px solid var(--nf-line);padding-left:24px}
.nf-top-regional{grid-template-columns:minmax(0,1.5fr) minmax(0,1.05fr) minmax(240px,.9fr)}
.nf-top-portal{grid-template-columns:minmax(0,1fr) 330px}
.nf-top-portal .nf-c3{border-left:1px solid var(--nf-line);padding-left:24px}
.nf-lead-wide{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0 22px;padding-bottom:16px;border-bottom:1px solid var(--nf-line)}
.nf-lead-wide .nf-ph-lead{margin:0}
.nf-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:16px}
.nf-trio .nf-mid{border-bottom:0;margin:0;padding:0}
.nf-top-tabloid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 280px}
.nf-lead-tab .nf-lh{font-size:clamp(27px,3vw,42px);line-height:1.2;font-weight:800}
.nf-lead-tab .nf-kick,.nf-tab .nf-kick{display:inline-block;background:var(--nf-acc);color:#fff;padding:1px 8px;margin-bottom:6px}
.nf-quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.nf-quad .nf-mid{border-bottom:0;border-top:4px solid var(--nf-acc);padding-top:8px;margin:0}
.nf-top-clean{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:0 36px;border-bottom:0;margin-bottom:8px}
.nf-top-clean .nf-lh{font-size:clamp(25px,2.6vw,35px)}
.nf-top-clean .nf-ph-thumb{width:150px;flex-basis:150px}
.nf-latest-row{padding:16px 0 18px;margin:0 0 24px;border-top:1px solid var(--nf-line);border-bottom:1px solid var(--nf-line)}
.nf-latest-row ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
@media(max-width:1100px){
  .nf-top-broadsheet,.nf-top-regional,.nf-top-tabloid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
  .nf-top-broadsheet .nf-c3,.nf-top-regional .nf-c3,.nf-top-tabloid .nf-c3{grid-column:1/-1;border-left:0;padding-left:0;margin-top:20px}
  .nf-top .nf-c3 ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}
}
@media(max-width:900px){.nf-top-portal{grid-template-columns:minmax(0,1fr)}.nf-top-portal .nf-c3{border-left:0;padding-left:0;margin-top:20px}}

/* sections, side column, districts, video */
.nf-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
.nf-noside{grid-template-columns:minmax(0,1fr)}
.nf-secs{display:grid;gap:30px 28px;align-items:start}
.nf-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.nf-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.nf-sec{position:relative;min-width:0}
.nf-sec .nf-mid{border-bottom:0;margin:0;padding:0 0 4px}
.nf-feat .nf-h{font-size:19px}
.nf-list{list-style:none;margin:8px 0 0;padding:0}
.nf-list li{display:flex;flex-direction:column;gap:1px;padding:8px 0;border-top:1px solid var(--nf-line)}
.nf-list a{font-weight:600;font-size:15.5px;line-height:1.45}
.nf-list time{font-size:12px;color:var(--nf-muted)}
.nf-side{min-width:0;position:relative}
.nf-side .p-box{box-shadow:none;border-radius:0;background:none;padding:0 0 16px;margin:0 0 18px;border-bottom:1px solid var(--nf-line)}
.nf-side .p-box .k-sh{margin-bottom:8px}
.nf-districts{position:relative;margin:30px 0 0;padding-top:4px}
.nf-dist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 28px}
.nf-dist h3{margin:10px 0 2px;font-family:var(--nf-hf);font-size:16px;color:var(--nf-acc);border-bottom:2px solid var(--nf-acc);padding-bottom:3px}
.nf-dist ul{list-style:none;margin:0;padding:0}
.nf-dist li{padding:7px 0;border-bottom:1px solid var(--nf-line);font-weight:600;font-size:15px;line-height:1.45}
.nf-videos{position:relative;margin:30px 0 0}
.nf-vrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.nf-vid{min-width:0}
@media(max-width:1000px){.nf-body{grid-template-columns:minmax(0,1fr)}.nf-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 26px}}

/* phone: the layout of the Hindi news apps — lead photo edge to edge, then compact rows with thumbnails */
@media(max-width:760px){
  .nf{padding-top:0}
  .nf-top{grid-template-columns:minmax(0,1fr) !important;gap:0;padding-bottom:12px;margin-bottom:18px}
  .nf-top .nf-c2,.nf-top .nf-c3{border-left:0 !important;padding-left:0 !important}
  .nf-top .nf-c3{margin-top:14px}
  .nf-top .nf-c3 ol,.nf-latest-row ol{display:block}
  .nf-ph-lead{margin:0 -16px 10px}
  .nf-lead-wide{display:block;padding-bottom:4px;border-bottom:0}
  .nf-lead-wide .nf-ph-lead{margin:0 -16px 10px}
  .nf-lh,.nf-lead-tab .nf-lh,.nf-top-clean .nf-lh{font-size:23px;line-height:1.32}
  .nf-dek{font-size:15px}.nf-dek.nf-clamp-3{-webkit-line-clamp:2}
  .nf-rel li:nth-child(n+2){display:none}
  .nf-top .nf-c1{padding-bottom:12px;border-bottom:1px solid var(--nf-line);margin-bottom:12px}
  .nf-top .nf-mid,.nf-trio .nf-mid,.nf-quad .nf-mid{display:flex;flex-direction:row-reverse;gap:12px;align-items:flex-start;border-top:0;border-bottom:1px solid var(--nf-line);margin:0;padding:11px 0}
  .nf-top .nf-mid .nf-ph,.nf-trio .nf-mid .nf-ph{width:118px;flex:0 0 118px;aspect-ratio:4/3;margin:0}
  .nf-top .nf-mid .nf-copy{flex:1;min-width:0}
  .nf-top .nf-mid .nf-h,.nf-top .nf-mid.nf-noimg .nf-h{font-size:16px}
  .nf-top .nf-mid .nf-dek{display:none}
  .nf-trio,.nf-quad{display:block;margin-top:0}
  .nf-row:first-child{padding-top:11px}
  .nf-ph-thumb,.nf-top-clean .nf-ph-thumb{width:118px;flex-basis:118px}
  .nf-cols-2,.nf-cols-3,.nf-dist-grid{grid-template-columns:minmax(0,1fr)}
  .nf-vrow{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 30px),transparent)}
  .nf-vid{flex:0 0 72%;scroll-snap-align:start}
  .nf-side{display:block}
}

/* ---------- chrome around every page of a front-enabled site ---------- */
.nf-util{background:var(--nf-ink);color:#e9e9e9;font-size:12.5px}
.nf-util-in{display:flex;align-items:center;gap:16px;min-height:30px;overflow:hidden;white-space:nowrap}
.nf-util b{font-weight:700;color:#fff}
.nf-util .nf-ed{padding-left:16px;border-left:1px solid #ffffff40}
.nf-util nav{display:flex;gap:16px;margin-left:auto}
.nf-util a{color:inherit}.nf-util a:hover{color:#fff;text-decoration:underline}
.nf-wx{display:inline-flex;align-items:center;gap:4px}
@media(max-width:760px){.nf-util{display:none}}
/* section tabs: flat, underlined (news sites), not rounded app pills */
.k-newsy.k-head-pills .k-nav-in{gap:0;padding-bottom:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.k-newsy.k-head-pills .k-nav a{border:0;border-radius:0;padding:9px 12px}
.k-newsy.k-head-pills .k-nav a[aria-current],.k-newsy.k-head-pills .k-nav a:hover{background:none;color:inherit;box-shadow:inset 0 -3px 0 var(--acc)}
/* footer with columns */
.nf-foot{background:var(--acc2,#111);color:#cfcfcf;padding:30px 0 34px;margin-top:30px;font-size:14px}
.nf-foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:24px 32px}
.nf-foot h2{font-size:14px;letter-spacing:.02em;color:#fff;margin:0 0 10px;font-family:inherit}
.nf-foot .k-mark{color:#fff}.nf-foot p{margin:10px 0 0;line-height:1.6;max-width:42ch}
.nf-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.nf-foot a:hover{color:#fff;text-decoration:underline}
.nf-foot-bottom{margin-top:24px;padding-top:14px;border-top:1px solid #ffffff26;font-size:12.5px;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between}
@media(max-width:760px){.nf-foot-grid{grid-template-columns:1fr 1fr}.nf-foot-grid>div:first-child{grid-column:1/-1}}

/* listing and article pages of front-enabled sites */
.nf-listgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
.nf-listgrid .nf-row:first-child,.nf-listgrid .nf-row:nth-child(2){padding-top:11px}
.nf-listgrid .nf-row:last-child{border-bottom:1px solid var(--nf-line)}
.nf-listlead{padding-bottom:18px;margin-bottom:8px;border-bottom:1px solid var(--nf-line)}
.nf-listlead.nf-lead-wide{border-bottom:1px solid var(--nf-line)}
.nf-artmore{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
@media(max-width:760px){.nf-listgrid,.nf-artmore{grid-template-columns:minmax(0,1fr)}.nf-listgrid .nf-row:nth-child(2){padding-top:11px}}
/* sections flow in balanced columns (no gaps beside a short block); side-box links never overlap their titles */
.nf-secs.nf-cols-2,.nf-secs.nf-cols-3{display:block;column-gap:30px}
.nf-secs.nf-cols-2{columns:2}.nf-secs.nf-cols-3{columns:3}
.nf-secs>.nf-sec{break-inside:avoid;display:block;width:100%;margin:0 0 30px}
.nf-side .k-sh{flex-wrap:wrap}
.nf-side .k-more{position:static !important;margin-left:auto}
@media(max-width:1000px){.nf-secs.nf-cols-3{columns:2}}
@media(max-width:700px){.nf-secs.nf-cols-2,.nf-secs.nf-cols-3{columns:1}}
.nf .nf-lead-tab .nf-kick,.nf .nf-tab .nf-kick{color:#fff}

.nf-mini{margin-top:4px}.nf-mini li{padding:7px 0}.nf-mini a{font-size:15px}.nf-mini time{color:var(--nf-acc);font-weight:600}


/* ---- round 2 (critic, all sites): balanced first screen, legible lists, numbering ---- */
/* desktop: the latest-news rail takes the height of its neighbours (fades out, "all news" link stays) instead of stretching the row */
@media(min-width:1101px){
  .nf-top-broadsheet .nf-c3,.nf-top-regional .nf-c3,.nf-top-tabloid .nf-c3{position:relative;align-self:stretch;min-height:440px}
  .nf-top-broadsheet .nf-c3>.nf-latest,.nf-top-regional .nf-c3>.nf-latest,.nf-top-tabloid .nf-c3>.nf-latest{position:absolute;top:0;bottom:0;left:24px;right:0;display:flex;flex-direction:column}
}
@media(min-width:901px){
  .nf-top-portal .nf-c3{position:relative;align-self:stretch;min-height:440px}
  .nf-top-portal .nf-c3>.nf-latest{position:absolute;top:0;bottom:0;left:24px;right:0;display:flex;flex-direction:column}
}
.nf-c3>.nf-latest ol{flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 46px),transparent);mask-image:linear-gradient(#000 calc(100% - 46px),transparent)}
.nf-c3>.nf-latest .nf-all{margin-top:6px}
/* larger, darker small print */
.nf-meta{font-size:13px;color:color-mix(in srgb,var(--nf-muted) 55%,var(--nf-ink))}
.nf-latest li a{font-size:15.5px}
.nf-latest time{font-size:12.5px}
.nf-list a{font-size:16px}
.nf-list time{font-size:12.5px;color:color-mix(in srgb,var(--nf-muted) 60%,var(--nf-ink))}
.nf-kick{font-size:13px}
.nf-c1 .nf-mini{margin-top:14px;border-top:2px solid var(--nf-line)}
/* themes that number their section heads: count only the sections */
.nf-counted{counter-reset:sec}
.nf-counted .nf-latest .k-shh::before,.nf-counted .nf-side .k-shh::before,.nf-counted .nf-districts .k-shh::before,.nf-counted .nf-videos .k-shh::before{content:none;counter-increment:none}
/* article pages of front sites: headline, then the photo, then byline and standfirst */
.nf-art .p-art-main>.k-art-photo,.nf-art .p-art-main>figure{margin-top:4px}
@media(max-width:760px){.nf-art .k-ah{font-size:24px;line-height:1.36}.nf-art .k-dek{font-size:16px}}

/* a designed panel where a photo would go (owner review 2026-10-04: no blank space); dark base so text reads on every theme */
.nf-fallback{position:relative;display:flex;align-items:flex-end;aspect-ratio:16/9;width:100%;border-radius:var(--radius,12px);overflow:hidden;text-decoration:none;color:#fff;
 background-color:#1c1917;background-image:linear-gradient(135deg,var(--acc) 0%,rgba(0,0,0,0) 72%),repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 2px,rgba(0,0,0,0) 2px 15px)}
.nf-fallback .nf-fb-g{position:absolute;right:5%;top:50%;transform:translateY(-50%);font:800 clamp(70px,10vw,140px)/1 var(--h);opacity:.2;letter-spacing:-2px;white-space:nowrap}
.nf-fallback .nf-fb-t{position:relative;display:flex;flex-direction:column;gap:3px;padding:16px 20px}
.nf-fallback .nf-fb-t b{font:800 clamp(18px,2vw,24px)/1.15 var(--h);color:#fff}
.nf-fallback .nf-fb-t i{font-style:normal;font-size:14px;color:#f5f5f4}
.nf-fallback:hover{filter:saturate(1.15)}

/* section-page layouts, one per site (owner review 2026-10-04: inner pages must not look alike) */
.nf-listtiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px;margin-top:6px}
.nf-listtiles .nf-mid{border-bottom:0}
.nf-listmag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:6px 0 10px;padding-bottom:12px;border-bottom:1px solid var(--nf-line,var(--line))}
.nf-listtime{list-style:none;margin:8px 0 0;padding:0 0 0 18px;border-left:3px solid var(--acc)}
.nf-listtime>li{position:relative;padding:4px 0 6px 10px}
.nf-listtime>li::before{content:"";position:absolute;left:-27px;top:12px;width:13px;height:13px;border-radius:50%;background:var(--card,#fff);box-shadow:0 0 0 3px var(--acc)}
.nf-listtime>li>time{display:block;font:800 13px var(--t);color:var(--acc-text,var(--acc));letter-spacing:.3px}
.nf-listtime .nf-row{border-bottom:0;padding-top:4px}
.nf-listdigest{list-style:none;margin:8px 0 0;padding:0;counter-reset:dg;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.nf-listdigest>li{counter-increment:dg;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start}
.nf-listdigest>li::before{content:counter(dg,devanagari);font:800 30px/1.1 var(--h);color:var(--acc);opacity:.55;padding-top:10px}
@media(max-width:760px){.nf-listtiles,.nf-listmag,.nf-listdigest{grid-template-columns:minmax(0,1fr)}}

.nf-c3>.nf-latest ol.js-fit{-webkit-mask-image:none;mask-image:none}

/* ===== bold layer: opt-in per site with DESIGN['front']['bold']=True (kit.shell adds main.nfx-main) =====
   Photo-led and legible: bigger, face-focused photos; 16.5-19px dark list text; darker accent for small print;
   compact article top. Colours, type, masthead and the five structures stay each site's own. */
.nfx-main{--nfx-acc:var(--acc-text,color-mix(in srgb,var(--acc,#c4161c) 72%,#000));--nfx-ink:var(--ink,#141414);--nfx-sub:color-mix(in srgb,var(--muted,#666) 38%,var(--ink,#141414))}
.nfx-main .nf-ph img{object-position:50% 26%;filter:saturate(1.07) contrast(1.03)}
.nfx-main .nf-kick{font-size:13.5px;color:var(--nfx-acc)}
.nfx-main .nf-lead-tab .nf-kick,.nfx-main .nf-tab .nf-kick{color:#fff;background:var(--nfx-acc)}
.nfx-main .nf-h{font-size:19px;line-height:1.38}
.nfx-main .nf-h-sm{font-size:17px;line-height:1.42}
.nfx-main .nf-h a,.nfx-main .nf-lh a{color:var(--nfx-ink)}
.nfx-main .nf-dek{font-size:16.5px;line-height:1.55;color:var(--nfx-sub)}
.nfx-main .nf-meta{font-size:13.5px;color:var(--nfx-sub)}
.nfx-main .nf-latest li a{font-size:16.5px;line-height:1.45;color:var(--nfx-ink)}
.nfx-main .nf-latest time{font-size:13px;color:var(--nfx-acc)}
.nfx-main .nf-numbered time{color:var(--nfx-sub)}
.nfx-main .nf-list a,.nfx-main .nf-mini a{font-size:17px;line-height:1.45;color:var(--nfx-ink)}
.nfx-main .nf-list time{font-size:13px;color:var(--nfx-sub)}
.nfx-main .nf-mini time{color:var(--nfx-acc)}
.nfx-main .nf-rel li{font-size:16.5px}
.nfx-main .nf-dist h3{color:var(--nfx-acc);border-bottom-color:var(--acc);font-size:17px}
.nfx-main .nf-dist li{font-size:16.5px}
.nfx-main .nf-dist li a{color:var(--nfx-ink)}
.nfx-main .nf .k-shh{font-size:22px}
.nfx-main .nf-side{font-size:15px}
/* photos larger: lead dominates, thumbnails readable */
.nfx-main .nf-lead-wide{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.nfx-main .nf-lead-wide .nf-lh{font-size:clamp(25px,2.4vw,32px)}
.nfx-main .nf-ph-thumb{width:150px;flex-basis:150px;aspect-ratio:3/2}
.nfx-main .nf-feat .nf-h{font-size:20px}
@media(min-width:761px){
  .nfx-main .nf-top-broadsheet .nf-c1 .nf-ph-lead,.nfx-main .nf-top-regional .nf-c1 .nf-ph-lead{aspect-ratio:3/2}
  .nfx-main .nf-top-tabloid .nf-c1 .nf-ph-lead{aspect-ratio:4/3}
}
/* phone: the Hindi news-app rhythm, with larger type and thumbnails */
@media(max-width:760px){
  .nfx-main .nf-ph-lead{aspect-ratio:16/9}
  .nfx-main .nf-lh,.nfx-main .nf-lead-tab .nf-lh,.nfx-main .nf-top-clean .nf-lh{font-size:23px;line-height:1.3}
  .nfx-main .nf-top .nf-mid .nf-h,.nfx-main .nf-top .nf-mid.nf-noimg .nf-h,.nfx-main .nf-h-sm{font-size:17px}
  .nfx-main .nf-ph-thumb,.nfx-main .nf-top-clean .nf-ph-thumb,.nfx-main .nf-top .nf-mid .nf-ph,.nfx-main .nf-trio .nf-mid .nf-ph{width:124px;flex-basis:124px;aspect-ratio:4/3}
  .nfx-main .nf-latest li a{font-size:16.5px}
}
/* article: legible body, compact top so the story starts on the first screen */
.nfx-main .k-body{font-size:max(19px,var(--reading,18px));line-height:1.8;color:var(--nfx-ink)}
.nfx-main .k-dek{font-size:17px;color:var(--nfx-sub)}
.nfx-main .k-keybox li{font-size:16.5px;line-height:1.55;color:var(--nfx-ink)}
.nfx-main .k-keybox h2{color:var(--nfx-acc)}
.nfx-main .k-kick{color:var(--nfx-acc)}
.nfx-main .k-by{font-size:14px;color:var(--nfx-sub)}
.nfx-main .k-crumb{font-size:13.5px;color:var(--nfx-sub)}
@media(max-width:760px){
  .nfx-main .p-art .k-ah{font-size:25px;line-height:1.34}
  .nfx-main .p-art .k-ah-long{font-size:22px}
  .nfx-main .nf-art .k-art-photo img{aspect-ratio:3/2;object-fit:cover;object-position:50% 26%;max-height:none}
  .nfx-main .k-by{margin:8px 0 10px;padding:2px 0}
  .nfx-main .k-by .icon-button,.nfx-main .k-by .save-button,.nfx-main .k-by button{min-width:38px;min-height:38px;padding:7px}
  .nfx-main .k-keybox{padding:10px 14px}
  .nfx-main .k-keybox li{font-size:16px}
}
/* the section tabs scroll sideways on phones: show it */
@media(max-width:760px){.k-newsy:has(~ main.nfx-main) .k-nav-in{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}}
@media(min-width:761px){.nfx-main .nf-top .nf-c2 .nf-row .nf-ph-thumb{width:124px;flex-basis:124px}.nfx-main .nf-top .nf-c2 .nf-row .nf-h-sm{font-size:16.5px}}

/* ===== skins of bold sites (front 'skin'): front.skin() tags blocks nfk-<skin>-<part>; each skin dresses them its own way ===== */
.nfx-main{--nfx-tint:color-mix(in srgb,var(--acc,#c4161c) 7%,var(--card,#fff));--nfx-tint2:color-mix(in srgb,var(--acc,#c4161c) 14%,var(--card,#fff))}
/* ghat: river-step rules, accent underline under photos, dash before kickers */
.nfx-main .nfk-ghat-ph{position:relative}
.nfx-main .nfk-ghat-ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--acc)}
.nfx-main .nfk-ghat-kick::before{content:"";display:inline-block;width:16px;height:3px;background:currentColor;vertical-align:middle;margin:0 6px 2px 0}
.nfx-main .nfk-ghat-sec{border-top:3px solid var(--nfx-ink);padding-top:12px}
.nfx-main .nfk-ghat-list li{position:relative;padding-left:16px}
.nfx-main .nfk-ghat-list li::before{content:"";position:absolute;left:0;top:16px;width:7px;height:7px;background:var(--acc)}
.nfx-main .nfk-ghat-latest li{border-bottom-style:dashed}
.nfx-main .nfk-ghat-box{border-top:3px solid var(--nfx-ink)!important;padding-top:10px!important}
/* chaupal: soft tinted section panels, pill kickers, timeline dots in the latest list */
.nfx-main .nfk-chaupal-sec{background:linear-gradient(var(--nfx-tint),var(--nfx-tint));padding:14px 16px 10px;border-radius:12px}
.nfx-main .nfk-chaupal-ph{border-radius:10px}
.nfx-main .nfk-chaupal-kick{display:inline-block;background:var(--nfx-tint2);color:var(--nfx-acc);padding:1px 9px;border-radius:999px;margin-bottom:5px}
.nfx-main .nfk-chaupal-latest ol{border-left:2px solid var(--nfx-tint2);padding-left:14px}
.nfx-main .nfk-chaupal-latest li{position:relative}
.nfx-main .nfk-chaupal-latest li::before{content:"";position:absolute;left:-20px;top:14px;width:10px;height:10px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 3px var(--card,#fff)}
.nfx-main .nfk-chaupal-box{background:linear-gradient(var(--nfx-tint),var(--nfx-tint))!important;padding:12px 14px!important;border-radius:12px!important;border:0!important}
.nfx-main .nfk-chaupal-keybox{border-radius:12px}
/* mandana: dotted folk border over each block, leaf-cut photo corners, diamond list markers */
.nfx-main .nfk-mandana-sec,.nfx-main .nfk-mandana-box,.nfx-main .nfk-mandana-dist,.nfx-main .nfk-mandana-rail{padding-top:16px!important;background:radial-gradient(circle,var(--acc) 1.6px,transparent 1.9px) 0 0/12px 8px repeat-x!important}
.nfx-main .nfk-mandana-ph{border-radius:18px 0 18px 0}
.nfx-main .nfk-mandana-list li{position:relative;padding-left:18px}
.nfx-main .nfk-mandana-list li::before{content:"";position:absolute;left:1px;top:15px;width:7px;height:7px;background:var(--acc);transform:rotate(45deg)}
.nfx-main .nfk-mandana-row{border-bottom-style:dotted;border-bottom-width:2px}
.nfx-main .nfk-mandana-kick{font-weight:800}
/* kesar: saffron top edge on photos, side rule on section blocks, alternating tint in lists */
.nfx-main .nfk-kesar-ph{border-top:5px solid var(--acc)}
.nfx-main .nfk-kesar-sec{border-left:4px solid var(--acc);padding-left:14px}
.nfx-main .nfk-kesar-latest li:nth-child(even),.nfx-main .nfk-kesar-list li:nth-child(even){background:linear-gradient(var(--nfx-tint),var(--nfx-tint));margin:0 -8px;padding-left:8px;padding-right:8px}
.nfx-main .nfk-kesar-kick{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.nfx-main .nfk-kesar-box{border-left:4px solid var(--acc)!important;padding-left:12px!important}
/* patti: newspaper double rules, framed photos, ruled kickers */
.nfx-main .nfk-patti-sec,.nfx-main .nfk-patti-box,.nfx-main .nfk-patti-dist,.nfx-main .nfk-patti-rail{border-top:5px double var(--nfx-ink)!important;padding-top:12px!important}
.nfx-main .nfk-patti-kick{color:var(--nfx-ink);letter-spacing:.03em}
.nfx-main .nfk-patti-kick::before{content:"■ ";color:var(--acc)}
.nfx-main .nfk-patti-list li{border-top-style:dotted}
.nfx-main .nfk-patti-top{border-bottom:5px double var(--nfx-ink)}
/* chunri: rounded bordered cards, round photos corners, dotted chunri band at the top of the front */
.nfx-main .nfk-chunri-sec{border:1px solid color-mix(in srgb,var(--acc) 28%,var(--nf-line));border-radius:14px;padding:14px 16px 8px}
.nfx-main .nfk-chunri-ph{border-radius:14px}
.nfx-main .nfk-chunri-kick::before{content:"● ";color:var(--acc)}
.nfx-main .nfk-chunri-latest li:nth-child(odd){background:linear-gradient(var(--nfx-tint),var(--nfx-tint));border-radius:8px;padding-left:8px;padding-right:8px}
.nfx-main .nfk-chunri-top{border-bottom:0;padding-bottom:26px;background:radial-gradient(circle,var(--acc) 2px,transparent 2.4px) 0 100%/16px 10px repeat-x}
.nfx-main .nfk-chunri-box{border:1px solid color-mix(in srgb,var(--acc) 28%,var(--nf-line))!important;border-radius:14px!important;padding:12px 14px!important}
/* mahua: offset photo shadow, short thick bar over sections, numbered section lists */
.nfx-main .nfk-mahua-ph{box-shadow:6px 6px 0 color-mix(in srgb,var(--acc) 30%,transparent);margin-right:6px}
.nfx-main .nfk-mahua-sec{position:relative;padding-top:14px}
.nfx-main .nfk-mahua-sec::before{content:"";position:absolute;left:0;top:0;width:54px;height:6px;background:var(--acc)}
.nfx-main .nfk-mahua-list{counter-reset:mh}
.nfx-main .nfk-mahua-list li{counter-increment:mh;position:relative;padding-left:30px}
.nfx-main .nfk-mahua-list li::before{content:counter(mh,devanagari);position:absolute;left:0;top:6px;font:800 19px/1 var(--nf-hf);color:var(--nfx-acc)}
.nfx-main .nfk-mahua-kick{font-style:italic}
/* bandhej: tag kickers, white-rimmed photos with accent ring, accent rail beside the latest list */
.nfx-main .nfk-bandhej-kick{display:inline-block;background:var(--nfx-acc);color:#fff!important;padding:1px 8px;margin-bottom:5px;border-radius:3px}
.nfx-main .nfk-bandhej-ph{border-radius:6px}
.nfx-main .nfk-bandhej-latest ol{border-left:4px solid var(--acc);padding-left:12px}
.nfx-main .nfk-bandhej-sec .nf-list li{border-top:1px dashed color-mix(in srgb,var(--acc) 45%,var(--nf-line))}
.nfx-main .nfk-bandhej-sec{padding-bottom:6px;border-bottom:3px solid var(--acc)}
@media(max-width:760px){
  .nfx-main .nfk-chaupal-sec,.nfx-main .nfk-chunri-sec{padding:12px}
  .nfx-main .nfk-mahua-ph{box-shadow:4px 4px 0 color-mix(in srgb,var(--acc) 30%,transparent)}
  .nfx-main .nf-ph-lead.nfk-mahua-ph,.nfx-main .nf-ph-lead.nfk-chaupal-ph,.nfx-main .nf-ph-lead.nfk-chunri-ph,.nfx-main .nf-ph-lead.nfk-mandana-ph{border-radius:0;box-shadow:none}
}
/* clean front of bold sites: on phones the headlines under the lead follow the photo rows */
@media(max-width:760px){.nfx-main .nf-top .nf-c1{display:contents}.nfx-main .nf-top .nf-c1>.nf-lead{order:0;padding-bottom:12px;border-bottom:1px solid var(--nf-line);margin-bottom:4px}.nfx-main .nf-top .nf-c1>.nf-trio{order:0}.nfx-main .nf-top .nf-c2{order:1}.nfx-main .nf-top .nf-c1>.nf-mini{order:2;margin-top:8px}.nfx-main .nf-top .nf-c3{order:3}}
/* bold: rows under the lead, live-data boxes in the column flow, legible widgets */
.nfx-main .nf-c1rows>[hidden]{display:none!important}
.nfx-main .nf-c1rows{margin-top:12px;border-top:2px solid var(--nf-line)}
.nfx-main .nf-c1rows .nf-row:first-child{padding-top:11px}
.nfx-main .nfx-flow .nfx-sidebox .p-box{border-bottom:0;margin:0;padding:0}
.nfx-main .nfx-sidebox{padding:2px 0 4px}
.nfx-main .p-box{color:var(--nfx-ink)}
.nfx-main .p-wx-hl{font-size:14.5px;color:var(--nfx-sub)}
.nfx-main .p-wx-meta{font-size:14px;color:var(--nfx-sub)}
.nfx-main .p-wx-days li{font-size:14px}.nfx-main .p-wx-days small{color:var(--nfx-sub);font-size:12.5px}
.nfx-main .p-hist li,.nfx-main .p-list li{font-size:15.5px;line-height:1.45}
.nfx-main .p-hist b,.nfx-main .p-list time,.nfx-main .p-list b{color:var(--nfx-acc);font-size:13.5px}
.nfx-main .p-list small,.nfx-main .p-sub,.nfx-main .p-tithi span{color:var(--nfx-sub);font-size:14px}
.nfx-main .p-tithi b{font-size:17px}
@media(min-width:1101px){.nfx-main .nf-top-tabloid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 270px}}
@media(min-width:761px){.nfx-main .nf-quad{grid-template-columns:minmax(0,1fr);gap:0}.nfx-main .nf-quad .nf-mid{display:flex;gap:12px;align-items:flex-start;border-top:0;border-bottom:1px solid var(--nf-line);padding:10px 0;margin:0}.nfx-main .nf-quad .nf-mid:first-child{padding-top:0}.nfx-main .nf-quad .nf-mid .nf-ph{flex:0 0 132px;width:132px;aspect-ratio:4/3;margin:0}.nfx-main .nf-quad .nf-mid .nf-copy{flex:1;min-width:0}.nfx-main .nf-quad .nf-mid .nf-h{font-size:17px}.nfx-main .nf-quad .nf-mid .nf-dek{display:none}}
@media(max-width:760px){.nfx-main .nf-ph-lead,.nfx-main .nf-lead-wide .nf-ph-lead{margin:0 0 10px}}
.nfx-main .nf-lead-tab .nf-lh{font-size:clamp(26px,2.3vw,33px);line-height:1.25}
/* bold portal fronts: the lead is a big photo with the headline under it */
@media(min-width:761px){
  .nfx-main .nf-top-portal .nf-lead-wide{display:block}
  .nfx-main .nf-top-portal .nf-lead-wide .nf-ph-lead{aspect-ratio:12/5;margin:0 0 10px}
  .nfx-main .nf-top-portal .nf-lead-wide .nf-lh{font-size:clamp(26px,2.5vw,34px)}
}
.nfx-main .article-body>.k-keybox{margin:6px 0 22px}
.nf-util:has(~ main.nfx-main){font-size:13.5px;color:#fff}
.nfx-main .article-body>.k-keybox h2{font-size:16.5px;margin:0 0 6px;font-family:inherit}
.nfx-main .p-tithi{display:flex;flex-direction:column;gap:3px;line-height:1.45}
.nfx-main .p-tithi span{display:block}
/* (tints are painted as gradients: some colour checkers misread color-mix() backgrounds) */
.nfx-main .nf-lh.nf-lh-long,.nfx-main .nf-lead-tab .nf-lh.nf-lh-long,.nfx-main .nf-top-portal .nf-lead-wide .nf-lh.nf-lh-long{font-size:clamp(22px,1.9vw,27px);line-height:1.32}
@media(max-width:760px){.nfx-main .nf-lh.nf-lh-long,.nfx-main .nf-lead-tab .nf-lh.nf-lh-long{font-size:21px}}
@media(max-width:760px){.nfx-main .nf-lead .nf-rel{display:none}}