/* Editorial news list, following the previous site. */
.home-news{padding:40px 36px 110px;background:var(--cream,#fff8e8);color:var(--red);scroll-margin-top:100px}
.news-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:7vw;margin-top:56px;align-items:start}
.news-layout>h2{font:600 clamp(54px,6vw,96px)/1 var(--sans);letter-spacing:-.055em;margin:0}
.news-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--red)}
.news-item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:24px;align-items:baseline;padding:28px 0;border-bottom:1px solid var(--line)}
.news-item time{font:500 13px/1.8 var(--sans);font-variant-numeric:tabular-nums}
.news-item h3{font:500 16px/1.9 var(--jp);color:var(--ink);margin:0;overflow-wrap:anywhere}

@media(max-width:900px){.news-layout{grid-template-columns:1fr;gap:32px}.news-layout>h2{font-size:64px}}
@media(max-width:600px){.home-news{padding:32px 20px 70px}.news-layout{margin-top:32px}.news-item{grid-template-columns:1fr;gap:10px;padding:23px 0}.news-item h3{grid-column:1/-1;grid-row:2;font-size:15px}.news-layout>h2{font-size:54px}}

.news-more{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid var(--red);margin-top:32px;color:var(--red);font:500 14px/1.8 var(--jp)}
.news-more>span:last-child{font-size:28px;transition:transform .2s}.news-more:hover>span:last-child{transform:translate(3px,-3px)}.news-more:focus-visible{outline:2px solid var(--red);outline-offset:6px}
.news-archive{padding:35px 36px 110px;color:var(--red);min-height:65vh}.news-archive .page-intro{margin-bottom:100px}.news-archive .news-list{max-width:1100px;margin-left:auto}.news-archive .news-more{max-width:1100px;margin-left:auto}
.news-archive .news-item{padding:36px 0;grid-template-columns:110px minmax(0,1fr)}.news-archive .news-item h3{font-size:clamp(16px,1.6vw,23px)}
@media(max-width:700px){.news-archive{padding:25px 20px 70px}.news-archive .page-intro{margin-bottom:64px}.news-archive .news-item{grid-template-columns:1fr;gap:10px;padding:26px 0}.news-archive .news-item h3{grid-column:1;grid-row:2;font-size:16px}}
@media(prefers-reduced-motion:reduce){.news-more>span:last-child{transition:none}}

.news-item h3 a{display:block;color:inherit;text-decoration:none;text-underline-offset:5px}.news-item h3 a:hover{text-decoration:underline;color:var(--red)}.news-item h3 a:focus-visible{outline:2px solid var(--red);outline-offset:6px}
.news-detail{max-width:1052px;margin:0 auto;padding:60px 36px 110px;color:var(--ink)}
.news-detail-header{border-bottom:1px solid var(--line);padding-bottom:44px}
.news-section-link{display:block;width:fit-content;font:700 24px/1.5 var(--sans);letter-spacing:.08em;color:var(--red);margin-bottom:64px}
.news-detail time{display:block;font:500 14px/1.8 var(--sans);color:var(--red);font-variant-numeric:tabular-nums}
.news-detail h1{text-wrap:balance;font:700 clamp(28px,3.3vw,48px)/1.65 var(--jp);letter-spacing:-.025em;margin:20px 0 0;overflow-wrap:anywhere;color:var(--red)}
.news-detail-body{padding:48px 0 70px;min-height:210px}.news-detail-body p{font:400 17px/2.2 var(--jp);margin:0}.news-detail-body p+p{margin-top:1.4em}
@media(max-width:700px){.news-detail{padding:30px 20px 70px}.news-section-link{font-size:20px;margin-bottom:44px}.news-detail h1{font-size:27px;line-height:1.65}.news-detail-header{padding-bottom:32px}.news-detail-body{padding:32px 0 48px;min-height:180px}.news-detail-body p{font-size:16px}}

/* Categories share the site's red, cream, and fine-rule treatment. */
.news-item,.news-archive .news-item{grid-template-columns:130px minmax(0,1fr);align-items:start}
.news-meta{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.news-meta time{white-space:nowrap}
.news-tag{display:inline-block;border:1px solid currentColor;padding:2px 9px;color:var(--red);font:500 11px/1.7 var(--jp);text-decoration:none;white-space:nowrap}
.news-tag:hover{background:var(--red);color:var(--cream,#fff8e8)}
.news-filters{display:flex;flex-wrap:wrap;gap:12px 30px;max-width:1100px;margin:0 0 32px auto}
.news-filters a{padding:9px 0;border-bottom:2px solid transparent;color:var(--ink);font:500 14px/1.7 var(--jp);text-decoration:none}
.news-filters a[aria-current="page"],.news-filters a:hover{color:var(--red);border-color:var(--red)}
.news-filters a:focus-visible,.news-tag:focus-visible{outline:2px solid var(--red);outline-offset:5px}
.news-detail .news-meta{flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap}
.news-source{margin-top:40px;padding:28px 0 0;border-top:1px solid var(--line)}
.news-source .news-source-media{color:var(--red);font-size:14px;font-weight:600}
.news-source .news-source-title{margin-top:12px;font-size:16px}
.news-source .news-more{margin-top:12px}
@media(max-width:700px){.news-item,.news-archive .news-item{grid-template-columns:1fr;gap:14px}.news-meta{flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}.news-item h3,.news-archive .news-item h3{grid-column:1;grid-row:2}.news-filters{gap:8px 22px;margin-bottom:24px}.news-filters a{font-size:13px}.news-source{margin-top:32px}}

/* Media titles open their original publication directly. */
.media-name{font:500 12px/1.6 var(--jp);color:var(--red);overflow-wrap:anywhere}
.news-item h3 .media-link{display:flex;gap:24px;align-items:flex-start}.media-link>span:last-child{flex:none;color:var(--red)}
.home-media{padding-top:45px}.home-media .news-item h3{font-size:16px}
@media(max-width:700px){.media-link{gap:14px}.home-media{padding-top:25px}.media-name{font-size:11px}}
