/* newspaper-classic — broadsheet front page: newsprint paper, black ink, serif type, double rules.
   --primary is used sparingly (kickers, rule accents); --accent for stamps and highlights. */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --paper:#f4efe3;--paper-2:#ece5d4;--ink:#161411;--ink-2:#36322b;--muted:#6a6356;--rule:#1d1a16;--hair:#b9b09d;
  --display:'Playfair Display',Georgia,'Times New Roman',var(--font);
  --text:'Libre Baskerville',Georgia,'Times New Roman',var(--font);
  --kick:color-mix(in srgb,var(--primary) 78%,#000);
  --wrap:1240px;
}
html{scroll-behavior:smooth}
body{font-family:var(--text);background:var(--paper);color:var(--ink);line-height:1.6;font-size:1rem;overflow-x:hidden;
  background-image:radial-gradient(rgba(60,45,20,.035) 1px,transparent 1px);background-size:4px 4px}
::selection{background:color-mix(in srgb,var(--accent) 40%,transparent)}
a{color:inherit}
:focus-visible{outline:2px solid var(--kick);outline-offset:2px}
h1,h2,h3{font-family:var(--display);color:var(--ink);line-height:1.12;font-weight:900}
.np-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}

/* rules */
.np-dbl{border:0;height:7px;border-top:3px solid var(--rule);border-bottom:1px solid var(--rule);margin:28px 0}

/* buttons & text links */
.np-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55em 1.3em;background:var(--ink);color:var(--paper);
  font-family:var(--font);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:1px solid var(--ink);
  border-radius:min(var(--radius),4px);box-shadow:3px 3px 0 var(--kick);transition:transform .12s,box-shadow .12s}
.np-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--kick)}
.np-btn-sm{min-height:34px;padding:.35em .9em;font-size:.72rem;box-shadow:2px 2px 0 var(--kick)}
.np-tlink{font-family:var(--font);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--ink-2)}
.np-tlink:hover{color:var(--kick);text-decoration:underline}
.np-tlink-strong{font-size:.85rem;color:var(--ink);border-bottom:2px solid var(--kick);padding-bottom:2px}
.np-tlink-strong:hover{text-decoration:none}

/* kickers */
.np-kicker{display:inline-block;font-family:var(--font);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--kick);
  border-bottom:3px solid var(--primary);padding-bottom:3px;margin-bottom:12px}
.np-kicker-h{display:flex;align-items:center;gap:10px;font-family:var(--font);font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink);margin-bottom:14px;padding:6px 0;border-top:3px solid var(--rule);border-bottom:1px solid var(--rule)}
.np-kicker-h::before{content:"";width:10px;height:10px;background:var(--primary);flex:none}

/* ===== header / masthead ===== */
.np-head{padding-top:6px}
.np-utility{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--hair);
  font-family:var(--font);font-size:.75rem;color:var(--muted)}
.np-utility-geo{letter-spacing:.08em;text-transform:lowercase}
.np-utility-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lang-switch{display:flex;gap:2px}
.lang-switch a{font-family:var(--font);font-size:.72rem;font-weight:700;color:var(--muted);text-decoration:none;padding:3px 6px;border:1px solid transparent}
.lang-switch a.active{border-color:var(--ink);color:var(--ink)}

.np-mast{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;padding:18px 0 14px}
.np-title{grid-column:2;text-decoration:none;color:var(--ink);text-align:center;display:block}
.np-title-text{display:block;font-family:var(--display);font-weight:900;font-size:clamp(2.6rem,9vw,6.4rem);line-height:.95;letter-spacing:-.02em;white-space:nowrap}
.np-title .logo-img{height:clamp(48px,8vw,88px);width:auto;display:block;margin:0 auto}
.np-title .logo-gen{font-family:var(--display);font-size:clamp(2rem,6vw,4rem);font-weight:900}
.np-ear{display:flex;flex-direction:column;gap:2px;max-width:200px;padding:8px 12px;border:1px solid var(--rule);text-decoration:none;color:var(--ink);font-family:var(--font);
  background:var(--paper)}
.np-ear small{font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.np-ear strong{font-family:var(--display);font-size:1rem;line-height:1.2}
.np-ear:hover{box-shadow:inset 0 -3px var(--primary)}
.np-ear-l{grid-column:1;justify-self:start}
.np-ear-r{grid-column:3;justify-self:end;text-align:right}

.np-dateline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;border-top:6px double var(--rule);border-bottom:1px solid var(--rule);
  padding:9px 0;font-family:var(--font);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
.np-dateline-geo{padding-left:2px;font-weight:700}
.np-dateline-year{text-align:right;padding-right:2px;font-weight:700}
.np-nav{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}
.np-nav a{text-decoration:none;padding:4px 14px;font-weight:700;color:var(--ink-2);border-left:1px solid var(--hair)}
.np-nav a:first-child{border-left:0}
.np-nav a:hover{color:var(--kick)}
.np-nav a[aria-current]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--primary);text-decoration-thickness:3px;text-underline-offset:6px}
.np-wire{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;padding:8px 0;border-bottom:1px solid var(--rule);font-size:.82rem;font-style:italic;color:var(--ink-2)}
.np-wire span{padding:0 14px;border-left:1px solid var(--hair)}
.np-wire span:first-child{border-left:0}

.np-main{padding-top:30px;padding-bottom:50px}

/* ===== lead story ===== */
.np-lead{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);gap:36px;align-items:start}
.np-lead h1{font-size:clamp(2.1rem,5.2vw,4.4rem);line-height:1.02;letter-spacing:-.015em;margin-bottom:16px;max-width:20ch}
.np-standfirst{font-size:clamp(1.05rem,1.6vw,1.3rem);font-style:italic;line-height:1.5;color:var(--ink-2);max-width:60ch;margin-bottom:14px}
.np-byline{display:flex;flex-wrap:wrap;gap:0;font-family:var(--font);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}
.np-byline span+span::before{content:"·";padding:0 8px}
.np-byline span:first-child{color:var(--ink);font-weight:800}
.np-lead-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.np-inside{border:1px solid var(--rule);padding:16px 18px;background:var(--paper);box-shadow:5px 5px 0 var(--paper-2),5px 5px 0 1px var(--rule)}
.np-inside-head{font-family:var(--font);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding-bottom:8px;margin-bottom:8px;border-bottom:3px double var(--rule)}
.np-inside ol{list-style:none;counter-reset:ins}
.np-inside li{counter-increment:ins;display:flex;gap:10px;padding:7px 0;border-bottom:1px dotted var(--hair);font-size:.9rem;line-height:1.35}
.np-inside li:last-child{border-bottom:0}
.np-inside li::before{content:counter(ins);font-family:var(--display);font-weight:900;color:var(--kick);min-width:1.2em}
.np-inside a{text-decoration:none}
.np-inside a:hover,.np-inside a[aria-current]{text-decoration:underline;text-decoration-color:var(--primary)}

/* hero variants */
.hero-center .np-lead{grid-template-columns:1fr;text-align:center;justify-items:center}
.hero-center .np-lead h1,.hero-center .np-standfirst{margin-left:auto;margin-right:auto}
.hero-center .np-byline,.hero-center .np-lead-cta{justify-content:center}
.hero-center .np-inside,.hero-banner .np-inside{box-shadow:none;border-left:0;border-right:0;width:100%;padding:10px 0}
.hero-center .np-inside ol,.hero-banner .np-inside ol{display:flex;flex-wrap:wrap;justify-content:center;gap:0 22px}
.hero-center .np-inside li,.hero-banner .np-inside li{border-bottom:0;padding:4px 0}
.hero-center .np-inside-head,.hero-banner .np-inside-head{display:none}
.hero-banner .np-lead{grid-template-columns:1fr;gap:18px}
.hero-banner .np-lead-main{background:var(--ink);color:var(--paper);padding:clamp(22px,4vw,48px);border-radius:min(var(--radius),4px);
  box-shadow:inset 0 0 0 6px var(--ink),inset 0 0 0 7px rgba(244,239,227,.5)}
.hero-banner .np-lead h1{color:var(--paper);max-width:24ch}
.hero-banner .np-standfirst{color:#e4dccb}
.hero-banner .np-byline{color:#bfb5a2}
.hero-banner .np-byline span:first-child{color:var(--paper)}
.hero-banner .np-kicker{color:var(--paper);border-color:var(--primary)}
.hero-banner .np-btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.hero-banner .np-lead-cta .np-tlink-strong{color:var(--paper)}

/* ===== front page: rail | story | rail ===== */
.np-front{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.6fr) minmax(0,1fr);gap:0}
.np-front>*{padding:0 22px;min-width:0}
.np-front>*:first-child{padding-left:0}
.np-front>*:last-child{padding-right:0}
.np-story{border-left:1px solid var(--hair);border-right:1px solid var(--hair)}
.np-columns{column-count:2;column-gap:30px;column-rule:1px solid var(--hair);hyphens:auto;text-align:left}
.np-col-sec h2{font-size:1.32rem;margin:2px 0 8px;text-align:left;break-after:avoid}
.np-col-sec~.np-col-sec h2{margin-top:18px;padding-top:12px;border-top:1px solid var(--rule)}
.np-col-sec p{margin-bottom:.8em;font-size:.95rem;line-height:1.62;orphans:2;widows:2}
.np-story .np-col-sec:first-child p:first-of-type::first-letter{float:left;font-family:var(--display);font-weight:900;font-size:3.6em;line-height:.82;padding:4px 8px 0 0;color:var(--ink)}
.np-columns-wide{column-count:3}
.np-columns-doc{column-count:2}

/* ===== classifieds (bonuses) ===== */
.np-ads{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.np-ad{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px 14px 12px;border:1px solid var(--rule);background:var(--paper);text-align:center;color:var(--ink);text-decoration:none}
.np-ad h3,.np-ad h2,.np-ad-title{font-family:var(--font);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1.3;color:var(--ink-2)}
.np-ad-amt{font-family:var(--display);font-weight:900;font-size:1.45rem;line-height:1.1;padding:6px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.np-ad p{font-size:.86rem;line-height:1.5;color:var(--ink-2)}
.np-ad small{font-size:.72rem;font-style:italic;color:var(--muted);line-height:1.4}
.np-ad-cta{margin-top:auto;padding-top:6px;font-family:var(--font);font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--kick)}
.np-ad-cta:hover{text-decoration:underline}
.np-ad-lead{border-width:3px;outline:1px solid var(--rule);outline-offset:3px;margin:4px}
.np-ad-lead .np-ad-amt{font-size:1.8rem;border-color:var(--primary);border-width:2px}
.np-ad-lead::before{content:"★";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--paper);padding:0 8px;color:var(--kick);font-size:.9rem}
.np-ad-link:hover{box-shadow:inset 0 -4px var(--primary)}

/* ===== in brief (features) ===== */
.np-brief-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 24px}
.np-brief-list li{padding:10px 0 12px;border-bottom:1px solid var(--hair)}
.np-brief-list h3{font-size:1.02rem;margin-bottom:4px;line-height:1.25}
.np-brief-list h3::before{content:"■ ";color:var(--primary);font-size:.7em;vertical-align:.12em}
.np-brief-list p{font-size:.88rem;line-height:1.55;color:var(--ink-2)}

/* ===== numbered boxes (how-to) ===== */
.np-boxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px 18px}
.np-box{position:relative;border:1px solid var(--rule);padding:22px 16px 14px;background:var(--paper);margin-top:12px}
.np-box-n{position:absolute;top:-16px;left:14px;display:grid;place-items:center;width:32px;height:32px;background:var(--ink);color:var(--paper);
  font-family:var(--display);font-weight:900;font-size:1.05rem;border-radius:50%;box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--primary)}
.np-box h3,.np-box h2{font-size:1.08rem;margin-bottom:8px;padding-bottom:6px;border-bottom:3px double var(--rule)}
.np-box ol,.np-box ul{padding-left:1.25em;font-size:.88rem;line-height:1.5;color:var(--ink-2)}
.np-box li{margin:4px 0}
.np-box li::marker{font-family:var(--display);font-weight:700;color:var(--kick)}
.np-box-plain ul{list-style:"✓  "}

/* ===== listings (games) ===== */
.np-sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--rule);padding-bottom:6px;margin-bottom:10px}
.np-sec-head h2{font-size:clamp(1.5rem,3vw,2.1rem)}
.np-sec-head span{font-family:var(--font);font-size:.74rem;font-weight:700;letter-spacing:.12em;color:var(--muted)}
.np-cats{display:flex;flex-wrap:wrap;gap:6px 0;margin-bottom:16px;font-family:var(--font);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.np-cats a{text-decoration:none;padding:2px 12px;border-left:1px solid var(--hair);color:var(--ink-2)}
.np-cats a:first-child{border-left:0;padding-left:0}
.np-cats a:hover{color:var(--kick)}
.np-tiles{display:grid;grid-template-columns:repeat(calc(var(--cols) + 3),minmax(0,1fr));gap:18px 14px}
.np-tile{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:var(--ink);min-width:0}
.np-tile-art{position:relative;display:block;aspect-ratio:4/3;border:1px solid var(--rule);margin-bottom:5px;
  background:radial-gradient(hsl(var(--h) 30% 30% / .22) 1.1px,transparent 1.3px) 0 0/6px 6px,linear-gradient(160deg,hsl(var(--h) 38% 86%),hsl(var(--h) 28% 72%))}
.np-tile-art.ga-host{background:linear-gradient(160deg,hsl(var(--h) 30% 84%),hsl(var(--h) 22% 70%))}
.np-tile-art .ga-logo{padding:10% 12%}
.np-tile-art .ga-logo img{box-shadow:0 1px 0 rgba(0,0,0,.25);border-radius:2px}
.np-tile-mark{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-weight:900;font-style:italic;font-size:clamp(1.6rem,3vw,2.4rem);
  color:hsl(var(--h) 35% 18%);text-shadow:2px 2px 0 rgba(244,239,227,.7)}
.np-tile-mark::after{content:"";position:absolute;inset:7px;border:1px solid hsl(var(--h) 30% 25% / .55)}
.np-stamp{position:absolute;top:6px;right:6px;z-index:1;font-family:var(--font);font-size:.6rem;font-weight:900;letter-spacing:.1em;padding:2px 6px;
  color:var(--paper);background:var(--ink);transform:rotate(4deg);border:1px solid var(--paper)}
.np-stamp-hot{background:var(--kick)}
.np-stamp-new{background:color-mix(in srgb,var(--accent) 45%,#000)}
.np-tile-name{font-family:var(--display);font-weight:700;font-size:.96rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.np-tile-sub{font-family:var(--font);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.np-tile:hover .np-tile-art{box-shadow:3px 3px 0 var(--kick)}
.np-tile:hover .np-tile-name{text-decoration:underline;text-decoration-color:var(--primary)}
.np-more{text-align:center;margin-top:22px}

/* wide block (third of homeOrder) */
.np-wide .np-ads{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.np-wide .np-brief-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));column-gap:30px}

/* ===== letters (FAQ) ===== */
.np-letters .faq{columns:2;column-gap:36px;column-rule:1px solid var(--hair)}
.np-letters .faq h2{column-span:all;font-size:clamp(1.5rem,3vw,2.1rem);border-bottom:1px solid var(--rule);padding-bottom:6px;margin-bottom:16px}
.np-letters details{break-inside:avoid;margin-bottom:14px;padding-bottom:12px;border-bottom:1px dotted var(--hair)}
.np-letters summary{cursor:pointer;list-style:none;font-family:var(--display);font-weight:700;font-style:italic;font-size:1.08rem;line-height:1.35;padding-left:1.7em;position:relative}
.np-letters summary::-webkit-details-marker{display:none}
.np-letters summary::before{content:"Q";position:absolute;left:0;top:0;font-style:normal;font-weight:900;color:var(--kick)}
.np-letters summary::after{content:" +";font-style:normal;color:var(--muted)}
.np-letters details[open] summary::after{content:" −"}
.np-letters details p{padding:8px 0 0 1.7em;font-size:.92rem;line-height:1.6;color:var(--ink-2);position:relative}
.np-letters details p::before{content:"A";position:absolute;left:0;top:8px;font-family:var(--display);font-weight:900;color:var(--ink)}

/* ===== inner pages ===== */
.np-pagehead{text-align:center;max-width:900px;margin:0 auto}
.np-pagehead h1{font-size:clamp(2rem,5vw,3.8rem);letter-spacing:-.015em;margin-bottom:12px}
.np-pagehead .np-standfirst{margin:0 auto 16px}
.np-pagehead .np-lead-cta{justify-content:center}
.np-classifieds-page .np-ads{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.np-doc{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;align-items:start}
.np-doc-side{display:flex;flex-direction:column;gap:22px;position:sticky;top:16px}
.np-404{text-align:center;padding:30px 0 10px}
.np-404 h1{font-size:clamp(6rem,24vw,14rem);line-height:.9;letter-spacing:-.04em}
.np-404-cta{justify-content:center}

/* ===== footer ===== */
.np-foot{border-top:6px double var(--rule);padding:30px 0 34px;background:var(--paper-2);font-family:var(--font)}
.np-foot-mast{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--rule)}
.np-foot-logo{text-decoration:none;color:var(--ink)}
.np-foot-logo .logo-text{font-family:var(--display);font-weight:900;font-size:1.6rem}
.np-foot-logo .logo-img{height:36px;width:auto;display:block}
.np-foot-date{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.np-foot-links{display:flex;flex-wrap:wrap;gap:8px 0;padding:14px 0;font-size:.84rem}
.np-foot-links a{text-decoration:none;padding:0 14px;border-left:1px solid var(--hair);color:var(--ink-2)}
.np-foot-links a:first-child{padding-left:0;border-left:0}
.np-foot-links a:hover{color:var(--kick);text-decoration:underline}
.np-facts{display:flex;flex-wrap:wrap;gap:10px 28px;padding:12px 0;border-top:1px dotted var(--hair);border-bottom:1px dotted var(--hair);font-size:.82rem}
.np-facts div{display:flex;gap:8px;align-items:baseline}
.np-facts dt{color:var(--muted)}
.np-facts dd{font-weight:800}
.np-disclaimer{margin-top:14px;font-family:var(--text);font-size:.82rem;font-style:italic;color:var(--ink-2);max-width:80ch}
.np-age{display:inline-block;font-family:var(--font);font-style:normal;font-size:.72rem;border:2px solid var(--ink);padding:0 5px;margin-right:6px}
.np-foot-cta{display:flex;gap:16px;align-items:center;margin-top:16px}
.np-copy{margin-top:16px;font-size:.76rem;letter-spacing:.06em;color:var(--muted)}

/* ===== responsive ===== */
@media (max-width:1099px){
  .np-front{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"story story" "l r";row-gap:30px}
  .np-story{grid-area:story;border:0;padding:0}
  .np-rail-l{grid-area:l;padding-right:20px}
  .np-rail-r{grid-area:r;padding-left:20px;border-left:1px solid var(--hair)}
  .np-tiles{grid-template-columns:repeat(calc(var(--cols) + 1),minmax(0,1fr))}
  .np-columns-wide{column-count:2}
}
@media (max-width:860px){
  .np-lead{grid-template-columns:1fr;gap:22px}
  .np-doc{grid-template-columns:1fr}
  .np-doc-side{position:static}
  .np-ear{max-width:150px;padding:6px 8px}
  .np-ear strong{font-size:.85rem}
}
@media (max-width:720px){
  .np-wrap{padding:0 16px}
  .np-mast{grid-template-columns:1fr;padding:14px 0 10px}
  .np-title{grid-column:1}
  .np-title-text{white-space:normal;overflow-wrap:anywhere;font-size:clamp(2.4rem,13vw,4rem)}
  .np-ear{display:none}
  .np-dateline{grid-template-columns:1fr 1fr;row-gap:6px}
  .np-nav{grid-column:1/-1;grid-row:2;justify-content:center}
  .np-nav a{padding:4px 10px}
  .np-wire{font-size:.78rem;justify-content:flex-start}
  .np-wire span{padding:2px 0;border-left:0;flex:1 0 100%}
  .np-wire span::before{content:"◆ ";color:var(--kick);font-style:normal;font-size:.7em}
  .np-front{grid-template-columns:1fr;grid-template-areas:"story" "l" "r"}
  .np-rail-l,.np-rail-r{padding:0;border:0}
  .np-columns,.np-columns-wide,.np-columns-doc{column-count:1;hyphens:manual}
  .np-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}
  .np-tile-name{font-size:.84rem}
  .np-letters .faq{columns:1}
  .np-dbl{margin:22px 0}
  .np-ads,.np-wide .np-ads,.np-classifieds-page .np-ads{grid-template-columns:1fr}
  .np-foot-links a{padding:0 10px}
  .np-cats{gap:6px 16px}
  .np-cats a,.np-cats a:first-child{border-left:0;padding:2px 0}
  .np-inside ol{justify-content:flex-start!important}
  .np-inside li{flex:1 0 100%}
}
/* ===== library images (siteImage) — press photos: hairline frame, rule underneath, slightly muted ===== */
.si.np-photo{padding-bottom:7px;border-bottom:1px solid var(--rule)}
.si.np-photo img{border-radius:0;border:1px solid var(--rule);filter:saturate(.86) contrast(1.04);background:var(--paper-2)}
.si.np-lead-photo{margin-top:26px}
.np-lead-has-photo .np-lead-main{min-width:0;width:100%}
.hero-center .np-lead-photo{max-width:820px;margin-inline:auto}
.hero-banner .np-lead-photo{border-color:rgba(244,239,227,.45)}
.hero-banner .np-lead-photo img{border-color:rgba(244,239,227,.55)}
.np-classifieds>.si-banner{margin-bottom:18px}
.np-columns>.si.si-article{break-inside:avoid;-webkit-column-break-inside:avoid;margin:8px 0 20px}
.np-shots{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 26px;margin-bottom:30px}
.np-shots .si.si-app{flex:0 1 210px;min-width:0;border-bottom:0;padding-bottom:0}
.np-shots .si-app img{box-shadow:5px 5px 0 var(--paper-2),5px 5px 0 1px var(--rule)}
@media (max-width:720px){
  .si.np-lead-photo{margin-top:20px}
  .np-shots{flex-wrap:nowrap;gap:10px}
  .np-shots .si.si-app{flex:1 1 0;max-width:150px}
  .np-shots .si-app img{box-shadow:3px 3px 0 var(--paper-2),3px 3px 0 1px var(--rule)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .np-btn{transition:none}
}