/* MatchPal news pages, Direction A (NEW_NEWS_PAGES). Loaded after /match/a.css (tokens, header, footer, cards). Bump NEWS_CSS_VERSION in components/news/Shell.tsx (the test prints the new value). */
.nwA .nav a[aria-current]{color:var(--text);background:var(--strip)}
.nwA .menu-list a[aria-current]{color:var(--green-text)}
.nwA .c-green{color:var(--green-text)}.nwA .c-red{color:var(--red-text)}.nwA .c-amber{color:var(--amber-text)}.nwA .c-3{color:var(--text-3)}
.nwA .tag.blue{background:var(--blue-tint);color:var(--blue-text)}
.nwA .tag:not(.green):not(.amber):not(.red):not(.blue){background:var(--strip);color:var(--text-2)}

/* phone tab bar (as the home pages) */
.nwA{padding-bottom:96px}
.nwA .tabbar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;display:grid;grid-template-columns:repeat(4,1fr);height:64px;padding:5px;border-radius:32px;background:var(--nav-bg);border:1px solid var(--line);max-width:480px;margin:0 auto}
.nwA .tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:27px;font-size:11px;line-height:13px;font-weight:650;color:var(--text-2);text-decoration:none}
.nwA .tabbar a[aria-current]{background:var(--green-tint);color:var(--green-text)}
@media (min-width:900px){.nwA{padding-bottom:0}.nwA .tabbar{display:none}}

/* desktop: 1232 px page, main column + 380 px side column (DOM order unchanged) */
@media (min-width:1024px){
.nwA .page{padding-top:8px}
.nwA .cols{gap:0 28px}
.nwA .col-b{padding-top:4px}
.nwA.nw-hub .col-b{padding-top:18px}
}
@media (max-width:1023px){.nwA .col-b{margin-top:8px}}

/* shared: section heading, meta line, reporting meter, kicker */
.nwA .sec-h{display:flex;align-items:baseline;gap:10px;margin:20px 2px 10px}
.nwA .sec-h h2{margin:0;flex:1;font-size:19px;line-height:24px;font-weight:750;letter-spacing:-.01em}
.nwA .sec-h>span{font-size:13px;color:var(--text-3);white-space:nowrap}
.nwA .n-meta{display:flex;align-items:center;flex-wrap:nowrap;gap:0 12px;min-width:0;font-size:13px;line-height:18px;color:var(--text-3)}
.nwA .n-meta .src{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650;color:var(--text-2)}
.nwA .n-meta time,.nwA .n-meta .rep,.nwA .n-meta .x{flex:none;white-space:nowrap}
.nwA .rep{display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:18px;font-weight:650;color:var(--text-2);white-space:nowrap}
.nwA .rep i{display:inline-flex;align-items:flex-end;gap:2px;height:12px}
.nwA .rep b{display:block;width:3px;border-radius:1px;background:var(--line)}
.nwA .rep b:nth-child(1){height:5px}.nwA .rep b:nth-child(2){height:7px}.nwA .rep b:nth-child(3){height:10px}.nwA .rep b:nth-child(4){height:12px}
.nwA .rep[data-s="1"] b:nth-child(-n+1),.nwA .rep[data-s="2"] b:nth-child(-n+2){background:var(--amber)}
.nwA .rep[data-s="3"] b:nth-child(-n+3),.nwA .rep[data-s="4"] b{background:var(--green)}
.nwA .rep[data-s="4"]{color:var(--green-text)}
.nwA .nw-k{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;min-width:0}
.nwA .nw-kind{font-size:12px;line-height:16px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.nwA .nw-comp{display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:18px;font-weight:600;color:var(--text-2);min-width:0}
.nwA .nw-comp img{width:16px;height:16px}
.nwA .nw-ci{display:grid!important;place-items:center;background:var(--strip);color:var(--text-3)}
.nwA .nw-ci img{width:40%;height:40%;max-width:44px;max-height:44px;object-fit:contain;filter:var(--crest-edge)}
.nwA .ph{flex:none}
.nwA .more{margin-top:2px}

/* app prompts */
.nwA .tile{width:36px;height:36px;flex:none}
.nwA .app-row{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 14px;border-radius:16px;background:var(--strip);text-decoration:none;color:var(--text);margin:14px 0 4px}
.nwA .app-row .tile{width:40px;height:40px}
.nwA .app-row .t{flex:1;min-width:0;font-size:14px;line-height:19px;color:var(--text-2)}
.nwA .app-row .t b{display:block;color:var(--text);font-size:15px;line-height:20px}
.nwA .app-row .go{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:var(--green-text);white-space:nowrap}
@media (max-width:479px){.nwA .app-row{flex-wrap:wrap;row-gap:6px}.nwA .app-row .t{flex:1 1 calc(100% - 52px)}.nwA .app-row .go{flex-basis:100%;padding-left:52px;min-height:24px}}
.nwA .nw-app{padding:20px}
.nwA .nw-app .brand{font-size:13px;font-weight:650;color:var(--text-3)}
.nwA .nw-app .brand .tile{width:22px;height:22px}
.nwA .nw-app h2{font-size:20px;line-height:26px}
.nwA .feat{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}
.nwA .feat li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:19px;font-weight:600}
.nwA .feat .fi{width:36px;height:36px;border-radius:11px;background:var(--strip);color:var(--green-text);display:grid;place-items:center;flex:none}
.nwA .nw-app .cta{width:100%}

/* ── hub ───────────────────────────────────────────── */
.nwA .nw-head{padding-top:6px}
.nwA .nw-head .answer{max-width:62ch}
.nwA .nw-head .checked{margin-bottom:4px}
.nwA .tabs.nw-sec{margin:6px 0 0}
.nwA .nw-top .sec-h{margin-top:18px}
.nwA .nw-hero{display:block;padding:0;overflow:hidden;text-decoration:none;color:var(--text)}
.nwA .nw-hero-f,.nwA .nw-ts-img{position:relative;display:block}
.nwA .nw-hero-img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--strip)}
.nwA .nw-hero-b{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;min-width:0}
.nwA .nw-hero h2{margin:2px 0 0;font-size:22px;line-height:28px;font-weight:750;letter-spacing:-.015em;text-wrap:pretty}
.nwA .nw-hero .nw-sum{font-size:15px;line-height:22px;color:var(--body)}
.nwA .nw-first{font-size:13px;line-height:18px;color:var(--text-3)}
.nwA .nw-cap{position:absolute;right:6px;bottom:6px;max-width:calc(100% - 12px);padding:2px 6px;border-radius:6px;background:rgba(5,7,14,.72);color:#fff;font-size:11px;line-height:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nwA .nw-hero:hover h2,.nwA .nw-ts-a:hover h3,.nwA .nw-i:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
@media (min-width:640px){
.nwA .nw-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
.nwA .nw-hero-img{height:100%;aspect-ratio:auto;min-height:260px}
.nwA .nw-hero-b{padding:18px 20px 20px;justify-content:center}
.nwA .nw-hero h2{font-size:24px;line-height:30px}
}
.nwA .nw-ts{list-style:none;margin:0 0 12px;padding:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card)}
.nwA .nw-ts li+li{border-top:1px solid var(--line)}
.nwA .nw-ts-a{display:grid;grid-template-columns:minmax(0,1fr) 84px;grid-template-areas:"b p" "m m";gap:8px 14px;align-items:start;padding:14px 16px;text-decoration:none;color:var(--text)}
.nwA .nw-ts-img{grid-area:p}
.nwA .nw-ts-a>.n-meta{grid-area:m}
.nwA .nw-ts-p{display:block;width:84px;height:84px;border-radius:12px;object-fit:cover;background:var(--strip)}
.nwA .nw-ts-b{grid-area:b;display:flex;flex-direction:column;gap:6px;min-width:0}
.nwA .nw-ts h3{margin:0;font-size:16px;line-height:22px;font-weight:700;text-wrap:pretty}
@media (min-width:640px){
.nwA .nw-ts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:none;border:0;border-radius:0}
.nwA .nw-ts li+li{border-top:0}
.nwA .nw-ts li{display:flex}
.nwA .nw-ts-a{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;width:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.nwA .nw-ts-a>.n-meta{padding:0 14px 14px;margin-top:auto}
.nwA .nw-ts-p{width:100%;height:auto;aspect-ratio:16/9;border-radius:0}
.nwA .nw-ts-b{padding:12px 14px 8px}
}
.nwA .nw-latest>.sec-h{margin-bottom:8px}
.nwA .nw-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;margin:0}
.nwA .nw-chips a{display:flex;align-items:center;min-height:44px;min-width:0;text-decoration:none}
.nwA .fchip{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;height:36px;padding:0 14px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:14px;font-weight:650;color:var(--text);white-space:nowrap}
.nwA .nw-chips a[aria-current] .fchip{background:var(--green);color:var(--on-green);box-shadow:none}
.nwA .nw-chips a:focus-visible{outline:none}
.nwA .nw-chips a:focus-visible .fchip{outline:2px solid var(--green-text);outline-offset:2px}
@media (min-width:480px){.nwA .nw-chips{display:flex;gap:8px}.nwA .nw-chips a{flex:none}.nwA .nw-chips .fchip{width:auto}}
.nwA .nw-order{margin:2px 2px 10px;font-size:13px;line-height:18px;color:var(--text-3)}
.nwA .nw-list{padding:0;overflow:hidden}
.nwA .nw-l{list-style:none;margin:0;padding:0}
.nwA .nw-l>li+li{border-top:1px solid var(--line)}
.nwA .nw-i{display:grid;grid-template-columns:minmax(0,1fr) 76px;grid-template-areas:"b p" "m m";gap:8px 14px;align-items:start;padding:14px 16px;text-decoration:none;color:var(--text)}
.nwA .nw-i:hover{background:var(--strip)}
.nwA .nw-b{grid-area:b;display:flex;flex-direction:column;gap:6px;min-width:0}
.nwA .nw-th{grid-area:p}
.nwA .nw-i>.n-meta{grid-area:m}
.nwA .nw-i h3{margin:0;font-size:16px;line-height:22px;font-weight:700;text-wrap:pretty}
.nwA .nw-i .nw-sum{font-size:14px;line-height:20px;color:var(--body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nwA .nw-th,.nwA .nw-th-p{display:block;width:76px;height:76px;border-radius:12px;object-fit:cover;background:var(--strip)}
@media (min-width:640px){
.nwA .nw-i{grid-template-columns:minmax(0,1fr) 152px;grid-template-rows:auto 1fr;grid-template-areas:"b p" "m p";gap:8px 18px;padding:16px 18px}
.nwA .nw-i>.n-meta{align-self:end}
.nwA .nw-th,.nwA .nw-th-p{width:152px;height:102px}
.nwA .nw-i .nw-sum{display:block;-webkit-line-clamp:none;overflow:visible}
}
.nwA .nw-empty{text-align:center;padding:28px 16px}
.nwA .nw-empty .e-t{margin:0;font-size:16px;font-weight:700}
.nwA .nw-empty .e-s{margin:6px 0 0;font-size:14px;color:var(--text-2)}
.nwA .nw-pg{display:flex;justify-content:space-between;gap:12px;margin:12px 0 0}
.nwA .nw-more{display:flex;align-items:center;justify-content:center;flex:1;max-width:220px;min-height:48px;padding:0 18px;border-radius:24px;background:var(--strip);border:1px solid var(--line);font-size:15px;font-weight:650;color:var(--text);text-decoration:none}
.nwA .nw-pg>.nw-more:last-child{margin-left:auto}
.nwA .nw-how{margin-top:20px}
.nwA .nw-how h2{margin:0 0 8px;font-size:19px;line-height:25px;font-weight:750;letter-spacing:-.01em}
.nwA .nw-key{margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:10px}
.nwA .nw-key>div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:12px;align-items:baseline}
.nwA .nw-key dt,.nwA .nw-key dd{margin:0}
.nwA .nw-key dd{font-size:14px;line-height:20px;color:var(--text-2)}

/* hub side column: transfers + injuries */
.nwA .nw-rail{padding-bottom:8px}
.nwA .nw-rail .card-h{margin-bottom:6px}
.nwA .nw-trl,.nwA .nw-ijl{list-style:none;margin:0;padding:0}
.nwA .nw-trl li+li,.nwA .nw-ijl li+li{border-top:1px solid var(--line)}
.nwA .nw-tr{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;padding:12px 0;text-decoration:none;color:var(--text)}
.nwA .nw-tr-m{display:flex;flex-direction:column;gap:3px;min-width:0}
.nwA .nw-tr-h,.nwA .nw-ij-h{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.nwA .nw-tr-h .nm,.nwA .nw-ij-h .nm{min-width:0;font-size:15px;line-height:20px;font-weight:700}
.nwA .nw-mv{display:flex;flex-wrap:wrap;align-items:center;row-gap:2px;column-gap:6px;font-size:13px;line-height:18px;font-weight:600;color:var(--text-2)}
.nwA .nw-mv .cl{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.nwA .nw-mv .arw{color:var(--text-3)}
.nwA .nw-mv img,.nwA .nw-mv .crest-x{width:16px;height:16px}
.nwA .nw-s{display:block;font-size:13px;line-height:18px;color:var(--text-3)}
.nwA .nw-tr:hover .nm{text-decoration:underline;text-underline-offset:3px}
.nwA .nw-ij{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;padding:12px 0 6px}
.nwA .nw-ij .ph{grid-row:1/span 3}
.nwA .nw-ij-c{display:flex;align-items:center;gap:6px;min-height:36px;font-size:13px;line-height:18px;font-weight:600;color:var(--text-2);text-decoration:none;min-width:0}
.nwA .nw-ij-c img,.nwA .nw-ij-c .crest-x{width:16px;height:16px}
.nwA .nw-ij-c .c-3{font-weight:500}
.nwA .nw-ij-a{grid-column:2;display:flex;flex-direction:column;gap:2px;min-height:44px;padding:2px 0 6px;text-decoration:none;color:var(--text)}
.nwA .nw-ij-a .t{font-size:14px;line-height:20px;font-weight:600;text-wrap:pretty}
.nwA .nw-ij-a:hover .t{text-decoration:underline;text-underline-offset:3px}

/* ── article ───────────────────────────────────────── */
.nwA .art .eyebrow{display:flex;margin:4px 0 0}
.nwA .art h1{margin:10px 0 12px;font-size:30px;line-height:36px;font-weight:800;letter-spacing:-.022em;text-wrap:pretty}
.nwA .art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0 0 18px;font-size:14px;line-height:20px;color:var(--text-2)}
.nwA .art-meta b{color:var(--text);font-weight:700}
.nwA .art-hero{margin:0 0 16px}
.nwA .art-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-card);background:var(--strip)}
.nwA .art-hero figcaption{margin-top:8px;font-size:12px;line-height:16px;color:var(--text-3)}
.nwA .by{margin:0 0 12px;font-size:13px;line-height:18px;font-weight:650;color:var(--text-3)}
.nwA .art-body{max-width:68ch}
.nwA .art-body p{margin:0 0 16px;font-size:16px;line-height:26px;color:var(--body)}
.nwA .art-body .lede{margin-bottom:18px;font-size:18px;line-height:28px;font-weight:600;color:var(--text)}
.nwA .ext{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:700;color:var(--green-text);text-decoration:none}
.nwA .ext:hover span:first-child{text-decoration:underline;text-underline-offset:3px}
.nwA .src-note{margin:4px 0 22px;max-width:62ch}
.nwA .nw-saga{border-color:var(--amber-tint)}
.nwA .sg-mv{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:15px;line-height:20px}
.nwA .sg-mv .arw{color:var(--text-3)}
.nwA .sg-s{margin:10px 0 0;font-size:14px;line-height:21px;color:var(--text-2)}
.nwA .ents-l{margin:12px 0 2px;font-size:13px;line-height:18px;font-weight:650;color:var(--text-3)}
.nwA .ents-l:first-of-type{margin-top:0}
.nwA .ents{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
.nwA .ents a,.nwA .ents .pp{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:600;color:var(--text);text-decoration:none}
.nwA .ents a:hover span{text-decoration:underline;text-underline-offset:3px}
.nwA .ents img,.nwA .ents .crest-x{width:20px;height:20px}
.nwA .ents span{line-height:18px;padding:4px 0;min-width:0;overflow-wrap:anywhere}
.nwA .ppl .ph{width:26px;height:26px;padding:0;font-size:10px}
@media (min-width:640px){.nwA .ents{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nwA .ins .more{display:flex}
.nwA .st-sum{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:-4px 0 10px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:14px;line-height:20px;color:var(--text-2)}
.nwA .outl{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.nwA .outl li{padding:4px 10px;border-radius:12px;background:var(--strip);font-size:13px;line-height:18px;font-weight:650;color:var(--text-2)}
.nwA .story-o{list-style:none;margin:0;padding:0}
.nwA .sr-row{display:flex;flex-direction:column;gap:3px;min-height:44px;padding:11px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--text)}
.nwA .story-o>li:first-child>.sr-row{border-top:0}
.nwA .sr-row .t{order:2;font-size:15px;line-height:21px;font-weight:600;text-wrap:pretty}
.nwA .sr-row .m{order:1;display:flex;flex-wrap:wrap;gap:2px 12px;font-size:13px;line-height:18px;color:var(--text-3)}
.nwA .sr-row .o{font-weight:650;color:var(--text-2)}
.nwA .sr-row .here{color:var(--green-text);font-weight:700}
.nwA a.sr-row:hover .t{text-decoration:underline;text-underline-offset:3px}
.nwA .sr-row.cur{margin:0 -16px;padding-left:16px;padding-right:16px;background:var(--strip);border-top-color:transparent}
.nwA .more-d>summary{display:flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:650;color:var(--green-text)}
.nwA .more-d>summary .chev{margin-left:0;color:var(--green-text)}
.nwA .st-more>summary{border-top:1px solid var(--line)}
.nwA .st-more[open]>summary{display:none}
.nwA .nx{padding-bottom:4px;overflow:hidden}
.nwA .nx .card-h{margin-bottom:12px}
.nwA .nx .mh-league{margin:0}
.nwA .nx .mh-row{grid-template-areas:"h m a";padding:16px 0 18px;text-decoration:none;color:var(--text)}
.nwA .nx .mh-team.h{grid-area:h}.nwA .nx .mh-team.a{grid-area:a}.nwA .nx .mh-mid{grid-area:m}
.nwA .nx a.mh-row:hover .mh-team>span,.nwA .nx a.mh-row:hover .ko{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.nwA .nx .mh-team>span{overflow-wrap:anywhere}
.nwA .nx .watch{border-bottom:1px solid var(--line)}
.nwA .nx-fx{list-style:none;margin:4px 0 0;padding:0}
.nwA .nx-fx a{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--text)}
.nwA .nx-fx li:first-child a{border-top:0}
.nwA .fx-meta{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:12px;line-height:16px;color:var(--text-3);font-weight:600}
.nwA .fx-body{display:flex;align-items:center;justify-content:space-between;gap:12px}
.nwA .fx-teams{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:14px;line-height:18px;font-weight:650}
.nwA .fx-teams>span{display:flex;align-items:center;gap:8px;min-width:0}
.nwA .fx-teams img,.nwA .fx-teams .crest-x{width:22px;height:22px}
.nwA .fx-v{flex:none;max-width:48%;text-align:right}
.nwA .fx-v .dim{font-size:13px;color:var(--text-3)}
.nwA .fx-v .chip{min-height:30px;padding:0 10px;font-size:13px}
.nwA .nx-fx a:hover .nm{text-decoration:underline;text-underline-offset:3px}
.nwA .next-l{border-top:1px solid var(--line)}
.nwA .next-l .chev{margin-left:auto}
@media (max-width:479px){.nwA .nx .md{display:none}.nwA .art-meta{flex-direction:column;align-items:flex-start;gap:2px}}
@media (min-width:768px){
.nwA .art h1{font-size:40px;line-height:46px;margin:12px 0 14px}
.nwA .art-meta{font-size:15px}
.nwA .art-body .lede{font-size:21px;line-height:31px}
.nwA .art-body p{font-size:17px;line-height:28px}
}
.nwA .nw-side{padding-bottom:8px}
.nwA .nw-side .card-h{margin-bottom:8px}
.nwA .nl{list-style:none;margin:0;padding:0}
.nwA .nl li+li a{border-top:1px solid var(--line)}
.nwA .nl a{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:14px;align-items:start;padding:12px 0;text-decoration:none;color:var(--text)}
.nwA .nl-b{display:flex;flex-direction:column;gap:4px;min-width:0}
.nwA .nl .t{font-size:15px;line-height:20px;font-weight:600;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nwA .nl a:hover .t{text-decoration:underline;text-underline-offset:3px}
.nwA .nl-p{display:block;width:76px;height:76px;border-radius:12px;object-fit:cover;background:var(--strip)}
@media (min-width:1024px){.nwA .nl a{grid-template-columns:minmax(0,1fr) 64px;gap:12px}.nwA .nl-p{width:64px;height:64px}}

/* a photo that fails to load shows a plain tile, never the broken-image icon (no script: ::before only renders on a broken <img>) */
.nwA .nw-hero-img,.nwA .nw-ts-p,.nwA .nw-th-p,.nwA .nl-p,.nwA .art-hero img{position:relative}
.nwA .nw-hero-img::before,.nwA .nw-ts-p::before,.nwA .nw-th-p::before,.nwA .nl-p::before,.nwA .art-hero img::before{content:"";position:absolute;inset:0;background:var(--strip)}
.nwA .card-h .ci.c-red{color:var(--red-text)}.nwA .card-h .ci.c-amber{color:var(--amber-text)}