/* news.css — the News page (news.php, built by news_lib.php).
   Layout: mockup "C · Front page" + category chips (2026-10-17); pictures are
   option A, the same card the bot posts in #news (API lib/news_card.py): picture,
   then a strip in the category colour, with a branded panel for posts without one.
   Category colours must match lib/news_card.py KIND_COLORS. */
.news-page{--nw-maint:#f5a524;--nw-bans:#e05260;--nw-esports:#b48cff;--nw-patch:#32a7eb;--nw-event:#34d399;--nw-news:#94a3b8;--nw-wg:#5fb8ff;--nw-tourn:#f2a900;
  padding-block:28px 48px}   /* block only: .container owns the side padding */

/* Frame + panels (shared.css .wg-frame/.wg-panel/.wg-panel-h); chips sit above the
   frame like data.php's tabs. The frame's gap spaces its children, so nothing
   directly inside it carries a bottom margin. */
.news-page .nw-more{color:var(--brand);font-size:.8rem;font-weight:700;white-space:nowrap;text-decoration:none}
.news-page .nw-count{color:var(--muted);font-size:.76rem;font-weight:600;text-align:right}
.news-page .note{color:var(--muted);font-size:.76rem;line-height:1.5;margin:0;padding:0 2px}
.news-page .note a{color:var(--brand)}
.news-page .none{color:var(--muted);font-size:.85rem;padding:8px 0}
.gr-chips{display:flex;gap:6px;flex-wrap:wrap}
.gr-chip{font-size:.78rem;font-weight:700;color:var(--fg2);border:1px solid var(--border);border-radius:999px;padding:5px 12px;text-decoration:none}
.gr-chip:hover{color:var(--fg);border-color:var(--border-brand)}
.gr-chip.on{color:var(--fg);border-color:rgba(50,167,235,.5);background:var(--brand-glow)}

/* Category colours */
.nw-chips{margin-bottom:16px}
.nw-tag{display:inline-flex;align-items:center;gap:5px;font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-radius:5px;padding:2px 6px;white-space:nowrap;color:var(--k);background:color-mix(in srgb,var(--k) 14%,transparent)}
.nw-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.nw-k-maint{--k:var(--nw-maint)}.nw-k-bans{--k:var(--nw-bans)}.nw-k-esports{--k:var(--nw-esports)}
.nw-k-patch{--k:var(--nw-patch)}.nw-k-event{--k:var(--nw-event)}.nw-k-news{--k:var(--nw-news)}.nw-k-wg{--k:var(--nw-wg)}.nw-k-tourn{--k:var(--nw-tourn)}
.nw-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px}
.nw-src{font-size:.74rem;color:var(--muted)}
.nw-title{display:block;font-weight:800;line-height:1.3;color:var(--fg);text-wrap:balance}
.nw-sum{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:.86rem;line-height:1.45}
.nw-go{color:var(--brand);font-size:.82rem;font-weight:800;text-decoration:none}
a.nw-row,a.nw-card,a.nw-lead,a.nw-status{text-decoration:none;color:inherit}

/* Picture box: picture over the branded panel, strip underneath */
.nw-media{display:block;border-radius:10px;overflow:hidden;background:#15130f;max-width:100%}
.nw-art{position:relative;display:block;aspect-ratio:16/9;container-type:inline-size}
.nw-art > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nw-poster{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.35em;padding:7% 7% 8%;
  background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--k) 9%,transparent) 0 14px,transparent 14px 30px),
             radial-gradient(120% 90% at 88% 6%,color-mix(in srgb,var(--k) 42%,#15130f) 0%,#15130f 62%)}
.nw-poster .pk{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(.55rem,2.6cqi,.95rem);color:var(--k)}
.nw-poster .pt{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;text-transform:uppercase;color:#fff;line-height:.95;font-size:clamp(.95rem,6.2cqi,2.6rem);text-wrap:balance;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nw-strip{display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;background:var(--k);color:#0b0f14}
.nw-strip img{width:20px;height:20px;border-radius:5px;flex-shrink:0}
.nw-strip b{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.nw-strip i{margin-left:auto;font-style:normal;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.06em;background:#0b0f14;color:var(--k);border-radius:4px;padding:1px 7px;white-space:nowrap}
.nw-media-lg .nw-strip{height:40px;padding:0 14px;gap:10px}
.nw-media-lg .nw-strip img{width:26px;height:26px}
.nw-media-lg .nw-strip b{font-size:1.2rem}
.nw-row .nw-strip i,.nw-row .nw-strip .wgp{display:none}   /* small thumbnails: logo + category only */

/* Maintenance strip */
.nw-status{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;border:1px solid color-mix(in srgb,var(--nw-maint) 40%,transparent);background:color-mix(in srgb,var(--nw-maint) 8%,transparent);border-radius:10px;padding:9px 13px;font-size:.86rem}
.nw-status b{color:var(--nw-maint)}
/* Lead story */
.nw-lead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:center;margin-bottom:16px}
.nw-lead .nw-body{display:grid;gap:9px;min-width:0}
.nw-lead .nw-title{font-size:1.5rem}
.nw-lead .nw-sum{-webkit-line-clamp:4;font-size:.92rem}
.nw-lead:hover .nw-title,.nw-card:hover .nw-title,.nw-row:hover .nw-title{color:var(--brand)}
/* Three cards: one height per row */
.nw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:12px}
.nw-card{display:grid;grid-template-rows:auto auto 1fr;gap:8px;align-content:start;background:rgba(255,255,255,.025);border:1px solid var(--border);border-radius:12px;padding:10px;min-width:0}
.nw-card .nw-title{font-size:.95rem}
/* This week at Wolf Grounds: a .wg-panel with a faint Wolf Grounds blue tint */
.wg-panel.nw-band{border-color:color-mix(in srgb,var(--nw-wg) 32%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--nw-wg) 9%,transparent),color-mix(in srgb,var(--nw-wg) 2%,transparent));display:grid;gap:11px}
.nw-band .wg-panel-h{margin-bottom:0}
/* Its updates are Wolf Grounds cards: four across, built like the PUBG cards */
.nw-grid.nw-wggrid{grid-template-columns:repeat(4,minmax(0,1fr))}
a.nw-wgcard{text-decoration:none;color:inherit}
.nw-wgcard{grid-template-rows:auto auto 1fr auto}   /* headline takes the slack: count chips line up along the bottom */
.nw-wggrid .nw-strip i{display:none}   /* four across: room for "Wolf Grounds · Weekly" only */
.nw-wgcard:hover{border-color:color-mix(in srgb,var(--nw-wg) 45%,transparent)}
.nw-wgtxt{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:.86rem;line-height:1.45;color:var(--fg)}

/* The Wolf Grounds signature picture (news_lib.php nw_wg_art, mockup A 2026-10-18).
   The logo is always whole and uncovered; the claw mark rakes across the words. */
.nw-wgposter{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:.3em;padding:7% 44% 8% 7%;
  background:linear-gradient(color-mix(in srgb,var(--nw-wg) 7%,transparent) 1px,transparent 1px) 0 0/12.5% 25%,
             linear-gradient(90deg,color-mix(in srgb,var(--nw-wg) 7%,transparent) 1px,transparent 1px) 0 0/12.5% 25%,
             radial-gradient(110% 120% at 92% 0%,#1b4a78 0%,#0c1f33 48%,#070b10 100%)}
.nw-wgposter .mark{position:absolute;right:7%;top:50%;width:32%;height:auto;border-radius:14%;transform:translateY(-50%);filter:drop-shadow(0 6px 22px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(95,184,255,.35))}
.nw-wgposter .wk{position:relative;z-index:3;text-shadow:0 0 4px #070b10,0 0 8px #070b10;   /* kicker sits above the claw mark so it stays readable */
font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--nw-wg);font-size:clamp(.5rem,2.8cqi,1rem);white-space:nowrap}
.nw-wgposter .big{position:relative;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;text-transform:uppercase;color:#fff;line-height:.92;font-size:clamp(.8rem,8.5cqi,4rem)}
.nw-wgposter .big em{font-style:normal;color:var(--nw-wg)}
.nw-claw{position:absolute;z-index:2;left:14%;bottom:2%;width:30%;height:84%;transform:rotate(16deg);opacity:.8;pointer-events:none;overflow:visible;filter:drop-shadow(0 0 6px rgba(95,184,255,.45))}
.nw-claw .rip{fill:var(--nw-wg)}
.nw-claw .gouge{fill:#04101d;opacity:.75}
.nw-claw .lit{fill:#d8efff;opacity:.85}
/* Tournament results (news_lib.php nw_tourn_art, mockup 2026-10-24): the signature
   picture in gold. Winner raked by the claw, 2-1-3 podium, logo whole on the right. */
.nw-tposter{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:.45em;padding:6% 34% 0 6%;
  background:linear-gradient(color-mix(in srgb,var(--nw-tourn) 7%,transparent) 1px,transparent 1px) 0 0/8% 14.2%,
             linear-gradient(90deg,color-mix(in srgb,var(--nw-tourn) 7%,transparent) 1px,transparent 1px) 0 0/8% 14.2%,
             radial-gradient(90% 110% at 86% 20%,#3a2a07 0%,#16110a 52%,#0e0b06 100%)}
.nw-tposter .mark{position:absolute;right:6%;top:42%;width:24%;height:auto;border-radius:14%;transform:translateY(-50%);filter:drop-shadow(0 6px 22px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(242,169,0,.3))}
.nw-tposter .wk{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#e6c27a;
  font-size:clamp(.5rem,2.6cqi,1.1rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nw-tposter .big{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;text-transform:uppercase;color:var(--nw-tourn);line-height:.9;
  font-size:clamp(.9rem,9cqi,4.6rem);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-top:.12em}
.nw-tposter .big > span{position:relative}
.nw-tposter .nw-claw{left:.05em;top:-.12em;bottom:auto;width:.9em;height:1.3em;filter:drop-shadow(0 0 6px rgba(242,169,0,.45))}
.nw-tposter .nw-claw .rip{fill:var(--nw-tourn)}
.nw-tposter .nw-claw .gouge{fill:#1a1204}
.nw-tposter .nw-claw .lit{fill:#fff3cf}
.nw-tposter .bars{position:absolute;left:6%;bottom:0;width:58%;height:22%;display:flex;align-items:flex-end;gap:2%}
.nw-tposter .b{flex:1;min-width:0;border-radius:.4em .4em 0 0;padding:.35em .5em;box-sizing:border-box;color:#120e07;font-size:clamp(.42rem,1.9cqi,.85rem);overflow:hidden}
.nw-tposter .b b{display:block;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:1.25em;line-height:1}
.nw-tposter .b small{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nw-tposter .b1{height:100%;background:var(--nw-tourn)}
.nw-tposter .b2{height:74%;background:#c9d1dc}
.nw-tposter .b3{height:58%;background:#d9965b}
.nw-row .nw-tposter .bars,.nw-row .nw-tposter .wk{display:none}
.nw-row .nw-tposter{padding-right:30%}
.wg-panel.nw-tband{border-color:color-mix(in srgb,var(--nw-tourn) 35%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--nw-tourn) 8%,transparent),color-mix(in srgb,var(--nw-tourn) 2%,transparent))}
.nw-tband .nw-lead{margin-bottom:0}
.nw-missing{margin-bottom:0}

/* The article page (news.php?a=…) */
.nw-art-page{display:grid;gap:24px;max-width:880px;width:100%;margin:0 auto;box-sizing:border-box}
.nw-art-head h1{margin:0;font-size:clamp(1.55rem,3.4vw,2.35rem);line-height:1.15;font-weight:800;letter-spacing:-.01em;text-wrap:balance}
.nw-art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:12px;color:var(--muted);font-size:.86rem}
.nw-art-share{margin-left:auto;display:flex;gap:8px}
.nw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;box-sizing:border-box;padding:0 14px;border-radius:9px;border:1px solid rgba(255,255,255,.14);
  background:transparent;color:var(--fg);font-family:inherit;font-weight:700;font-size:.82rem;text-decoration:none;cursor:pointer;white-space:nowrap}
.nw-btn:hover{border-color:var(--border-brand)}
.nw-btn-discord{background:#5865f2;border-color:#5865f2;color:#fff}
.nw-btn-discord:hover{background:#4752c4;border-color:#4752c4}
.nw-btn-gold{background:var(--nw-tourn);border-color:var(--nw-tourn);color:#1a1204;min-height:46px;padding:0 20px;font-size:.95rem;font-weight:800}
.nw-btn-gold:hover{filter:brightness(1.08);border-color:var(--nw-tourn)}
.nw-art-note{display:flex;gap:14px;background:var(--bg2);border:1px solid var(--border-brand);border-radius:12px;padding:16px 18px}
.nw-art-note img{width:40px;height:40px;border-radius:10px;flex-shrink:0}
.nw-art-note span{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}
.nw-art-note p{margin:4px 0 0;font-size:.98rem;line-height:1.55}
.nw-art-k{display:block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--nw-tourn);margin-bottom:10px}
.nw-art-story p{margin:0 0 14px;font-size:1.05rem;line-height:1.7;color:#d4d9e3}
.nw-art-story p:last-child{margin-bottom:0}
.nw-art-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.nw-pc{--c:var(--fg2);background:var(--bg3);border:1px solid color-mix(in srgb,var(--c) 32%,transparent);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px;min-width:0;box-sizing:border-box}
.nw-g1{--c:var(--nw-tourn);min-height:240px;border-color:color-mix(in srgb,var(--c) 55%,transparent)}
.nw-g2{--c:#c9d1dc;min-height:210px}
.nw-g3{--c:#d9965b;min-height:195px}
.nw-pc .pl{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:.04em;color:var(--c)}
.nw-pc .tm{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:1.6rem;line-height:1;text-transform:uppercase;overflow-wrap:anywhere}
.nw-pc .pts{font-size:.8rem;font-weight:700;color:var(--muted)}
.nw-pc .pts b{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:3rem;line-height:1;color:var(--c)}
.nw-pc .mt{font-size:.82rem;color:var(--fg2)}
.nw-pc .who{font-size:.76rem;color:var(--muted);overflow-wrap:anywhere}
.nw-pc .who a{color:var(--fg2);text-decoration:none}
.nw-pc .who a:hover{color:var(--brand)}
.nw-aw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:12px}
.nw-aw{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}
.nw-aw span{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.nw-aw b{font-size:1.05rem;overflow-wrap:anywhere}
.nw-aw small{font-size:.82rem;color:var(--fg2)}
.nw-art-table{background:var(--bg3);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.nw-art-th{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 18px}
.nw-art-th h2{margin:0;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:1.35rem;text-transform:uppercase}
.nw-art-th small{color:var(--muted);font-size:.76rem;text-align:right}
.nw-tr{display:grid;grid-template-columns:44px minmax(0,1fr) 70px 60px 70px;gap:10px;align-items:center;padding:9px 18px;border-top:1px solid rgba(255,255,255,.05);font-size:.9rem}
.nw-tr > :nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}
.nw-tr b:nth-child(2){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nw-thd{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.nw-r1 > :first-child{color:var(--nw-tourn);font-weight:900}
.nw-r2 > :first-child{color:#c9d1dc;font-weight:900}
.nw-r3 > :first-child{color:#d9965b;font-weight:900}
.nw-art-table .nw-go{display:flex;align-items:center;min-height:46px;padding:0 18px;border-top:1px solid var(--border)}
.nw-art-next{display:flex;align-items:center;gap:18px;background:var(--bg2);border:1px solid color-mix(in srgb,var(--nw-tourn) 35%,transparent);border-radius:12px;padding:18px 20px}
.nw-art-next > div{flex:1;min-width:0;display:grid;gap:4px}
.nw-art-next .nw-art-k{margin:0}
.nw-art-next b{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:1.4rem;line-height:1.1;text-transform:uppercase}
.nw-art-next small{color:var(--fg2);font-size:.86rem}
@media (max-width:640px){
  .nw-art-share{margin-left:0;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .nw-art-podium{grid-template-columns:minmax(0,1fr)}
  .nw-pc{min-height:0}
  .nw-g1{order:-1}
  .nw-aw-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
  .nw-tr{grid-template-columns:28px minmax(0,1fr) 52px 52px;padding:9px 14px}
  .nw-tr .nw-hs{display:none}
  .nw-art-th{flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px}
  .nw-art-next{flex-direction:column;align-items:stretch}
  .nw-art-next .nw-btn-gold{width:100%}
}
@media (min-width:641px) and (max-width:900px){
  .nw-aw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Lists */
.nw-list{display:grid;gap:10px}
.nw-row{display:grid;grid-template-columns:176px minmax(0,1fr);gap:14px;align-items:start;background:rgba(255,255,255,.025);border:1px solid var(--border);border-radius:12px;padding:10px}
.nw-row .nw-body{display:grid;gap:5px;min-width:0}
.nw-row .nw-title{font-size:1rem}
/* Wolf Grounds weeks (?cat=wg): the newest open, older ones folded. Each week:
   logo + week + teaser as a headline + coloured counts, then its updates grouped
   by type as cards (one height per row within a group). */
.nw-wkcard{border:1px solid color-mix(in srgb,var(--nw-wg) 26%,transparent);border-radius:12px;overflow:hidden;
  background:linear-gradient(160deg,color-mix(in srgb,var(--nw-wg) 8%,transparent),rgba(255,255,255,.015) 45%)}
.nw-wkhead{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:16px;align-items:start;padding:18px 20px;cursor:pointer;list-style:none}
.nw-wkhead::-webkit-details-marker{display:none}
.nw-wkhead .nw-strip i{display:none}   /* week picture: logo + "Wolf Grounds · Weekly" only */
.nw-wkhead-t{display:grid;gap:7px;min-width:0}
.nw-wkeye{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--nw-wg)}
.nw-wktitle{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.1;color:var(--fg);text-wrap:balance}
.nw-wksum{display:flex;flex-wrap:wrap;gap:6px}
.nw-wkchip{font-size:.72rem;font-weight:800;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent);border:1px solid color-mix(in srgb,var(--c) 30%,transparent);border-radius:999px;padding:2px 9px;white-space:nowrap}
.nw-wktoggle{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);display:grid;place-items:center;margin-top:4px}
.nw-wktoggle::before{content:"";width:8px;height:8px;border-right:2px solid var(--fg2);border-bottom:2px solid var(--fg2);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.nw-wkcard[open] .nw-wktoggle::before{transform:rotate(225deg) translate(-2px,-2px)}
.nw-wkhead:hover .nw-wktoggle{border-color:var(--border-brand)}
.nw-wkhead:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.nw-wkbody{display:grid;gap:18px;padding:4px 20px 20px}
.nw-wkgroup h4{margin:0 0 9px;display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--c)}
.nw-wkgroup h4::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
.nw-wkgroup h4 small{font-size:.68rem;color:var(--muted);font-weight:700}
/* Cards in a row share its height; rows don't all stretch to the longest update. */
.nw-wkgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nw-wkitem{background:rgba(255,255,255,.03);border:1px solid var(--border);border-left:3px solid var(--c);border-radius:10px;padding:12px 14px;font-size:.88rem;line-height:1.5;color:var(--fg)}
@media (max-width:820px){
  .nw-wkgrid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .nw-wkbody{padding:2px 14px 14px}
}
@media (prefers-reduced-motion:reduce){.nw-wktoggle::before{transition:none}}

@media (max-width:820px){
  .nw-lead{grid-template-columns:minmax(0,1fr);gap:10px}
  .nw-lead .nw-title{font-size:1.18rem}
  .nw-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
  .nw-grid.nw-wggrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}
  .nw-wkhead{grid-template-columns:170px minmax(0,1fr) auto}
}
@media (min-width:821px) and (max-width:1000px){
  .nw-grid.nw-wggrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .news-page{padding-block-start:16px}
  .nw-grid.nw-wggrid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
  /* Phones: the week picture goes full width above the headline */
  .nw-wkhead{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px}
  .nw-wkhead .nw-media{grid-column:1 / -1}
  .nw-row{grid-template-columns:104px minmax(0,1fr);gap:10px;padding:8px}
  .nw-row .nw-title{font-size:.9rem}
  .nw-row .nw-sum{display:none}
  .nw-row .nw-strip{height:22px;padding:0 6px;gap:5px}
  .nw-row .nw-strip img{width:14px;height:14px;border-radius:3px}
  .nw-row .nw-strip b{font-size:.72rem}
  .nw-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .nw-chips .gr-chip{white-space:nowrap;flex-shrink:0}
}