/* TaxClue News — newspaper-style front (PREVIEW, /news?layout=paper).
   Loaded by templates/pages/news/_index_paper.php on top of news.css, whose
   tokens (--paper, --navy, --red, --f-display …) and .nw-* pieces it reuses.
   Every class here is .np-*.
   Layout: nameplate > just-in strip > three-column front (briefs | lead with
   cover | latest) > deadlines strip > four cover cards > six sections >
   "From the Gazette" table > brief sign-up.
   Covers are drawn, not photographed: a toned panel, a line motif for the
   desk, and the story's own number or date set large. */

/* ── header: one compact line (brand | sections | search + brief), sticky ── */
.np-bar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.np-bar .nw-wrap{display:flex;align-items:center;gap:22px;height:64px}
.np-brand{display:flex;align-items:center;gap:11px;flex:none}
.np-brand img{height:28px;width:auto;display:block}
.np-brand span{font:italic 400 27px/1 var(--f-display);color:var(--navy);padding-left:11px;border-left:1px solid var(--line-2);letter-spacing:-.01em}
.np-links{display:flex;align-items:stretch;gap:2px;flex:1;min-width:0;height:100%;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
.np-links::-webkit-scrollbar{display:none}
.np-links a{flex:none;display:flex;align-items:center;padding:0 11px;font-size:14px;font-weight:500;color:var(--ink-2);border-bottom:2px solid transparent;border-top:2px solid transparent;white-space:nowrap}
.np-links a:hover{color:var(--ink)}
.np-links a[aria-current="page"]{color:var(--ink);font-weight:600;border-bottom-color:var(--red)}
.np-search{flex:none;display:flex;align-items:center;gap:7px;width:190px;height:38px;padding:0 11px;border:1px solid var(--line-2);border-radius:8px;background:var(--paper)}
.np-search button{flex:none;display:grid;place-items:center;border:0;background:none;padding:0;width:20px;height:100%;color:var(--mute);cursor:pointer}
.np-search button:hover{color:var(--ink)}
.np-search input{border:0;background:none;outline:0;width:100%;min-width:0;font-size:14px}
.np-search:focus-within{border-color:var(--navy);background:var(--card)}
.np-cta{flex:none;height:38px;padding:0 15px}
/* ── just in ── */
.np-tick{background:var(--navy);color:var(--on-navy)}
.np-tick .nw-wrap{display:flex;align-items:center;gap:16px;padding-block:0}
.np-tick b{flex:none;background:var(--red);color:#fff;font:700 11px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;padding:11px 12px}
.np-tick b{display:flex;align-items:center;gap:7px;position:relative;z-index:1}
.np-tick b i{width:7px;height:7px;border-radius:50%;background:#fff;animation:npFlash 1.2s ease-in-out infinite}
@keyframes npFlash{50%{opacity:.25;transform:scale(.7)}}
/* the row runs: two copies of the headlines, slid left by half the row (see index.php) */
.np-tick-view{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 40px),transparent)}
.np-tick ul{display:flex;width:max-content;padding-block:9px;animation:npTick var(--np-tick-s,60s) linear infinite}
.np-tick-view:hover ul,.np-tick-view:focus-within ul{animation-play-state:paused}
@keyframes npTick{to{transform:translateX(-50%)}}
.np-tick li{flex:none;font-size:13.5px;padding-right:34px;white-space:nowrap}
.np-tick li::after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red-on-navy);margin-left:34px;vertical-align:middle}
.np-tick a:hover{color:var(--gold)}
@media (prefers-reduced-motion:reduce){
  .np-tick b i{animation:none}
  .np-tick-view{overflow-x:auto;scrollbar-width:none}
  .np-tick-view::-webkit-scrollbar{display:none}
  .np-tick ul{animation:none}
  .np-tick li.is-copy{display:none}
}
.np-tick-r{flex:none;margin-left:auto;padding-left:18px;font:400 11.5px/1 var(--f-mono);color:var(--on-navy-2);white-space:nowrap}
.np-tick-r a{color:var(--on-navy);margin-left:14px}
.np-tick-r a:hover{color:var(--gold)}
.np-tick time{font:500 11px/1 var(--f-mono);text-transform:uppercase;color:var(--gold);margin-right:8px}

/* ── shared bits ── */
.np-kick{font:700 11px/1.3 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--red-deep)}
.np-kick span{color:var(--mute);font-weight:500;letter-spacing:.04em}
.np-sum{font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.np-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid var(--line-2);position:relative}
.np-h::before{content:"";position:absolute;left:0;top:-9px;width:44px;height:3px;background:var(--red)}
.np-h h2{font:700 13px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase}
.np-h--big h2{font:500 26px/1 var(--f-display);letter-spacing:-.015em;text-transform:none}
:where(.np-front,.np-sec) :is(h1,h2,h3) a:hover{color:var(--red-deep)}

/* ── covers ── */
.np-cover{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;aspect-ratio:16/9;padding:16px 18px;border-radius:4px;overflow:hidden;background:var(--navy);color:var(--on-navy)}
.np-cover svg{position:absolute;right:-3%;top:7%;width:50%;height:auto;opacity:.3}
.np-cover-s{position:relative;font:500 10.5px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.8;max-width:80%}
.np-cover-b{position:relative;font:500 clamp(24px,2.5vw,34px)/1 var(--f-display);letter-spacing:-.025em;max-width:92%}
.np-cover--navy .np-cover-b{color:var(--gold)}
.np-cover--red{background:var(--red-deep);color:#fff}
.np-cover--cream{background:var(--nest);color:var(--navy);border:1px solid var(--line-2)}
.np-cover--cream svg{opacity:.34}
.np-cover--gold{background:var(--gold);color:var(--navy)}
.np-cover--gold svg{opacity:.42}
.np-cover--ink{background:#1D2740;color:var(--on-navy)}
.np-cover--lead{aspect-ratio:2.2/1;padding:28px 34px}
.np-cover--lead .np-cover-b{font-size:clamp(40px,5.4vw,78px)}
.np-cover--lead .np-cover-s{font-size:12px}
.np-cover--lead svg{width:44%;top:9%}

/* ── front ── */
.np-front{padding-block:28px 34px}
.np-front-g{display:grid;grid-template-columns:320px minmax(0,1fr) 360px;gap:0}
.np-col-l{padding-right:32px;display:flex;flex-direction:column}
.np-lead{padding-inline:32px;border-inline:1px solid var(--line);display:flex;flex-direction:column;gap:14px;min-width:0}
.np-col-r{padding-left:32px;min-width:0}
.np-item{padding-block:18px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.np-item:first-child{padding-top:0}
.np-item:last-child{border-bottom:0}
.np-item h2{font:500 20px/1.2 var(--f-display);letter-spacing:-.01em}
.np-lead h1{font:500 clamp(30px,3.6vw,48px)/1.06 var(--f-display);letter-spacing:-.025em}
.np-deck{font-size:18px;line-height:1.5;color:var(--ink-2)}
.np-lead-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:13.5px;color:var(--mute)}
.np-lead-meta .nw-more{margin-left:auto}
.np-item .np-sum{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.np-under{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:8px;padding-top:20px;border-top:1px solid var(--line)}
.np-under article{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;align-items:start}
.np-under h2{font:500 18px/1.22 var(--f-display);letter-spacing:-.01em;margin-top:6px}
.np-cover--sm{aspect-ratio:4/3;padding:10px 11px}
.np-cover--sm .np-cover-b{font-size:20px}
.np-cover--sm svg{width:70%;top:6%}
.np-latest li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.np-latest li:last-child{border-bottom:0}
.np-latest time{font:500 11.5px/1.6 var(--f-mono);text-transform:uppercase;color:var(--red-deep)}
.np-latest a{font:500 15.5px/1.3 var(--f-display)}
.np-latest a:hover{color:var(--red-deep)}

/* ── deadlines strip ── */
.np-due{background:var(--nest);border-block:1px solid var(--line)}
.np-due .nw-wrap{display:flex;align-items:stretch;gap:0}
.np-due-h{flex:none;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:14px 24px 14px 0;border-right:1px solid var(--line-2)}
.np-due-h h2{font:700 12px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase}
.np-due ul{display:flex;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.np-due ul::-webkit-scrollbar{display:none}
.np-due li{flex:1 0 auto;display:flex;align-items:center;gap:11px;padding:12px 20px;border-right:1px solid var(--line-2)}
.np-due li:last-child{border-right:0}
.np-due .d{display:flex;flex-direction:column;align-items:center;gap:2px;font:500 10px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.np-due .d b{font:500 26px/1 var(--f-display);color:var(--navy);letter-spacing:-.02em}
.np-due .t{display:flex;flex-direction:column;gap:3px;font:400 11.5px/1.2 var(--f-mono);color:var(--mute)}
.np-due .t b{font:600 14px/1.2 var(--f-body);color:var(--ink)}
.np-due li.is-soon .d b,.np-due li.is-soon .t{color:var(--red-deep)}
.np-due li.is-soon .t b{color:var(--ink)}

/* ── cover cards ── */
.np-sec{padding-block:44px}
.np-sec--alt{background:var(--card);border-block:1px solid var(--line)}
.np-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:22px}
.np-card{display:flex;flex-direction:column;gap:10px;align-items:flex-start;min-width:0}
.np-card > a{width:100%}
.np-card h3{font:500 19px/1.22 var(--f-display);letter-spacing:-.01em}

/* ── sections ── */
.np-secs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 48px}
.np-section{min-width:0}
.np-top{display:flex;flex-direction:column;gap:10px;padding-block:20px 16px}
.np-top .np-cover{aspect-ratio:2/1}
.np-top h3{font:500 22px/1.18 var(--f-display);letter-spacing:-.012em}
.np-list li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;border-top:1px solid var(--line)}
.np-list a{font:500 15.5px/1.32 var(--f-display)}
.np-list a:hover{color:var(--red-deep)}
.np-list span{flex:none;font:400 11px/1 var(--f-mono);text-transform:uppercase;color:var(--mute)}

/* ── from the gazette ── */
.np-gaz{margin-top:20px;border:1px solid var(--line);border-radius:8px;background:var(--card);overflow:hidden}
.np-gaz-head,.np-gaz-row{display:grid;grid-template-columns:62px minmax(0,1fr) minmax(0,1.15fr) 140px;gap:20px;align-items:center;padding:0 18px}
.np-gaz-head{padding-block:11px;background:var(--paper);border-bottom:1px solid var(--line);font:600 10.5px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.np-gaz-row{padding-block:14px;border-bottom:1px solid var(--line)}
.np-gaz-row:last-child{border-bottom:0}
.np-gaz-row:hover{background:var(--paper)}
.np-gaz-row time{font:500 12px/1 var(--f-mono);text-transform:uppercase;color:var(--ink-2)}
.np-gaz-row .o{font:400 14px/1.4 'Times New Roman',Times,serif;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.np-gaz-row .o b{display:block;font:500 11px/1.5 var(--f-mono);color:var(--mute)}
.np-gaz-row .p{font:500 17px/1.28 var(--f-display)}
.np-gaz-row:hover .p{color:var(--red-deep)}
.np-gaz-row .nw-imp{justify-self:start}

/* ── brief ── */
.np-brief{background:var(--navy);color:var(--on-navy)}
.np-brief-g{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px 56px;align-items:center;padding-block:38px}
.np-brief h2{font:italic 400 32px/1.1 var(--f-display)}
.np-brief p{margin-top:10px;color:var(--on-navy-2);max-width:56ch}
.np-brief form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.np-brief input{height:44px;border-radius:8px;border:1px solid var(--navy-line);background:rgba(255,255,255,.07);padding:0 14px;font-size:15px;color:var(--on-navy);min-width:0}
.np-brief input::placeholder{color:var(--on-navy-3)}
.np-brief .nw-btn{height:44px}
.np-brief output{grid-column:1 / -1;font:400 12.5px/1.4 var(--f-mono);color:var(--gold)}
.np-brief output.is-err{color:var(--red-on-navy)}

/* ── responsive ── */
@media (max-width:1400px){
  .np-front-g{grid-template-columns:270px minmax(0,1fr) 310px}
  .np-col-l{padding-right:26px}.np-lead{padding-inline:26px}.np-col-r{padding-left:26px}
  .np-secs{gap:48px 36px}
}
/* below 1500 the nine sections need the room: search folds to its icon (it still opens the Board) */
@media (max-width:2200px){
  .np-links{justify-content:flex-start}
  .np-search{width:38px;padding:0;justify-content:center}
  .np-search input{display:none}
  .np-bar .nw-wrap{gap:14px}
}
@media (max-width:1280px){.np-links a{padding:0 8px;font-size:13.5px}}
@media (max-width:1140px){
  .np-front-g{grid-template-columns:minmax(0,1fr) 290px}
  .np-lead{grid-column:1;grid-row:1;padding-left:0;border-left:0}
  .np-col-r{grid-column:2;grid-row:1}
  .np-col-l{grid-column:1 / -1;grid-row:2;flex-direction:row;gap:28px;padding:22px 0 0;margin-top:22px;border-top:1px solid var(--line)}
  .np-item{flex:1;padding:0;border-bottom:0}
  .np-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .np-secs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .np-brief-g{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  .np-bar .nw-wrap{flex-wrap:wrap;height:auto;gap:0 12px;padding-top:10px}
  .np-brand img{height:24px}
  .np-brand span{font-size:23px}
  .np-search{display:none}
  .np-cta{margin-left:auto;height:34px;padding:0 12px;font-size:13px}
  .np-links{order:5;flex:1 1 100%;height:44px;margin-top:6px;margin-inline:calc(var(--gut) * -1);padding-inline:calc(var(--gut) - 11px);border-top:1px solid var(--line)}
  .np-tick-r{display:none}
  .np-tick .nw-wrap{padding-inline:0;gap:0}
  .np-front{padding-block:20px 26px}
  .np-front-g{grid-template-columns:minmax(0,1fr)}
  .np-lead,.np-col-r,.np-col-l{grid-column:1;grid-row:auto;padding-inline:0;border-inline:0}
  .np-lead{order:-1}
  .np-col-l{border-top:1px solid var(--line)}
  .np-col-r{margin-top:26px}
  .np-col-l{flex-direction:column;gap:0;margin-top:26px;padding-top:0}
  .np-item{padding-block:18px;border-bottom:1px solid var(--line)}
  .np-cover--lead{aspect-ratio:16/9;padding:18px 20px}
  .np-under{grid-template-columns:minmax(0,1fr);gap:18px}
  .np-deck{font-size:16.5px}
  .np-lead-meta .nw-more{margin-left:0;flex-basis:100%}
  .np-due .nw-wrap{flex-direction:column;padding-inline:0}
  .np-due-h{flex-direction:row;justify-content:space-between;align-items:baseline;padding:12px var(--gut) 0;border-right:0}
  .np-due li{flex:none;padding:12px 16px}
  .np-sec{padding-block:32px}
  .np-cards,.np-secs{grid-template-columns:minmax(0,1fr)}
  .np-secs{gap:36px}
  .np-card{display:grid;grid-template-columns:132px minmax(0,1fr);gap:4px 14px;align-items:start}
  .np-card > a{grid-row:1 / span 3}
  .np-card .np-cover{aspect-ratio:4/3;padding:10px}
  .np-card .np-cover-b{font-size:19px}
  .np-card .np-cover-s{display:none}
  .np-card h3{font-size:17px}
  .np-gaz-head{display:none}
  .np-gaz-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px}
  .np-gaz-row time{grid-column:1;grid-row:1}
  .np-gaz-row .nw-imp{grid-column:2;grid-row:1;justify-self:end}
  .np-gaz-row .p{grid-column:1 / -1;grid-row:2}
  .np-gaz-row .o{grid-column:1 / -1;grid-row:3}
  .np-brief form{grid-template-columns:minmax(0,1fr)}
}

/* ── image covers, empty states ── */
.np-cover--img{padding:0;background:var(--nest)}
.np-cover--img img{width:100%;height:100%;object-fit:cover;display:block}
.np-empty{padding:48px 0;display:flex;flex-direction:column;gap:14px;align-items:flex-start;max-width:60ch}
.np-empty h1{font:500 40px/1.05 var(--f-display);letter-spacing:-.02em}
.np-empty p{font-size:17px;color:var(--ink-2)}
.np-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* ══════════ section page ══════════ */
.np-chead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 40px;align-items:end;padding-block:14px 22px;border-bottom:3px double var(--navy)}
.np-chead h1{font:500 clamp(36px,4.6vw,60px)/1.02 var(--f-display);letter-spacing:-.028em}
.np-chead p{font-size:17px;color:var(--ink-2);max-width:64ch;margin-top:10px}
.np-chead-n{font:400 12px/1.5 var(--f-mono);color:var(--mute);text-align:right;margin:0}
.np-chead-n b{display:block;font:400 40px/1 var(--f-display);color:var(--navy);letter-spacing:-.02em}
.np-sform{display:flex;gap:10px;margin-top:22px;max-width:640px}
.np-sform input{flex:1;min-width:0;height:46px;border:1px solid var(--line-2);border-radius:8px;background:var(--card);padding:0 14px;font-size:16px}
.np-sform input:focus{outline:0;border-color:var(--navy)}
.np-sform .nw-btn{height:46px}
.np-cgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;padding-block:28px 56px;align-items:start}
.np-cmain{min-width:0;display:flex;flex-direction:column;gap:34px}
.np-clead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center;padding-bottom:34px;border-bottom:1px solid var(--line)}
.np-clead > div{display:flex;flex-direction:column;gap:13px;min-width:0}
.np-clead h2{font:500 clamp(26px,2.8vw,38px)/1.08 var(--f-display);letter-spacing:-.022em}
.np-clead h2 a:hover,.np-chead a:hover{color:var(--red-deep)}
.np-clead .np-deck{font-size:16.5px}
.np-clead .np-lead-meta .nw-more{margin-left:0}
.np-ccards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}
.np-ccards .np-sum{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.np-cside{display:flex;flex-direction:column;gap:30px;position:sticky;top:86px;min-width:0}
.np-seclist li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font:500 16px/1.3 var(--f-display)}
.np-seclist a:hover{color:var(--red-deep)}
.np-seclist span{font:500 12px/1.7 var(--f-mono);color:var(--mute)}

/* ══════════ article ══════════ */
.np-draft{background:var(--gold);color:var(--navy);font-size:13.5px}
.np-draft .nw-wrap{padding-block:9px}
.np-ahead{max-width:1040px;padding-block:14px 0;display:flex;flex-direction:column;gap:16px}
.np-ahead-k{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.np-ahead-k a.np-kick:hover{text-decoration:underline;text-underline-offset:3px}
.np-ahead h1{font:500 clamp(32px,4.5vw,58px)/1.04 var(--f-display);letter-spacing:-.028em}
.np-astand{font:400 clamp(18px,1.7vw,22px)/1.5 var(--f-body);color:var(--ink-2);max-width:66ch}
.np-aby{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-block:14px;border-block:1px solid var(--line);margin-top:6px}
.np-aby-l{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--mute);line-height:1.45}
.np-aby-l b{display:block;color:var(--ink);font-weight:600;font-size:14.5px}
.np-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--navy);color:var(--gold);font:500 18px/1 var(--f-display);flex:none}
.np-share{display:flex;flex-wrap:wrap;gap:6px}
.np-agrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;padding-block:28px 60px;align-items:start}
.np-amain{min-width:0;max-width:820px;display:flex;flex-direction:column;gap:28px}
.np-afig{margin:0}
.np-afig .np-cover--lead{aspect-ratio:2.3/1}
.np-body{font-size:18px;line-height:1.72;color:#1D2535}
.np-body > * + *{margin-top:1em}
.np-body :is(h2,h3,h4){font-family:var(--f-display);font-weight:500;color:var(--ink);letter-spacing:-.014em;line-height:1.18;text-wrap:balance}
.np-body h2{font-size:28px;margin-top:1.5em}
.np-body h3{font-size:22px;margin-top:1.4em}
.np-body h4{font-size:18.5px;margin-top:1.3em}
.np-body p,.np-body li{margin-bottom:0}
.np-body :is(ul,ol){padding-left:1.3em}
.np-body ul{list-style:disc}
.np-body ol{list-style:decimal}
.np-body li + li{margin-top:.45em}
.np-body li::marker{color:var(--red)}
.np-body a{color:var(--red-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.np-body a:hover{color:var(--navy)}
.np-body strong,.np-body b{font-weight:600;color:var(--ink)}
.np-body blockquote{margin-inline:0;padding:18px 22px;background:var(--sheet);border:1px solid var(--line-2);border-left:3px solid var(--gold);border-radius:4px;font:400 17.5px/1.6 'Times New Roman',Times,Georgia,serif;color:var(--sheet-ink)}
.np-body blockquote cite{display:inline-block;margin-top:8px;font:500 12px/1.4 var(--f-mono);font-style:normal;color:var(--mute)}
.np-body img{max-width:100%;height:auto;border-radius:4px}
.np-body figure{margin-inline:0}
.np-body figcaption{font-size:13px;color:var(--mute);margin-top:6px}
.np-body hr{border:0;border-top:1px solid var(--line-2);margin-block:1.6em}
.np-body table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.45;background:var(--card);border:1px solid var(--line)}
.np-body th{text-align:left;font:600 11px/1.2 var(--f-body);letter-spacing:.09em;text-transform:uppercase;color:var(--mute);padding:11px 14px;background:var(--paper);border-bottom:1px solid var(--line)}
.np-body td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.np-body tr:last-child td{border-bottom:0}
.np-body > :first-child{margin-top:0}
/* "A+ Larger text": every part of the story grows, not the body alone */
.np-amain.is-big .np-body{font-size:22px}
.np-amain.is-big .np-body h2{font-size:32px}
.np-amain.is-big .np-body h3{font-size:25px}
.np-amain.is-big .np-body :is(table,blockquote){font-size:19px}
.np-amain.is-big :is(.np-key li,.np-hindi p){font-size:21px}
.np-amain.is-big :is(.np-ba > div:not(.np-ba-arrow),.np-time li,.np-faq p){font-size:19.5px}
.np-amain.is-big .np-faq summary{font-size:22px}
.np-amain.is-big .np-inline-cta p{font-size:17.5px}
.np-source{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 20px;align-items:center;padding:18px 20px;border:1px solid var(--line-2);border-radius:8px;background:var(--card)}
.np-source span{grid-column:1;font:600 10.5px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.np-source b{grid-column:1;font:500 19px/1.25 var(--f-display)}
.np-source .nw-btn{grid-column:2;grid-row:1 / span 2}
.np-afoot{font-size:13px;color:var(--mute);border-top:1px solid var(--line);padding-top:14px}
.np-aside{display:flex;flex-direction:column;gap:30px;position:sticky;top:86px;min-width:0}
.np-mini li{display:grid;grid-template-columns:104px minmax(0,1fr);gap:13px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start}
.np-mini li:last-child{border-bottom:0}
.np-mini .np-cover--sm .np-cover-b{font-size:16px}
.np-mini-t{display:block;margin-top:5px;font:500 16px/1.28 var(--f-display)}
.np-mini-t:hover{color:var(--red-deep)}

@media (max-width:1140px){
  .np-cgrid,.np-agrid{grid-template-columns:minmax(0,1fr) 300px;gap:36px}
  .np-ccards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .np-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px){
  .np-chead{grid-template-columns:minmax(0,1fr)}
  .np-chead-n{text-align:left}
  .np-cgrid,.np-agrid{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:22px 40px}
  .np-clead{grid-template-columns:minmax(0,1fr);gap:16px;padding-bottom:26px}
  .np-ccards,.np-cards--3{grid-template-columns:minmax(0,1fr);gap:22px}
  .np-ccards .np-sum{display:none}
  .np-cside,.np-aside{position:static}
  .np-body{font-size:17px}
  .np-body h2{font-size:24px}
  .np-body table{display:block;overflow-x:auto}
  .np-source{grid-template-columns:minmax(0,1fr)}
  .np-source .nw-btn{grid-column:1;grid-row:auto;margin-top:8px;justify-self:start}
  .np-afig .np-cover--lead{aspect-ratio:16/9}
  .nw-top-l{overflow-x:auto;scrollbar-width:none;white-space:nowrap}
  .nw-top-l::-webkit-scrollbar{display:none}
  .nw-top-r{display:none}
}

/* ══════════ front page: numbers, the month, next due ══════════ */
.np-sec--tight{padding-top:0}
.np-figs{margin-top:22px;border-top:0}
.np-figs .nw-fig{padding-top:6px}
.np-dl{display:grid;grid-template-columns:340px minmax(0,1fr) 300px;gap:44px;align-items:start;margin-top:24px}
.np-dl .nw-dues{columns:2;column-gap:36px}
.np-next{background:var(--navy);color:var(--on-navy);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.np-next-k{font:500 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.np-next-n{display:flex;align-items:baseline;gap:10px}
.np-next-n b{font:400 84px/.85 var(--f-display);letter-spacing:-.04em}
.np-next-n span{font:italic 400 22px/1 var(--f-display);color:var(--on-navy-2)}
.np-next strong{font:500 24px/1.15 var(--f-display)}
.np-next p{font-size:14px;color:var(--on-navy-2)}
.np-next .nw-btn{margin-top:6px}
@media (max-width:1280px){
  .np-dl{grid-template-columns:330px minmax(0,1fr);gap:32px}
  .np-dl .nw-dues{columns:1}
  .np-next{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 28px}
  .np-next-n b{font-size:56px}
}
@media (max-width:860px){
  .np-dl{grid-template-columns:minmax(0,1fr);gap:26px}
  .np-figs{grid-template-columns:minmax(0,1fr)!important}
  .np-next{flex-direction:column;align-items:flex-start}
}
.np-card .nw-imp{justify-self:start}
.nw-cal-h{gap:10px}
.nw-cal-h b{white-space:nowrap}

/* ══════════ footer ══════════ */
.np-cnote{font-size:16px;color:var(--ink-2);padding:14px 18px;background:var(--nest);border-radius:8px}
.np-foot{background:var(--navy);color:var(--on-navy-2);border-top:1px solid var(--navy-line);font-size:14.5px}
.np-foot a:hover{color:var(--gold)}
.np-foot-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px 48px;align-items:center;padding-block:40px 34px;border-bottom:1px solid var(--navy-line)}
.np-foot-brand{display:flex;align-items:center;gap:14px}
.np-foot-brand img{height:32px;width:auto;display:block}
.np-foot-brand span{font:italic 400 32px/1 var(--f-display);color:var(--gold);padding-left:14px;border-left:1px solid var(--navy-line)}
.np-foot-top p{max-width:56ch;font-size:15px;line-height:1.55}
.np-foot-act{display:flex;flex-wrap:wrap;gap:10px}
.np-foot-grid{display:grid;grid-template-columns:minmax(0,2.4fr) repeat(3,minmax(0,1fr));gap:36px 56px;padding-block:36px 40px}
.np-foot h2{font:600 11px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.np-foot li{padding:5px 0}
.np-foot li a{color:var(--on-navy)}
.np-foot-secs ul{columns:3;column-gap:32px}
.np-foot-secs li{break-inside:avoid;font:500 16.5px/1.3 var(--f-display)}
.np-foot-secs{padding-right:56px;border-right:1px solid var(--navy-line)}
.np-foot-end{display:flex;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;padding-block:18px 22px;border-top:1px solid var(--navy-line);font-size:12.5px;color:var(--on-navy-3)}
.np-foot-end p{max-width:90ch}
.np-foot-end a{color:var(--on-navy-2);white-space:nowrap}
@media (max-width:1140px){
  .np-foot-top{grid-template-columns:minmax(0,1fr) auto}
  .np-foot-top p{grid-column:1 / -1;grid-row:2}
  .np-foot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px}
  .np-foot-secs{grid-column:1 / -1;padding-right:0;border-right:0;padding-bottom:28px;border-bottom:1px solid var(--navy-line)}
}
@media (max-width:860px){
  .np-foot-top{grid-template-columns:minmax(0,1fr);padding-block:30px 26px}
  .np-foot-top p{grid-row:auto}
  .np-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px;padding-block:28px}
  .np-foot-secs ul{columns:2;column-gap:20px}
  .np-foot-secs li{font-size:15.5px}
}

/* ══════════ article, three columns: contents rail | story | sidebar ══════════
   (later than the first article block above, so these win where they overlap) */
.np-prog{position:fixed;left:0;right:0;top:0;height:3px;z-index:40;pointer-events:none}
.np-prog i{display:block;height:100%;width:0;background:var(--red)}
.np-ahead{max-width:1100px}
/* headline | key facts: the facts column is as wide as the sidebar below it */
.np-atop{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start}
.np-atop .np-ahead{max-width:1100px;min-width:0}
.np-atop .np-facts{margin-top:14px}
@media (max-width:1320px){.np-atop{grid-template-columns:minmax(0,1fr) 340px;gap:40px}}
@media (max-width:860px){.np-atop{grid-template-columns:minmax(0,1fr);gap:20px}.np-atop .np-facts{margin-top:0}}
.np-aby{margin-top:18px}
.np-agrid{grid-template-columns:200px minmax(0,1fr) 380px;gap:48px;padding-block:28px 60px}
.np-amain{max-width:none;gap:30px}
.np-afig .np-cover--lead{aspect-ratio:3/1;padding:22px 28px}
.np-afig .np-cover--lead .np-cover-b{font-size:clamp(30px,3.4vw,52px)}
.np-rail{position:sticky;top:88px;display:flex;flex-direction:column;gap:26px;min-width:0;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:none}
.np-rail::-webkit-scrollbar{display:none}
.np-rail h2{font:600 10.5px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:12px}
#npToc{border-left:1px solid var(--line-2)}
#npToc a{display:block;padding:7px 0 7px 14px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;line-height:1.35;color:var(--ink-2)}
#npToc a:hover{color:var(--ink)}
#npToc a.is-on{border-left-color:var(--red);color:var(--ink);font-weight:600}
.np-rail-share h2{margin-bottom:10px}

/* ── share buttons (npShare in _parts.php): dot | row | pill ── */
.np-shs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.np-sh{--sh:var(--navy);display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;padding:0;background:none;color:var(--ink-2);font:500 14px/1 var(--f-body);cursor:pointer;transition:transform .15s,background .15s,color .15s,border-color .15s,box-shadow .15s}
.np-sh svg{flex:none}
.np-sh--whatsapp{--sh:#1FAF5A}.np-sh--facebook{--sh:#1877F2}.np-sh--x{--sh:#0F1419}.np-sh--linkedin{--sh:#0A66C2}
.np-sh--telegram{--sh:#229ED9}.np-sh--email{--sh:#C11430}.np-sh--copy{--sh:#0A132B}.np-sh--print{--sh:#414A5C}.np-sh--more{--sh:#B7791F}
.np-sh:focus-visible{outline:2px solid var(--sh);outline-offset:2px}
.np-sh.is-done{--sh:#1FAF5A}
/* dot: a round icon in the service's own colour */
.np-shs--dot{gap:7px}
.np-shs--dot .np-sh{width:34px;height:34px;border-radius:50%;background:var(--sh);color:#fff}
.np-shs--dot .np-sh svg{width:16px;height:16px}
.np-shs--dot .np-sh:hover{transform:translateY(-2px);box-shadow:0 6px 14px -6px var(--sh)}
/* row: the left rail */
.np-shs--row{flex-direction:column;align-items:stretch;gap:2px}
.np-shs--row .np-sh{justify-content:flex-start;gap:11px;padding:5px 8px 5px 5px;border-radius:999px;font-size:13.5px}
.np-shs--row .np-sh svg{box-sizing:content-box;width:14px;height:14px;padding:8px;border-radius:50%;background:var(--sh);color:#fff}
.np-shs--row .np-sh:hover{background:var(--nest);color:var(--ink)}
/* pill: the end of the story */
.np-shs--pill .np-sh{height:42px;padding:0 16px 0 13px;border-radius:999px;border:1px solid var(--line-2);background:var(--card);color:var(--ink);font-weight:600;font-size:13.5px}
.np-shs--pill .np-sh svg{color:var(--sh);width:17px;height:17px}
.np-shs--pill .np-sh:hover{background:var(--sh);border-color:var(--sh);color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px -8px var(--sh)}
.np-shs--pill .np-sh:hover svg{color:#fff}
.np-shs--pill .np-sh--whatsapp{background:#1FAF5A;border-color:#1FAF5A;color:#fff}
.np-shs--pill .np-sh--whatsapp svg{color:#fff}
.np-shs--pill .np-sh--whatsapp:hover{background:#178A47;border-color:#178A47}
.np-aby-r{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.np-aby-r .np-share{padding-left:14px;border-left:1px solid var(--line-2)}
/* phones: the bar that slides up from the bottom of a story */
.np-sharebar{display:none}
.np-h2{font:500 28px/1.15 var(--f-display);letter-spacing:-.014em;margin-bottom:16px}
:is(.np-key,.np-ba,#timeline,#faq,.np-body h2){scroll-margin-top:92px}

.np-key{background:var(--nest);border-left:4px solid var(--red);border-radius:6px;padding:22px 26px}
.np-key h2{font:700 11.5px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--red-deep);margin-bottom:12px}
.np-key li{position:relative;padding:6px 0 6px 20px;font-size:17.5px;line-height:1.5}
.np-key li::before{content:"";position:absolute;left:0;top:16px;width:7px;height:7px;border-radius:50%;background:var(--navy)}
.np-hindi{border:1px dashed var(--line-2);border-radius:8px;padding:20px 24px;background:var(--card)}
.np-hindi h2{font:700 11.5px/1 var(--f-body);letter-spacing:.1em;color:var(--red-deep);margin-bottom:10px}
.np-hindi p{font-size:17.5px;line-height:1.85}

.np-ba{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:stretch;border:1px solid var(--line-2);border-radius:10px;background:var(--card);overflow:hidden}
.np-ba > div:not(.np-ba-arrow){padding:22px 24px;display:flex;flex-direction:column;gap:9px;font-size:16.5px;line-height:1.55}
.np-ba span{font:700 11px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase}
.np-ba-b{background:var(--paper);color:var(--ink-2)}
.np-ba-b span{color:var(--mute)}
.np-ba-a{background:var(--ok-w);color:var(--ink)}
.np-ba-a span{color:var(--ok)}
.np-ba-arrow{display:grid;place-items:center;background:var(--paper);color:var(--red);font-size:20px;border-inline:1px solid var(--line)}

.np-inline-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 28px;align-items:center;padding:22px 26px;background:var(--navy);color:var(--on-navy);border-radius:10px}
.np-inline-cta b{font:italic 400 24px/1.15 var(--f-display)}
.np-inline-cta p{margin-top:6px;font-size:15px;color:var(--on-navy-2);max-width:60ch}

.np-time li{display:grid;grid-template-columns:104px 18px minmax(0,1fr);gap:0 12px;font-size:16.5px;line-height:1.5;position:relative;padding-bottom:22px}
.np-time li:last-child{padding-bottom:0}
.np-time time{font:500 12px/2.05 var(--f-mono);color:var(--mute);text-align:right;text-transform:uppercase}
.np-time .dot{position:relative;display:block}
.np-time .dot::before{content:"";position:absolute;left:4px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--card);border:2px solid var(--line-2)}
.np-time li:not(:last-child) .dot::after{content:"";position:absolute;left:8px;top:21px;bottom:-30px;width:1px;background:var(--line-2)}
.np-time li.is-now .dot::before{background:var(--red);border-color:var(--red)}
.np-time li.is-now time{color:var(--red-deep)}
.np-time li.is-now span:last-child{font-weight:600}

.np-faq{border-top:1px solid var(--line-2)}
.np-faq details{border-bottom:1px solid var(--line-2)}
.np-faq summary{cursor:pointer;list-style:none;padding:16px 34px 16px 0;position:relative;font:500 19px/1.3 var(--f-display)}
.np-faq summary::-webkit-details-marker{display:none}
.np-faq summary::after{content:"+";position:absolute;right:4px;top:12px;font:400 26px/1 var(--f-body);color:var(--red)}
.np-faq details[open] summary::after{content:"–"}
.np-faq p{padding:0 34px 18px 0;font-size:16.5px;line-height:1.65;color:var(--ink-2)}

.np-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.np-tags span{font:600 10.5px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-right:4px}
.np-tags a{font-size:13.5px;padding:5px 12px;border:1px solid var(--line-2);border-radius:999px;background:var(--card);color:var(--ink-2)}
.np-tags a:hover{border-color:var(--navy);color:var(--ink)}
.np-endshare{display:flex;flex-direction:column;gap:16px;padding:22px 24px;background:var(--nest);border:1px solid var(--line);border-radius:12px}
.np-endshare h2{font:500 24px/1.15 var(--f-display);letter-spacing:-.014em}
.np-endshare-t p{margin-top:5px;font-size:14.5px;color:var(--ink-2)}
/* the story's house ads (includes/Ads.php) sit in the column's own rhythm */
.np-amain > .tc-ad,.np-aside > .tc-ad{margin:0}
.np-author{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding:20px 22px;background:var(--card);border:1px solid var(--line);border-radius:10px}
.np-author .np-avatar{width:52px;height:52px;font-size:23px}
.np-author b{font:500 19px/1.2 var(--f-display)}
.np-author p{margin-top:6px;font-size:14.5px;color:var(--ink-2)}
.np-pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.np-pn a{display:flex;flex-direction:column;gap:7px;padding:16px 18px;border:1px solid var(--line-2);border-radius:10px;background:var(--card);font:500 17px/1.28 var(--f-display)}
.np-pn a:hover{border-color:var(--navy)}
.np-pn a span{font:600 10.5px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--red-deep)}
.np-pn a.is-next{text-align:right;align-items:flex-end}

.np-aside{position:static;gap:28px}
.np-facts{border:1px solid var(--line-2);border-radius:10px;background:var(--card);overflow:hidden}
.np-facts h2{background:var(--navy);color:var(--gold);font:600 11px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;padding:14px 20px}
.np-facts dl{padding:4px 20px 8px}
.np-facts dl div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.45}
.np-facts dl div:last-child{border-bottom:0}
.np-facts dt{color:var(--mute)}
.np-facts dd{font-weight:500}
.np-facts dd a{color:var(--red-deep)}
.np-facts dd a:hover{text-decoration:underline;text-underline-offset:3px}
.np-next--side{padding:20px}
.np-next--side .np-next-n b{font-size:64px}
.np-next--side strong{font-size:21px}
.np-next--side .nw-more{color:var(--gold);margin-top:2px}

@media (max-width:1320px){
  .np-agrid{grid-template-columns:minmax(0,1fr) 340px;gap:40px}
  .np-rail{display:none}
}
@media (max-width:860px){
  .np-agrid{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:20px 40px}
  .np-afig .np-cover--lead{aspect-ratio:16/9;padding:18px 20px}
  .np-key{padding:18px 18px}
  .np-key li{font-size:16.5px}
  .np-ba{grid-template-columns:minmax(0,1fr)}
  .np-ba-arrow{border-inline:0;border-block:1px solid var(--line);padding:4px}
  .np-ba-arrow::before{content:"↓"}
  .np-ba-arrow{font-size:0}
  .np-ba-arrow::before{font-size:18px}
  .np-inline-cta{grid-template-columns:minmax(0,1fr);padding:20px}
  .np-time li{grid-template-columns:84px 18px minmax(0,1fr)}
  .np-pn{grid-template-columns:minmax(0,1fr)}
  .np-pn a.is-next{text-align:left;align-items:flex-start}
  .np-h2{font-size:24px}
  .np-aby-r{width:100%;justify-content:space-between}
  .np-aby-r .np-share{padding-left:0;border-left:0}
  .np-endshare{padding:18px 16px}
  .np-shs--pill .np-sh{flex:1 1 calc(50% - 4px);justify-content:flex-start}
  .np-sharebar{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:35;padding:9px 14px calc(9px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-top:1px solid var(--line-2);box-shadow:0 -8px 22px -14px rgba(10,19,43,.4);transform:translateY(110%);transition:transform .25s}
  .np-sharebar.is-on{transform:none}
  .np-sharebar > span{font:700 10.5px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
  .np-sharebar .np-shs{flex:1;justify-content:space-between;gap:6px}
  .np-sharebar .np-sh{width:38px;height:38px}
  body:has(.np-sharebar) .np-foot{padding-bottom:64px}
  body:has(.np-sharebar.is-on) .nw-toast{bottom:74px}
}
@media (prefers-reduced-motion:reduce){.np-sh,.np-sharebar{transition:none}}
@media print{
  .nw-top,.np-bar,.np-prog,.np-rail,.np-aside,.np-aby-r,.np-endshare,.np-sharebar,.np-inline-cta,.np-pn,.np-foot,.np-brief,.np-sec,.tc-ad,.nw-toast,.nw-crumb{display:none!important}
  .np-agrid{display:block}
  .np-amain{max-width:none}
  body.nw{background:#fff}
}
/* ══════════ front page v2 (6 Oct 2026) ══════════
   Later than everything above, so it wins where it meets the first front-page
   rules. What changed: the "Show" chips, the lead's Earlier → Now panel, shorter
   headlines, the latest grouped by day, figures under the lead, covers with one
   short line in the section's own tone, sections four to a row, and rows that
   swipe sideways on a phone (.np-sw) instead of stacking. */
.np-cta{display:none}
/* the "Show" row (npChips in _parts.php) */
.np-act{background:var(--card);border-bottom:1px solid var(--line)}
.np-act .nw-wrap{display:flex;align-items:center;gap:20px;min-height:54px}
.np-chips{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;padding-block:9px}
.np-chips::-webkit-scrollbar{display:none}
.np-chips > span{flex:none;font:700 11px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-right:4px}
.np-chip{--c:var(--ink-2);flex:none;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border:1px solid var(--line-2);border-radius:999px;background:var(--paper);font-size:13.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.np-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}
.np-chip--all::before{display:none}
.np-chip--act{--c:var(--warn)}.np-chip--ext{--c:var(--info)}.np-chip--relief,.np-chip--new{--c:var(--ok)}.np-chip--rule{--c:var(--navy)}
.np-chip small{font:500 11.5px/1 var(--f-mono);color:var(--mute)}
.np-chip:hover{border-color:var(--navy);color:var(--ink)}
.np-chip.is-on{background:var(--navy);border-color:var(--navy);color:#fff}
.np-chip.is-on small{color:var(--on-navy-2)}
.np-nextdue{flex:none;display:flex;align-items:center;gap:10px;padding-left:20px;border-left:1px solid var(--line);font-size:13.5px;color:var(--ink-2);white-space:nowrap}
.np-nextdue b{font:500 22px/1 var(--f-display);color:var(--red-deep)}
.np-nextdue strong{color:var(--ink);font-weight:600}
/* the tag as one coloured word */
.np-tg{font:600 11.5px/1 var(--f-body);font-style:normal;letter-spacing:0;text-transform:none;color:var(--ink-2);white-space:nowrap}
.np-tg::before{content:"● ";font-size:8px;vertical-align:1px}
.np-tg-act{color:var(--warn)}.np-tg-ext{color:var(--info)}.np-tg-relief,.np-tg-new{color:var(--ok)}.np-tg-rule{color:var(--navy)}

/* the front */
.np-front--v2{padding-block:30px 36px}
.np-front--v2 .np-item{padding-block:16px;gap:8px}
.np-front--v2 .np-item:first-child{padding-top:0}
.np-front--v2 .np-item h2{font-size:18.5px;line-height:1.24}
.np-front--v2 .np-item .np-sum{font-size:14px;-webkit-line-clamp:2}
.np-lead-k{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.np-lead-k em{font:700 10.5px/1 var(--f-body);font-style:normal;letter-spacing:.1em;text-transform:uppercase;background:var(--navy);color:var(--gold);padding:5px 8px;border-radius:3px}
.np-front--v2 .np-lead h1{font-size:clamp(28px,2.7vw,41px);line-height:1.1;letter-spacing:-.022em}
.np-front--v2 .np-deck{font-size:17px}
.np-front--v2 .np-cover--lead{aspect-ratio:3.4/1;padding:22px 28px}
.np-front--v2 .np-cover--lead .np-cover-b{font-size:clamp(30px,3.4vw,50px)}
.np-chg{display:grid;grid-template-columns:230px minmax(0,1fr) 34px minmax(0,1fr);border-radius:6px;overflow:hidden;border:1px solid var(--line-2);background:var(--card)}
.np-chg:hover{border-color:var(--navy)}
.np-chg-f{background:var(--navy);color:var(--on-navy);padding:18px 20px;display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0}
.np-chg-f small{font:500 10.5px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-navy-2)}
.np-chg-f b{font:500 31px/1.02 var(--f-display);letter-spacing:-.025em;color:var(--gold);overflow-wrap:anywhere}
.np-chg-c{padding:16px 18px;display:flex;flex-direction:column;gap:6px;font-size:14.5px;line-height:1.45;color:var(--ink-2);min-width:0}
.np-chg-c small{font:700 10.5px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.np-chg-c.is-now{background:var(--ok-w);color:var(--ink)}
.np-chg-c.is-now small{color:var(--ok)}
.np-chg-a{display:grid;place-items:center;color:var(--red);font-size:18px}
.np-lead-src{max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.np-front--v2 .np-under{margin-top:6px;padding-top:18px}
.np-front--v2 .np-under article{grid-template-columns:118px minmax(0,1fr)}
.np-front--v2 .np-under h2{font-size:16.5px;line-height:1.26;margin-top:5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* figures under the lead: the figure wraps inside its own cell, it can never run into the next */
.np-nums-w{margin-top:20px}
.np-nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0;margin-top:20px}
.np-num{padding:2px 26px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:8px;min-width:0}
.np-num:nth-child(odd){padding-left:0;border-left:0}
.np-num:nth-child(even){padding-right:0}
.np-num b{font:500 40px/1.02 var(--f-display);letter-spacing:-.03em;color:var(--navy);overflow-wrap:anywhere;text-wrap:balance}
.np-num b.s2{font-size:35px}.np-num b.s3{font-size:29px}.np-num b.s4{font-size:25px;letter-spacing:-.02em}
.np-num span{font:400 12px/1.3 var(--f-mono);color:var(--mute)}
.np-num a{font:500 16px/1.32 var(--f-display);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.np-num a:hover,.np-lat a:hover,.np-st a:hover{color:var(--red-deep)}
/* the latest, day by day */
.np-lat li{padding:10px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.np-lat li:last-child{border-bottom:0}
.np-lat li.np-lat-d{flex-direction:row;align-items:center;gap:10px;border-bottom:0;padding:14px 0 2px;font:500 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--red-deep)}
.np-lat li.np-lat-d::after{content:"";flex:1;height:1px;background:var(--line)}
.np-lat-k{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px;font:700 10.5px/1.2 var(--f-body);letter-spacing:.09em;text-transform:uppercase;color:var(--red-deep)}
.np-lat a{font:500 15px/1.3 var(--f-display);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* covers: one short line that always fits */
.np-cover-b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.05;padding-bottom:.06em}
.np-cover--sm .np-cover-s{display:none}
.np-cover--sm .np-cover-b{font-size:17px;-webkit-line-clamp:3}
.np-cards--v2 .np-cover{aspect-ratio:2/1}
.np-cards--v2 .np-cover-b{font-size:clamp(21px,1.9vw,27px)}
.np-cards--v2 .np-cover svg{width:36%}
.np-cards--v2 .np-card h3{font-size:18px;line-height:1.24;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.np-sec--v2{padding-block:40px}

/* sections, four to a row: every tile the same build, so the rows line up */
.np-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 0;margin-top:6px}
.np-st{--tone:var(--navy);padding-inline:26px;border-left:1px solid var(--line);min-width:0;display:flex;flex-direction:column}
.np-st:nth-child(4n+1){padding-left:0;border-left:0}
.np-st:nth-child(4n){padding-right:0}
.np-st--red{--tone:var(--red)}.np-st--gold{--tone:var(--gold)}.np-st--ink{--tone:#1D2740}.np-st--cream{--tone:var(--line-2)}
.np-st-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 0 11px;border-top:3px solid var(--tone);border-bottom:1px solid var(--line)}
.np-st-h h3{font:500 22px/1 var(--f-display);letter-spacing:-.015em}
.np-st-h small{font:400 11.5px/1 var(--f-mono);color:var(--mute);white-space:nowrap}
.np-st-t{padding:14px 0 12px;display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.np-st-t em{max-width:100%;font:500 15px/1.15 var(--f-display);font-style:normal;letter-spacing:-.01em;background:var(--nest);border:1px solid var(--line-2);color:var(--navy);padding:5px 9px;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.np-st-t h4{margin:0;font:500 18.5px/1.24 var(--f-display);letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.np-st time{font:400 11px/1 var(--f-mono);text-transform:uppercase;color:var(--mute)}
.np-st li{padding:10px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.np-st li a{font:500 14.5px/1.32 var(--f-display);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.np-st > .nw-more{margin-top:auto;padding-top:10px;align-self:flex-start}
.np-st--all ul{margin-top:4px}
.np-st--all li{flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px}
.np-st--all li:first-child{border-top:0}
.np-st--all li a{font-size:16px;line-height:1.2}

/* the brief sign-up on the front: a light band, the footer below it is navy already */
.np-brief--light{background:var(--nest);color:var(--ink);border-top:1px solid var(--line)}
.np-brief--light .np-brief-g{padding-block:24px}
.np-brief--light h2{font-size:25px}
.np-brief--light p{color:var(--ink-2);margin-top:6px;font-size:14px}
.np-brief--light input{background:var(--card);border-color:var(--line-2);color:var(--ink)}
.np-brief--light input::placeholder{color:var(--mute)}
.np-brief--light output{color:var(--ok)}
.np-brief--light output.is-err{color:var(--danger)}

@media (max-width:1400px){.np-chg{grid-template-columns:190px minmax(0,1fr) 28px minmax(0,1fr)}.np-chg-f b{font-size:26px}}
@media (max-width:1140px){
  .np-front--v2 .np-col-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
  .np-front--v2 .np-item{flex:none;padding-block:16px;border-bottom:1px solid var(--line)}
  .np-front--v2 .np-item:first-child{padding-top:16px}
  .np-g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .np-st:nth-child(n){padding-inline:22px;border-left:1px solid var(--line)}
  .np-st:nth-child(odd){padding-left:0;border-left:0}
  .np-st:nth-child(even){padding-right:0}
}
@media (max-width:860px){
  /* the top bar keeps the way back and the date; the header keeps search and language on the brand's line */
  .nw-top-l a:not(:first-child){display:none}
  .nw-top-r{display:block}
  .np-bar .np-brand{margin-right:auto}
  .np-search{display:flex}
  .np-nextdue{display:none}
  .np-act .nw-wrap{padding-right:0}
  .np-chips{padding-right:var(--gut)}
  .np-front--v2{padding-block:20px 26px}
  .np-front--v2 .np-col-l{display:flex;flex-direction:column}
  .np-front--v2 .np-item:first-child{padding-top:16px}
  .np-chg{grid-template-columns:minmax(0,1fr)}
  .np-chg-f{flex-direction:row;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px}
  .np-chg-f b{font-size:24px;text-align:right}
  .np-chg-a{display:none}
  .np-chg-c{border-top:1px solid var(--line)}
  .np-lead-src{display:none}
  .np-front--v2 .np-under article{grid-template-columns:96px minmax(0,1fr)}
  .np-sec--v2{padding-block:30px}
  /* figures, cards and sections swipe sideways: one screen each, not one under the other */
  .np-sw{display:flex!important;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);scroll-padding-inline:var(--gut);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .np-sw::-webkit-scrollbar{display:none}
  .np-sw > *{scroll-snap-align:start}
  .np-sw > .np-num:nth-child(n),.np-sw > .np-st:nth-child(n){flex:0 0 82%;padding:0 18px 0 0;margin-right:18px;border-left:0;border-right:1px solid var(--line)}
  .np-sw > :last-child:nth-child(n){border-right:0}
  .np-sw > .np-card{flex:0 0 76%;display:flex;margin-right:16px}
  .np-cards--v2 .np-card .np-cover{aspect-ratio:2/1;padding:16px 18px}
  .np-cards--v2 .np-card .np-cover-s{display:block}
  .np-cards--v2 .np-card .np-cover-b{font-size:22px}
  .np-brief--light h2{font-size:23px}
}
@media print{.np-act{display:none!important}}
/* ══════════ story page + section page v2 (6 Oct 2026) ══════════
   Story: no drawn cover, a smaller headline, the tag is a link, the rail has the
   contents and how far the reader is, the sidebar's last block stays on screen,
   and source · topics · share close the story in one card.
   Section / search / tag list: a short header, the "Show" chips, and the stories
   as rows grouped by month. */
.np-taglink:hover .nw-imp{box-shadow:0 0 0 1px currentColor}
.np-ahead h1{font-size:clamp(30px,3.5vw,47px);line-height:1.07;letter-spacing:-.025em}
.np-astand{font-size:clamp(17px,1.45vw,20px)}
.np-facts{overflow:visible}
.np-facts h2{border-radius:9px 9px 0 0}
.np-facts dd a{color:var(--red-deep)}
.np-facts-more{display:none}
.np-read{margin:0;font:400 11.5px/1.4 var(--f-mono);color:var(--mute)}
.np-read i{display:block;height:3px;margin-top:7px;background:var(--line);border-radius:2px;overflow:hidden}
.np-read u{display:block;height:100%;width:0;background:var(--red)}
/* the end of the story: one card */
.np-end{border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.np-end-r{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:16px 20px;border-bottom:1px solid var(--line)}
.np-end-r:last-child{border-bottom:0}
.np-end-r > div{min-width:0}
.np-end-r small{display:block;font:600 10.5px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
.np-end-r b{font:500 18.5px/1.25 var(--f-display)}
.np-end .np-tags{gap:7px}
.np-end-wa{background:#1FAF5A;border-color:#1FAF5A;color:#fff}
.np-end-wa:hover{background:#178A47;border-color:#178A47}
/* sidebar: the next due date in one compact card, then the block that stays */
.np-aside--v2{align-self:stretch;gap:26px}
.np-nx{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 16px;align-items:center;padding:18px 20px;border-radius:10px;background:var(--navy);color:var(--on-navy)}
.np-nx b{grid-row:span 2;font:400 54px/.9 var(--f-display);letter-spacing:-.03em}
.np-nx small{font:500 10.5px/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.np-nx strong{font:500 19px/1.2 var(--f-display)}
.np-nx > span{grid-column:1 / -1;margin-top:5px;font-size:13px;line-height:1.5;color:var(--on-navy-2)}
.np-nx u{text-decoration:none;color:var(--gold);font-weight:600;white-space:nowrap}
.np-nx:hover u{text-decoration:underline;text-underline-offset:3px}
.np-stick{position:sticky;top:86px;display:flex;flex-direction:column;gap:26px;min-width:0}
.np-stick > .tc-ad{margin:0}
.np-ml li{padding:11px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.np-ml li:last-child{border-bottom:0}
.np-ml em,.np-rows em{max-width:100%;font:500 13px/1.15 var(--f-display);font-style:normal;background:var(--nest);border:1px solid var(--line-2);color:var(--navy);padding:4px 7px;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.np-ml a{font:500 15.5px/1.3 var(--f-display)}
.np-ml a:hover,.np-rows h3 a:hover,.np-clead--v2 h2 a:hover{color:var(--red-deep)}
.np-ml time{font:400 11px/1 var(--f-mono);text-transform:uppercase;color:var(--mute)}

/* section / search / tag list */
.np-secpick{display:none}
.np-chead--v2{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 40px;padding-block:8px 18px}
.np-chead--v2 h1{font-size:clamp(30px,3.2vw,44px);line-height:1.04;letter-spacing:-.025em}
.np-chead--v2 p{font-size:15.5px;margin-top:6px}
.np-chead--v2 .np-chead-n{display:flex;align-items:baseline;gap:8px;white-space:nowrap;text-align:left;margin:0}
.np-chead--v2 .np-chead-n b{display:inline;font-size:30px}
.np-chead--v2 .np-sform{flex:1 1 380px;max-width:560px;margin:0}
.np-chead--v2 .np-sform input,.np-chead--v2 .np-sform .nw-btn{height:42px}
.np-chead--v2 + *{margin-top:0}
.np-cgrid--v2{padding-block:26px 56px}
.np-cgrid--v2 .np-cmain{gap:30px}
.np-clead--v2{display:flex;flex-direction:column;align-items:stretch;gap:13px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.np-clead--v2 h2{font-size:clamp(26px,2.5vw,36px);line-height:1.1}
.np-clead--v2 .np-deck{font-size:16.5px;max-width:84ch}
.np-clead--v2 > .np-lead-meta{flex-direction:row;align-items:center;gap:8px 16px}
.np-clead--v2 .np-lead-meta .nw-more{margin-left:auto}
.np-mon > h2{display:flex;align-items:center;gap:12px;margin-bottom:2px;font:500 12px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red-deep)}
.np-mon > h2::after{content:"";flex:1;height:1px;background:var(--line-2)}
.np-rows li{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:4px 18px;align-items:start;padding:15px 0;border-bottom:1px solid var(--line)}
.np-rows li:last-child{border-bottom:0}
.np-rows time{grid-row:span 2;display:flex;flex-direction:column;align-items:flex-start;gap:3px;font:500 10px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.np-rows time b{font:500 25px/1 var(--f-display);color:var(--navy);letter-spacing:-.02em}
.np-rows h3{font:500 19px/1.25 var(--f-display);letter-spacing:-.01em;text-wrap:pretty}
.np-rows-k{display:block;margin-bottom:4px;font:700 10.5px/1.2 var(--f-body);letter-spacing:.09em;text-transform:uppercase;color:var(--red-deep)}
.np-rows p{grid-column:2;font-size:14px;line-height:1.5;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:86ch}
.np-rows-r{grid-row:span 2;display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:190px;min-width:0}
.np-rows em{font-size:14px;padding:5px 8px}
.np-seclist li.is-on a{color:var(--red-deep)}
.np-cgrid--v2 .np-cside{top:86px}

@media (max-width:1140px){.np-rows-r{width:150px}}
@media (max-width:860px){
  /* story */
  .np-facts dl div:nth-child(n+4){display:none}
  .np-facts:has(#npFactsAll:checked) dl div{display:grid}
  .np-facts-more{display:block;padding:11px;border-top:1px solid var(--line);border-radius:0 0 9px 9px;background:var(--paper);text-align:center;font-weight:600;font-size:13.5px;color:var(--red-deep);cursor:pointer}
  .np-facts:has(#npFactsAll:checked) .np-facts-more{display:none}
  #npFactsAll:focus-visible ~ .np-facts-more{outline:2px solid var(--red-deep);outline-offset:-2px}
  .np-aby-r > .np-shs{display:none}                    /* the share bar at the bottom of the screen has them */
  .np-aby-r .np-share{padding-left:0;border-left:0}
  .np-stick{position:static}
  .np-end-r{padding:14px 16px}
  .np-end-wa{width:100%}
  /* section */
  .np-secpick{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px var(--gut) 0}
  .np-secpick::-webkit-scrollbar{display:none}
  .np-secpick a{flex:none;font:500 15px/1 var(--f-display);padding:8px 12px;border:1px solid var(--line-2);border-radius:8px;background:var(--card);white-space:nowrap}
  .np-secpick a.is-on{background:var(--navy);border-color:var(--navy);color:#fff}
  .np-cside-secs{display:none}
  .np-chead--v2{padding-bottom:14px}
  .np-chead--v2 .np-sform{flex-basis:100%;max-width:none}
  .np-cgrid--v2{padding-block:20px 36px}
  .np-rows li{grid-template-columns:46px minmax(0,1fr);gap:5px 12px;padding:13px 0}
  .np-rows time{grid-row:span 3}
  .np-rows time b{font-size:21px}
  .np-rows h3{font-size:17px}
  .np-rows p{display:none}
  .np-rows-r{grid-column:2;grid-row:auto;flex-direction:row;flex-wrap:wrap;align-items:center;width:auto}
}
@media print{.np-secpick,.np-end-wa{display:none!important}}