/* ===========================================================
   minnesotavikings.io — /matchups/vikings-vs-browns/
   "Two Editions, One Result" — newsprint broadsheet treatment.
   Every class in this file is prefixed .nw- (newsprint) and is
   used by this page only. Body class: .page-twoeditions
   =========================================================== */

.page-twoeditions{
  /* ---- ink & paper ---- */
  --nw-ink:#1A1917;
  --nw-ink-2:#3A3733;
  --nw-cream:#F2E8D5;
  --nw-cream-2:#EEE3CE;
  --nw-cream-3:#E6D9BE;
  --nw-min:#4F2683;          /* Minnesota ink   */
  --nw-min-deep:#361A5C;
  --nw-min-pap:#D9D0E6;      /* Minnesota paper accent */
  --nw-cle:#311D00;          /* Cleveland brown */
  --nw-cle-2:#4A2D06;
  --nw-org:#FF3C00;          /* Cleveland orange — RULES AND FILLS ONLY,
                                never as text on cream (2.9:1) */
  --nw-ledger:#D8E2D0;       /* accounting paper */
  --nw-ledger-line:#A8BC9E;
  --nw-gold:#FFC62F;
  --nw-wood:#2A1D12;

  /* ---- five type roles ----
     1 display serif  : var(--nw-display) at 700/900, large
     2 article serif  : var(--nw-article) at 400
     3 statistics     : var(--nw-mono)
     4 narrow sans    : var(--nw-label)  -> site --body token
     5 condensed nums : var(--nw-figs)   -> site --display token
     No new webfont is loaded by this page. */
  --nw-display:Georgia,"Times New Roman",Times,serif;
  --nw-article:Georgia,"Times New Roman",Times,serif;
  --nw-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;
  --nw-label:var(--body);
  --nw-figs:var(--display);

  --nw-max:1240px;
  background:var(--nw-cream);
  color:var(--nw-ink);
}

/* halftone / paper grain — kept at very low alpha so it cannot
   move any text/background pair below 4.5:1 */
.page-twoeditions .nw-page{
  background-color:var(--nw-cream);
  background-image:
    radial-gradient(circle at 1px 1px, rgba(26,25,23,.055) 1px, transparent 1.3px);
  background-size:5px 5px;
}

.page-twoeditions main{font-family:var(--nw-article);font-size:17px;line-height:1.62}
.page-twoeditions main p{margin:0 0 .85em}
.page-twoeditions main p:last-child{margin-bottom:0}
.page-twoeditions main a{color:var(--nw-min);text-decoration:underline;text-underline-offset:2px}
.page-twoeditions main a:hover{background:var(--nw-min-pap)}

/* focus: gold is invisible on cream, so cream surfaces get purple
   and the dark brown surfaces keep gold */
.page-twoeditions :focus-visible{outline:3px solid var(--nw-min);outline-offset:2px;border-radius:0}
/* gold only where the ring actually lands on the dark brown surface —
   everything else (including the cream panel inside the drawer) keeps purple */
.page-twoeditions .nw-arch-tab:focus-visible,
.page-twoeditions .nw-press-win:focus-visible{outline:3px solid var(--nw-gold);outline-offset:2px}

/* every inline SVG on this page is sized here — an unsized <svg>
   falls back to 300x150 and destroys the layout. This is a
   zero-specificity default so the per-component sizes below win. */
:where(.page-twoeditions main svg){width:1em;height:1em;display:inline-block;vertical-align:-.12em}

.nw-shell{width:100%;max-width:var(--nw-max);margin:0 auto;padding-left:20px;padding-right:20px}
.nw-sec{padding-top:52px;padding-bottom:52px;border-top:1px solid var(--nw-ink)}
.nw-sec:first-child{border-top:0}

.nw-h2{
  font-family:var(--nw-display);font-weight:700;
  font-size:clamp(26px,3.4vw,42px);line-height:1.05;letter-spacing:-.01em;
  margin:0 0 6px;
}
.nw-h3{
  font-family:var(--nw-display);font-weight:700;
  font-size:clamp(18px,1.9vw,22px);line-height:1.18;margin:0 0 8px;
}
.nw-kick{
  font-family:var(--nw-label);font-weight:700;text-transform:uppercase;
  letter-spacing:.18em;font-size:11px;color:var(--nw-ink-2);margin:0 0 10px;
}
.nw-deck{font-family:var(--nw-article);font-style:italic;font-size:clamp(16px,1.6vw,19px);
  color:var(--nw-ink-2);margin:0 0 26px;max-width:62ch}
.nw-rule{height:0;border:0;border-top:3px double var(--nw-ink);margin:22px 0}
.nw-note{font-family:var(--nw-label);font-size:13px;line-height:1.5;color:var(--nw-ink-2)}
.nw-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* registration marks */
.nw-reg{display:flex;gap:10px;align-items:center;justify-content:center;margin:0 0 14px}
.nw-reg svg{width:14px;height:14px;color:var(--nw-ink-2)}

/* ---------- breadcrumbs ---------- */
.nw-crumbs{font-family:var(--nw-label);font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;padding:2px 0;border-bottom:1px solid var(--nw-ink)}
.nw-crumbs ol{display:flex;flex-wrap:wrap;gap:0 8px;margin:0;padding:0;list-style:none;align-items:center}
.nw-crumbs li{display:flex;align-items:center;min-height:44px}
.nw-crumbs li+li::before{content:"›";margin-right:8px;color:var(--nw-ink-2)}
.nw-crumbs a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;
  color:var(--nw-ink);text-decoration:none;box-shadow:inset 0 -1px 0 var(--nw-ink)}
.nw-crumbs [aria-current]{color:var(--nw-ink-2)}

/* ===========================================================
   BANNER
   =========================================================== */
/* ---- BANNER PHOTO SWAP ------------------------------------------
   The banner below is drawn in SVG/CSS. To drop in a real photo
   later, change ONLY the declaration on the next line to:
   --nw-banner-img:url("/assets/img/browns-banner.webp");
   Anything other than `none` paints the photo over the whole banner
   and hides the drawn treatment. (Update the aria-label on
   .nw-bnr-art in index.html at the same time.)
   ---------------------------------------------------------------- */
.nw-banner{--nw-banner-img:none}

.nw-banner{
  position:relative;overflow:hidden;width:100%;display:block;
  aspect-ratio:21/9;max-height:430px;min-height:170px;
  background-color:var(--nw-wood);
  border-bottom:4px solid var(--nw-ink);
}
.nw-banner::after{
  content:"";position:absolute;inset:0;z-index:2;
  background-image:var(--nw-banner-img);
  background-size:cover;background-position:center;
}
.nw-bnr-art{
  position:absolute;inset:0;z-index:1;
  width:100%;height:100%;display:block;   /* sized — never 300x150 */
}
.nw-bnr-cap{
  font-family:var(--nw-label);font-size:12px;color:var(--nw-ink-2);
  padding:8px 0 0;margin:0;letter-spacing:.04em;
}

/* ===========================================================
   1. TWO FRONT PAGES + H1 SPINE
   =========================================================== */
.nw-front{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(230px,268px) minmax(0,1fr);
  align-items:stretch;
  border:3px solid var(--nw-ink);
  background:var(--nw-cream-2);
}
.nw-front>*{min-width:0}

.nw-paper{padding:26px 24px 30px;position:relative}
.nw-paper--min{border-right:1px solid var(--nw-ink)}
.nw-paper--cle{border-left:1px solid var(--nw-ink)}

.nw-mast{
  font-family:var(--nw-display);font-weight:700;
  text-transform:uppercase;letter-spacing:.14em;
  font-size:clamp(12px,1.15vw,14px);
  padding-bottom:8px;margin:0 0 4px;
  border-bottom:3px double var(--nw-ink);
}
.nw-paper--min .nw-mast{color:var(--nw-min-deep)}
.nw-paper--cle .nw-mast{color:var(--nw-cle)}
.nw-mastline{
  display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:space-between;
  font-family:var(--nw-label);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--nw-ink-2);
  padding:6px 0 14px;border-bottom:1px solid var(--nw-ink);margin:0 0 16px;
}
.nw-hl{
  font-family:var(--nw-display);font-weight:700;
  font-size:clamp(28px,4.1vw,50px);line-height:.98;letter-spacing:-.018em;
  margin:0 0 12px;text-wrap:balance;
}
.nw-paper--cle .nw-hl{color:var(--nw-cle)}
.nw-big{
  font-family:var(--nw-figs);font-weight:700;
  font-size:clamp(86px,13vw,168px);line-height:.8;letter-spacing:-.03em;
  margin:6px 0 10px;display:block;
}
.nw-paper--min .nw-big{color:var(--nw-min)}
.nw-paper--cle .nw-big{color:var(--nw-cle)}
.nw-sub{
  font-family:var(--nw-article);font-style:italic;
  font-size:clamp(15px,1.5vw,18px);line-height:1.35;
  padding-top:12px;margin:0;
}
.nw-paper--min .nw-sub{border-top:4px solid var(--nw-min)}
.nw-paper--cle .nw-sub{border-top:4px solid var(--nw-org)}

/* the H1 runs down the narrow space between the two papers */
.nw-spine{
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  gap:14px;padding:26px 16px;text-align:center;
  background:var(--nw-cream-3);
  border-left:1px solid var(--nw-ink);border-right:1px solid var(--nw-ink);
}
.nw-spine h1{
  font-family:var(--nw-display);font-weight:700;
  font-size:clamp(17px,1.55vw,21px);line-height:1.16;letter-spacing:.005em;
  text-transform:uppercase;margin:0;
}
.nw-spine .nw-spine-tag{
  font-family:var(--nw-label);font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--nw-ink-2);
}
.nw-spine-bar{width:64px;height:6px;background:var(--nw-ink)}

@media (max-width:1000px){
  .nw-front{grid-template-columns:minmax(0,1fr)}
  .nw-paper--min{border-right:0;border-bottom:1px solid var(--nw-ink)}
  .nw-paper--cle{border-left:0;border-top:1px solid var(--nw-ink)}
  .nw-spine{border-left:0;border-right:0;
    border-top:3px double var(--nw-ink);border-bottom:3px double var(--nw-ink);padding:22px 18px}
  .nw-spine h1{font-size:clamp(20px,3.4vw,28px)}
}

/* ===========================================================
   MOBILE STICKY SCORE (CSS only — works without JavaScript)
   =========================================================== */
.nw-mscore{display:none}
@media (max-width:820px){
  .nw-mscore{
    display:flex;position:sticky;top:0;z-index:40;
    align-items:center;justify-content:center;gap:14px;
    background:var(--nw-ink);color:var(--nw-cream);
    font-family:var(--nw-label);font-size:13px;letter-spacing:.1em;
    text-transform:uppercase;padding:9px 12px;min-height:44px;
    border-bottom:3px solid var(--nw-org);
  }
  .nw-mscore b{font-family:var(--nw-figs);font-size:22px;letter-spacing:.02em}
}

/* ===========================================================
   2. THE CENTRE FOLD
   =========================================================== */
.nw-fold{position:relative;overflow:hidden;border:3px solid var(--nw-ink);background:var(--nw-cream-2)}
.nw-fold-inner{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,230px) minmax(0,1fr);
  align-items:start;
}
.nw-fold-inner>*{min-width:0}
.nw-fold-side{padding:28px 26px}
.nw-fold-side--b{border-left:1px solid var(--nw-ink)}

.nw-dl{margin:0;font-family:var(--nw-label);font-size:14px}
.nw-dl div{display:flex;gap:14px;justify-content:space-between;align-items:baseline;
  padding:9px 0;border-bottom:1px dotted var(--nw-ink-2)}
.nw-dl dt{text-transform:uppercase;letter-spacing:.13em;font-size:11px;color:var(--nw-ink-2);min-width:0}
.nw-dl dd{margin:0;font-family:var(--nw-mono);font-size:13.5px;text-align:right;min-width:0}

/* quarter scores printed vertically down the fold */
.nw-qtr{
  border-left:1px solid var(--nw-ink);border-right:1px solid var(--nw-ink);
  background:var(--nw-cream-3);padding:22px 14px;
}
.nw-qtr table{width:100%;border-collapse:collapse;font-family:var(--nw-mono);font-size:13px}
.nw-qtr caption{
  font-family:var(--nw-label);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--nw-ink-2);padding-bottom:10px;
}
.nw-qtr th,.nw-qtr td{padding:7px 4px;border-bottom:1px solid var(--nw-ink-2);text-align:right}
.nw-qtr thead th{font-family:var(--nw-label);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.nw-qtr tbody th{text-align:left;font-family:var(--nw-label);font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.nw-qtr tbody tr:last-child th,.nw-qtr tbody tr:last-child td{
  border-bottom:0;border-top:3px double var(--nw-ink);font-weight:700;font-size:15px}
.nw-qtr .nw-q-min{color:var(--nw-min-deep)}
.nw-qtr .nw-q-cle{color:var(--nw-cle)}

/* the crease flaps: decorative overlay only, added by JS.
   Content underneath is always in the flow and always readable. */
.nw-flap{display:none}
/* the flaps exist only when the script has decided the fold will be
   scrolled into view. If anything goes wrong they are never drawn and
   the game details stay in plain sight. */
.nw-js .nw-fold.is-armed .nw-flap{
  display:block;position:absolute;top:0;bottom:0;width:50%;z-index:3;
  background:
    linear-gradient(90deg,rgba(26,25,23,.16),rgba(26,25,23,0) 22%),
    var(--nw-cream-3);
  transition:transform 900ms cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}
.nw-js .nw-fold.is-armed .nw-flap--l{left:0;transform-origin:left center;border-right:1px solid var(--nw-ink)}
.nw-js .nw-fold.is-armed .nw-flap--r{right:0;transform-origin:right center;
  background:linear-gradient(270deg,rgba(26,25,23,.16),rgba(26,25,23,0) 22%),var(--nw-cream-3);
  border-left:1px solid var(--nw-ink)}
.nw-js .nw-fold.is-armed.is-open .nw-flap{transform:scaleX(0)}

@media (max-width:900px){
  .nw-fold-inner{grid-template-columns:minmax(0,1fr)}
  .nw-fold-side--b{border-left:0;border-top:1px solid var(--nw-ink)}
  .nw-qtr{border-left:0;border-right:0;border-top:1px solid var(--nw-ink);border-bottom:1px solid var(--nw-ink)}
}

/* ===========================================================
   3 + 4. THE TWO REPORTS
   Source order is Minnesota first, then Cleveland — a normal
   readable sequence. Only the Cleveland *columns* are visually
   reversed at wide widths, and only with flex `row-reverse`.
   No `direction:rtl` is used anywhere.
   =========================================================== */
.nw-reports{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;
  border:3px solid var(--nw-ink)}
.nw-reports>*{min-width:0}
.nw-report{padding:30px 24px 34px}
.nw-report--min{background:var(--nw-cream-2);border-right:2px solid var(--nw-ink)}
.nw-report--cle{background:var(--nw-cream)}

.nw-report .nw-h2{font-size:clamp(23px,2.5vw,32px)}
.nw-report--min .nw-h2{color:var(--nw-min-deep)}
.nw-report--cle .nw-h2{color:var(--nw-cle)}
.nw-report--min .nw-h2{border-bottom:5px solid var(--nw-min);padding-bottom:10px}
.nw-report--cle .nw-h2{border-bottom:5px solid var(--nw-org);padding-bottom:10px}

.nw-cols{display:flex;flex-wrap:wrap;gap:0 22px;margin-top:20px}
.nw-cols>*{min-width:0}
.nw-col{flex:1 1 190px;min-width:0;padding-top:16px}
.nw-report--min .nw-col{border-top:1px solid var(--nw-ink)}

/* Minnesota: purple drop caps */
.nw-report--min .nw-dc::first-letter{
  float:left;font-family:var(--nw-display);font-weight:700;
  font-size:3.35em;line-height:.78;padding:.06em .1em 0 0;color:var(--nw-min);
}
/* Cleveland: orange rules between the columns */
.nw-report--cle .nw-col{border-top:5px solid var(--nw-org)}
@media (min-width:1101px){
  .nw-report--cle .nw-cols{flex-direction:row-reverse}
  .nw-report--cle .nw-col+.nw-col{border-right:1px solid var(--nw-org);padding-right:20px}
}
@media (max-width:1100px){
  .nw-report--cle .nw-col+.nw-col{border-left:0}
}
@media (max-width:900px){
  .nw-reports{grid-template-columns:minmax(0,1fr)}
  .nw-report--min{border-right:0;border-bottom:2px solid var(--nw-ink)}
}
.nw-col p{font-size:16px;line-height:1.6}
.nw-colhead{
  font-family:var(--nw-label);font-weight:700;text-transform:uppercase;
  letter-spacing:.14em;font-size:11.5px;margin:0 0 10px;color:var(--nw-ink-2);
}

/* mobile edition switcher (buttons are created by browns.js).
   `hidden` is set by the script at every width, so it is neutralised
   above 820px and only allowed to hide a report on small screens. */
.page-twoeditions .nw-report[hidden]{display:block}
.nw-edtabs{display:none}
@media (max-width:820px){
  .nw-js .nw-edtabs{
    display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;
    border:3px solid var(--nw-ink);border-bottom:0;background:var(--nw-cream-3);
  }
  .nw-js .nw-edtab{
    font-family:var(--nw-label);font-weight:700;text-transform:uppercase;
    letter-spacing:.12em;font-size:12px;min-height:52px;padding:10px 12px;
    background:var(--nw-cream-3);color:var(--nw-ink);border:0;
  }
  .nw-js .nw-edtab[aria-selected="true"]{background:var(--nw-ink);color:var(--nw-cream)}
  .nw-js .nw-edspine{
    display:flex;align-items:center;justify-content:center;width:44px;
    background:var(--nw-ink);color:var(--nw-cream);
    font-family:var(--nw-label);font-size:10px;letter-spacing:.16em;
    writing-mode:vertical-rl;text-transform:uppercase;
  }
  .nw-js .nw-report[hidden]{display:none}
}

/* ===========================================================
   7. PORTRAIT CUT-OUTS
   =========================================================== */
.nw-cuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:0}
.nw-cuts>*{min-width:0}
.nw-cut{
  min-width:0;padding:26px 22px 28px;border:1px solid var(--nw-ink);margin:-1px 0 0 -1px;
  background:var(--nw-cream-2);
}
.nw-cut-fig{
  float:left;margin:4px 22px 10px 0;position:relative;width:170px;min-width:0;
}
.nw-cut--r .nw-cut-fig{float:right;margin:4px 0 10px 22px}
.nw-cut-stat{
  position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);
  font-family:var(--nw-figs);font-weight:700;font-size:104px;line-height:.8;
  letter-spacing:-.04em;z-index:0;white-space:nowrap;
}
.nw-cut--min .nw-cut-stat{color:rgba(79,38,131,.30)}
.nw-cut--cle .nw-cut-stat{color:rgba(255,60,0,.42)}
.nw-cut-fig img,.nw-cut-sil{
  position:relative;z-index:1;width:170px;height:170px;display:block;
  filter:grayscale(1) contrast(1.22);
  -webkit-mask-image:radial-gradient(circle at 50% 46%,#000 62%,transparent 74%);
  mask-image:radial-gradient(circle at 50% 46%,#000 62%,transparent 74%);
}
.nw-cut-sil{filter:none}          /* the silhouette is already flat */
.nw-cut--min .nw-cut-sil{color:var(--nw-min-deep)}
.nw-cut--cle .nw-cut-sil{color:var(--nw-cle)}
.nw-cut figcaption{
  position:relative;z-index:1;clear:both;padding-top:10px;
  font-family:var(--nw-label);font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--nw-ink-2);width:170px;
}
.nw-cut .nw-h3{margin-bottom:6px;overflow:hidden}
.nw-cut p{font-size:16px}
.nw-cut::after{content:"";display:block;clear:both}

/* ===========================================================
   5. LEDGER BOX SCORE
   =========================================================== */
.nw-ledger{
  background:var(--nw-ledger);
  background-image:repeating-linear-gradient(
    to bottom,transparent 0 27px,rgba(88,116,78,.16) 27px 28px);
  border:3px solid var(--nw-ink);padding:28px 22px 34px;
}
.nw-ledger .nw-h2,.nw-ledger .nw-h3{color:var(--nw-ink)}
.nw-ledger .nw-h3{margin-top:26px;padding-bottom:6px;border-bottom:2px solid var(--nw-ledger-line)}
.nw-ledger a{color:var(--nw-min-deep)}
.nw-ledger a:hover{background:#fff}

.nw-led-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.nw-led{
  width:100%;min-width:min(100%,520px);border-collapse:collapse;
  font-family:var(--nw-mono);font-size:14px;margin-top:12px;
}
.nw-led caption{
  text-align:left;font-family:var(--nw-label);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:#2E3A28;padding:8px 0;
}
.nw-led th,.nw-led td{padding:7px 6px;vertical-align:middle;text-align:right;border:0}
.nw-led thead th{
  font-family:var(--nw-label);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  border-bottom:2px solid var(--nw-ledger-line);color:#2E3A28;
}
.nw-led thead th:first-child,.nw-led tbody th{text-align:left}
.nw-led tbody th{font-weight:700;width:44%}
.nw-led tbody tr+tr th,.nw-led tbody tr+tr td{border-top:1px solid rgba(88,116,78,.35)}
.nw-led .nw-team{font-family:var(--nw-label);font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:#2E3A28}

/* dotted leaders drawn in CSS — no runs of full stops in the text */
.nw-lead{display:flex;align-items:baseline;gap:.55em;width:100%;min-width:0}
.nw-lead>span:first-child{min-width:0}
.nw-dots{
  flex:1 1 auto;min-width:1.4em;height:.5em;align-self:flex-end;margin-bottom:.16em;
  background-image:radial-gradient(circle at 50% 50%,currentColor 1.05px,transparent 1.25px);
  background-size:6px 6px;background-repeat:repeat-x;background-position:left bottom;
  opacity:.55;
}
.nw-led td .nw-lead{justify-content:flex-end}

.nw-crosslink{
  margin-top:26px;padding:16px 18px;background:rgba(255,255,255,.55);
  border-left:6px solid var(--nw-min);font-family:var(--nw-article);font-size:16px;
}

/* ===========================================================
   6. FINAL DRIVE — PRINTING PRESS STRIP
   =========================================================== */
.nw-press{background:var(--nw-cle);color:var(--nw-cream);border:3px solid var(--nw-ink);padding:30px 0 34px}
.nw-press .nw-h2,.nw-press .nw-kick{color:var(--nw-cream)}
.nw-press .nw-deck{color:rgba(242,232,213,.82)}
.nw-press-head{padding:0 22px}
.nw-press-mach{
  height:26px;margin:22px 0 0;
  background:
    repeating-linear-gradient(90deg,var(--nw-org) 0 16px,transparent 16px 32px),
    var(--nw-cle-2);
  border-top:2px solid var(--nw-org);border-bottom:2px solid var(--nw-org);
}
.nw-press-win{
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  padding:24px 22px;background:var(--nw-cle-2);
}
.nw-js .nw-press-win{overflow-x:hidden}
.nw-press-strip{
  display:flex;gap:0;list-style:none;margin:0;padding:0;width:max-content;
  transform:translateX(var(--nw-press-x,0px));
  will-change:transform;
}
.nw-press-strip>li{min-width:0}
.nw-press-item{
  width:238px;min-width:0;flex:0 0 auto;padding:18px 20px;
  background:var(--nw-cream);color:var(--nw-ink);
  border-right:2px dashed var(--nw-cle);
}
.nw-press-item:last-child{border-right:0}
.nw-press-item.is-td{background:var(--nw-org);color:var(--nw-ink)}
.nw-press-n{
  font-family:var(--nw-label);font-size:10.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--nw-ink-2);margin:0 0 6px;
}
.nw-press-item.is-td .nw-press-n{color:var(--nw-ink)}
.nw-press-k{font-family:var(--nw-label);font-size:12px;letter-spacing:.12em;
  text-transform:uppercase;margin:0 0 4px}
.nw-press-v{font-family:var(--nw-mono);font-size:20px;font-weight:700;margin:0;line-height:1.25}
.nw-press-hint{padding:14px 22px 0;font-family:var(--nw-label);font-size:12px;
  color:rgba(242,232,213,.8)}

/* ===========================================================
   WHAT DECIDED IT
   =========================================================== */
.nw-decide{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:0}
.nw-decide>*{min-width:0}
.nw-decide article{min-width:0;padding:22px 20px;border:1px solid var(--nw-ink);margin:-1px 0 0 -1px}
.nw-decide article:nth-child(odd){background:var(--nw-cream-2)}
.nw-decide p{font-size:16px}

/* ===========================================================
   8. ARCHIVE DRAWER
   =========================================================== */
.nw-arch{background:var(--nw-cle);border:3px solid var(--nw-ink);padding:28px 0 0}
.nw-arch .nw-h2,.nw-arch .nw-kick{color:var(--nw-cream)}
.nw-arch .nw-deck{color:rgba(242,232,213,.82)}
.nw-arch-head{padding:0 22px}
.nw-arch-tabs{
  display:flex;flex-wrap:wrap;gap:6px;padding:20px 22px 0;margin:0;list-style:none;
}
.nw-arch-tabs>*{min-width:0}
.nw-arch-tab{
  font-family:var(--nw-figs);font-weight:700;font-size:17px;letter-spacing:.06em;
  min-height:44px;min-width:74px;padding:10px 16px;
  background:var(--nw-cream-3);color:var(--nw-ink);
  border:2px solid var(--nw-ink);border-bottom:0;
}
.nw-arch-tab[aria-selected="true"]{background:var(--nw-cream);border-color:var(--nw-org);
  box-shadow:inset 0 -5px 0 var(--nw-org)}
.nw-arch-tab:hover{background:var(--nw-cream)}
.nw-arch-body{background:var(--nw-cream);border-top:3px solid var(--nw-org);padding:26px 22px 30px}
.nw-arch-panel{min-width:0}
.nw-js .nw-arch-panel[hidden]{display:none}
.nw-arch-panel+.nw-arch-panel{margin-top:26px;padding-top:26px;border-top:1px solid var(--nw-ink)}
.nw-js .nw-arch-panel+.nw-arch-panel{margin-top:0;padding-top:0;border-top:0}
.nw-arch-line{
  font-family:var(--nw-mono);font-size:15px;font-weight:700;
  display:inline-block;padding:8px 12px;margin:0 0 12px;
  background:var(--nw-min-pap);border-left:6px solid var(--nw-min);
}
.nw-arch-panel .nw-cle-line{background:#F3D9CE;border-left-color:var(--nw-org)}
.nw-thin{
  font-family:var(--nw-label);font-size:13px;letter-spacing:.03em;
  padding:12px 14px;background:var(--nw-cream-3);border:1px dashed var(--nw-ink-2);
}
.nw-arch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px}
.nw-arch-grid>*{min-width:0}

/* ===========================================================
   9. SERIES RECORD — TWO STACKS
   =========================================================== */
.nw-series-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:26px;align-items:end;margin-top:22px}
.nw-series-wrap>*{min-width:0}
.nw-stackcol{min-width:0;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;
  padding:18px;border:1px solid var(--nw-ink);background:var(--nw-cream-2)}
.nw-stack{display:flex;flex-direction:column-reverse;gap:3px;margin:0;padding:0;list-style:none;max-width:236px}
.nw-stack li{height:13px;border:1px solid var(--nw-ink)}
.nw-stack--min li{background:var(--nw-min-pap)}
.nw-stack--min li:nth-child(odd){background:#C9BCDD}
.nw-stack--cle li{background:#F3D9CE}
.nw-stack--cle li:nth-child(odd){background:#E7C4B4}
.nw-stack-n{font-family:var(--nw-figs);font-weight:700;font-size:64px;line-height:.85;margin:0}
.nw-stackcol--min .nw-stack-n{color:var(--nw-min)}
.nw-stackcol--cle .nw-stack-n{color:var(--nw-cle)}
.nw-stack-l{font-family:var(--nw-label);font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;margin:0}
.nw-post{margin-top:22px;padding:16px 18px;border:3px double var(--nw-ink);background:var(--nw-cream-2)}

.nw-tablewrap{overflow-x:auto;margin-top:22px}
.nw-tbl{width:100%;min-width:min(100%,520px);border-collapse:collapse;font-family:var(--nw-mono);font-size:14px}
.nw-tbl caption{text-align:left;font-family:var(--nw-label);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--nw-ink-2);padding:8px 0}
.nw-tbl th,.nw-tbl td{padding:9px 10px;border-bottom:1px solid var(--nw-ink-2);text-align:left}
.nw-tbl thead th{font-family:var(--nw-label);font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;border-bottom:2px solid var(--nw-ink)}

/* ===========================================================
   10. FAQ + more coverage
   =========================================================== */
.nw-faq{columns:2;column-gap:38px}
.nw-faq>div{break-inside:avoid;margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid var(--nw-ink-2)}
@media (max-width:820px){.nw-faq{columns:1}}
.nw-faq .nw-h3{font-size:19px}
.nw-faq p{font-size:16px}

.nw-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding:0;list-style:none}
.nw-links>*{min-width:0}
.nw-links a{
  display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:13px 16px;
  background:var(--nw-ink);color:var(--nw-cream);text-decoration:none;
  font-family:var(--nw-label);font-size:12px;letter-spacing:.12em;text-transform:uppercase;
}
.page-twoeditions main .nw-links a{color:var(--nw-cream);text-decoration:none}
.page-twoeditions main .nw-links a:hover{background:var(--nw-min);color:#fff}
.page-twoeditions main .nw-crumbs a{color:var(--nw-ink);text-decoration:none}
.page-twoeditions main .nw-ledger a{color:var(--nw-min-deep)}
.nw-links a svg{width:14px;height:14px}
.nw-src{margin-top:26px;font-family:var(--nw-label);font-size:13px;color:var(--nw-ink-2)}
.nw-src ul{margin:8px 0 0;padding:0;list-style:none}
.nw-src li{padding:4px 0}

/* ===========================================================
   RESPONSIVE ODDS AND ENDS
   =========================================================== */
@media (max-width:520px){
  .page-twoeditions main{font-size:16px}
  .nw-sec{padding-top:36px;padding-bottom:36px}
  .nw-paper{padding:20px 16px 24px}
  .nw-report{padding:22px 16px 26px}
  .nw-ledger{padding:22px 14px 26px}
  .nw-cut{padding:20px 16px 22px}
  .nw-cut-fig{float:none;margin:0 0 14px;width:150px}
  .nw-cut-fig img,.nw-cut-sil{width:150px;height:150px}
  .nw-cut-stat{font-size:88px}
  .nw-cut figcaption{width:auto}
  .nw-press-item{width:200px}
  .nw-arch-tab{min-width:64px;padding:10px 12px;font-size:15px}
}

/* ===========================================================
   REDUCED MOTION — fold, press strip and archive drawer
   =========================================================== */
@media (prefers-reduced-motion:reduce){
  .page-twoeditions *,.page-twoeditions *::before,.page-twoeditions *::after{
    transition-duration:1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;
  }
  .nw-js .nw-fold .nw-flap{display:none}        /* the fold is simply open */
  .nw-js .nw-press-win{overflow-x:auto}         /* the strip is a plain scroller */
  .nw-press-strip{transform:none !important}
  .nw-press-mach{background:var(--nw-cle-2);border-color:var(--nw-org)}
}