/* scoped by scripts/v4/sync-assets.mjs: newsroom */
/* pages_articles · ../../media/index.html Newsroom: featured story + two stacked stories, then an even grid.
   Cards carry no panel: rounded image, source · date line, title, hairline under the text block. */
body.nr:where([data-v4~="newsroom"]){--g:var(--col-gap,24px);--nr-r:18px}

/* heading: eyebrow, big title, lead (stacked) */
:where(body[data-v4~="newsroom"]) .nr-hero{padding-block:72px 57px}
:where(body[data-v4~="newsroom"]) .nr-hero .crumb{position:static;margin:0 0 57px}
:where(body[data-v4~="newsroom"]) .nr-hero .wrap>.eyebrow{margin-bottom:24px}
:where(body[data-v4~="newsroom"]) .nr-h1{font:500 clamp(42px,5.4vw,78px)/1.1 var(--font);color:var(--ink);max-width:12em}
:where(body[data-v4~="newsroom"]) .nr-lead{margin-top:27px;font-size:18px;line-height:1.8;color:var(--body)}
@media (max-width:759px){:where(body[data-v4~="newsroom"]) .nr-hero{padding-block:39px 36px}:where(body[data-v4~="newsroom"]) .nr-hero .crumb{margin-bottom:33px}:where(body[data-v4~="newsroom"]) .nr-h1{font-size:39px}:where(body[data-v4~="newsroom"]) .nr-lead{font-size:15px;margin-top:18px}}

body.nr:where([data-v4~="newsroom"]) .nr-sec{padding-block:96px}
body.nr:where([data-v4~="newsroom"]) .nr-sec+.nr-sec{padding-top:24px}
body.nr:where([data-v4~="newsroom"]) .nr-sec+.nr-sec::before{display:none}
body.nr:where([data-v4~="newsroom"]) .nr-sec .sh{margin-bottom:39px}
@media (max-width:759px){body.nr:where([data-v4~="newsroom"]) .nr-sec{padding-block:57px}body.nr:where([data-v4~="newsroom"]) .nr-sec .sh{margin-bottom:27px}}

/* shared card: no panel, the image and the type carry it */
:where(body[data-v4~="newsroom"]) .nr-card{display:flex;flex-direction:column;gap:24px;background:none;color:var(--ink);min-width:0}
:where(body[data-v4~="newsroom"]) .nr-card .photo{flex:none;border-radius:var(--nr-r);overflow:hidden;isolation:isolate}
:where(body[data-v4~="newsroom"]) .nr-card .photo img{transition:transform .9s var(--ease)}
:where(body[data-v4~="newsroom"]) .nr-card:hover .photo img{transform:scale(1.03)}
:where(body[data-v4~="newsroom"]) .nr-card .t{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1 1 auto;min-width:0;padding:0 0 24px;border-bottom:1px solid var(--line)}
:where(body[data-v4~="newsroom"]) .nr-card .m{display:flex;flex-wrap:wrap;align-items:center;gap:3px 0;font:500 12px/1.4 var(--latin);text-transform:uppercase;color:var(--muted)}
:where(body[data-v4~="newsroom"]) .nr-card .m b{font-weight:500;color:var(--ink)}
:where(body[data-v4~="newsroom"]) .nr-card .m b::after{content:"";display:inline-block;width:1px;height:9px;margin:0 12px;background:var(--line-2);vertical-align:-1px}
:where(body[data-v4~="newsroom"]) .nr-card time{font:inherit;color:var(--muted)}
:where(body[data-v4~="newsroom"]) .nr-card h3{font-weight:500;color:var(--ink);overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:6px;transition:text-decoration-color .25s var(--ease)}
:where(body[data-v4~="newsroom"]) .nr-card:hover h3,:where(body[data-v4~="newsroom"]) .nr-card:focus-visible h3{text-decoration-color:currentColor}
:where(body[data-v4~="newsroom"]) .nr-go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font-size:12px;font-weight:500;color:var(--muted);transition:color .2s}
:where(body[data-v4~="newsroom"]) .nr-go svg{width:12px;height:12px;transition:transform .25s var(--ease)}
:where(body[data-v4~="newsroom"]) .nr-card:hover .nr-go{color:var(--orange)}
:where(body[data-v4~="newsroom"]) .nr-card:hover .nr-go svg{transform:translate(2px,-2px)}
:where(body[data-v4~="newsroom"]) .nr-card:focus-visible{outline:2px solid var(--orange);outline-offset:6px;border-radius:6px}

/* latest: 7 + 5 columns, the two right stories together match the featured height */
:where(body[data-v4~="newsroom"]) .nr-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g);row-gap:48px;align-items:stretch}
:where(body[data-v4~="newsroom"]) .nr-f{grid-column:1/8}
:where(body[data-v4~="newsroom"]) .nr-f .photo{aspect-ratio:16/9}
:where(body[data-v4~="newsroom"]) .nr-f h3{font-size:clamp(21px,2vw,27px);line-height:1.45;margin-bottom:12px}
:where(body[data-v4~="newsroom"]) .nr-side{grid-column:8/13;display:grid;grid-template-rows:1fr 1fr;row-gap:30px;min-height:0}
:where(body[data-v4~="newsroom"]) .nr-s{flex-direction:row;gap:21px;min-height:0}
:where(body[data-v4~="newsroom"]) .nr-s .photo{width:42%;height:auto;aspect-ratio:auto;align-self:stretch}
:where(body[data-v4~="newsroom"]) .nr-s .t{padding-top:3px}
:where(body[data-v4~="newsroom"]) .nr-s h3{font-size:18px;line-height:1.5;margin-bottom:12px}
@media (max-width:1101px){:where(body[data-v4~="newsroom"]) .nr-f,:where(body[data-v4~="newsroom"]) .nr-side{grid-column:1/-1}:where(body[data-v4~="newsroom"]) .nr-side{grid-template-rows:none;row-gap:36px}:where(body[data-v4~="newsroom"]) .nr-s .photo{min-height:210px}}
@media (max-width:639px){
 :where(body[data-v4~="newsroom"]) .nr-top{row-gap:36px}
 :where(body[data-v4~="newsroom"]) .nr-card{gap:18px}
 :where(body[data-v4~="newsroom"]) .nr-s{flex-direction:column}
 :where(body[data-v4~="newsroom"]) .nr-s .photo{width:100%;min-height:0;aspect-ratio:16/9}
 :where(body[data-v4~="newsroom"]) .nr-s .t{padding-top:0}
 :where(body[data-v4~="newsroom"]) .nr-f h3{font-size:21px}
}

/* all stories: even grid, every hairline on one line */
:where(body[data-v4~="newsroom"]) .nr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--g);row-gap:57px;align-items:stretch}
:where(body[data-v4~="newsroom"]) .nr-g .photo{aspect-ratio:16/10}
:where(body[data-v4~="newsroom"]) .nr-g h3{font-size:18px;line-height:1.55;margin-bottom:12px}
@media (max-width:981px){:where(body[data-v4~="newsroom"]) .nr-grid{grid-template-columns:1fr 1fr;row-gap:48px}}
@media (max-width:639px){:where(body[data-v4~="newsroom"]) .nr-grid{grid-template-columns:1fr;row-gap:36px}}
@media (prefers-reduced-motion:reduce){:where(body[data-v4~="newsroom"]) .nr-card .photo img,:where(body[data-v4~="newsroom"]) .nr-card h3,:where(body[data-v4~="newsroom"]) .nr-go,:where(body[data-v4~="newsroom"]) .nr-go svg{transition:none}:where(body[data-v4~="newsroom"]) .nr-card:hover .photo img{transform:none}}

:where(body[data-v4~="newsroom"]) *,:where(body[data-v4~="newsroom"]) *::before,:where(body[data-v4~="newsroom"]) *::after{letter-spacing:0!important}