.articles-hero.shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(250px,.68fr);align-items:end;gap:clamp(24px,6vw,112px);padding:clamp(34px,5vw,72px) 32px 34px 0}
.articles-hero .eyebrow,.article-hero .eyebrow{color:#b03620}
.articles-hero h1{max-width:16ch;margin:15px 0 0;font-size:clamp(52px,6.2vw,88px);line-height:.97}
.articles-hero h1 em{color:#d94728;font-weight:500}
.articles-hero>p{font-size:clamp(16px,1.55vw,21px);max-width:36ch;line-height:1.55}
.mp-archive-filter{border-top:1px solid #cbc6b8;padding:14px 0 18px}
.mp-archive-filter .categories{margin:0;gap:7px}
.mp-archive-filter .category-filter{padding:9px 14px;border-radius:7px;border:1px solid transparent;min-height:40px}
.mp-archive-filter .category-filter[aria-pressed=true]{background:#101d2d;color:#fffdf8;border-color:#101d2d}
.mp-archive-filter .category-filter:hover,.mp-archive-filter .category-filter:focus-visible{border-color:#596474}
.article-list.shell{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(28px,4.5vw,80px);border-top:0;padding-bottom:clamp(50px,6vw,88px)}
.article-list .article-row{align-content:start;align-items:start;display:grid;grid-template-columns:1fr;gap:11px;padding:28px 0 26px;border-bottom:1px solid #ccc7ba}
.article-list .article-row[hidden]{display:none}
.article-list .article-row small,.mp-feature-copy small{color:#596474;font:700 11px/1.6 "DM Sans",sans-serif;letter-spacing:.07em}
.mp-story-date{display:inline-block;text-transform:none;letter-spacing:0;font-weight:500}
.mp-story-date:before{content:"·";margin-inline:8px}
.article-list .article-row h2{font-size:clamp(26px,2.55vw,42px);margin:2px 0 10px;line-height:1.08;letter-spacing:-.039em;text-wrap:pretty}
.article-list .article-row p{font-size:15px;line-height:1.58;max-width:56ch}
.article-list .article-row .read{padding:3px 0;color:#9b3823;font:700 13px/1.4 "DM Sans",sans-serif}
.article-list .article-row:hover h2,.article-list .article-row:focus-visible h2{text-decoration:underline;text-underline-offset:.14em;text-decoration-thickness:1px}
.article-list .mp-featured-article{grid-column:1/-1;display:grid;grid-template-columns:1.13fr 1fr;gap:0;align-items:stretch;overflow:hidden;border:0;border-radius:18px;padding:0;margin:0 0 10px;background:#101d2d;color:#fffdf8}
.mp-feature-media{position:relative;display:block;margin:0;min-height:340px;background:#25303c}
.mp-feature-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mp-feature-media figcaption{position:absolute;bottom:0;left:0;right:0;padding:28px 16px 12px;background:linear-gradient(transparent,rgba(9,18,28,.85));font-size:11px;color:white}
.mp-feature-copy{align-self:center;padding:clamp(26px,3.35vw,58px)}
.article-list .mp-feature-copy small{color:#e4cfc7}
.article-list .mp-feature-copy h2{font:500 clamp(32px,3.35vw,54px)/1.04 Newsreader,Georgia,serif;letter-spacing:-.045em;margin:12px 0 15px;color:#fffdf8}
.article-list .mp-feature-copy p{color:#e4e7eb}
.article-list .mp-feature-copy .read{display:inline-block;margin-top:18px;color:#ff997e}

main .article-hero{display:block;width:min(calc(100% - 40px),1160px);margin:0 auto;padding:clamp(34px,5vw,76px) 0 clamp(30px,4vw,58px);border-bottom:1px solid #c9c3b7}
main .article-hero .breadcrumbs{display:flex;flex-wrap:wrap;gap:5px 9px}
main .article-hero h1{width:auto;max-width:23ch;font-size:clamp(44px,5.85vw,84px);line-height:.99;letter-spacing:-.051em;color:#142132;text-wrap:pretty;margin-block:14px 20px}
main .article-hero .lede,main .article-hero .article-lede{max-width:65ch;font:400 clamp(17px,1.5vw,21px)/1.52 "DM Sans",sans-serif;color:#475568}
main .article-hero .meta,main .article-hero .article-meta{margin:17px 0 0;color:#596474;font:500 13px/1.6 "DM Sans",sans-serif}
.mp-article-layout{width:min(calc(100% - 40px),1160px);margin:0 auto;display:grid;grid-template-columns:minmax(195px,.76fr) minmax(0,2.3fr);align-items:start;gap:clamp(32px,5vw,86px);padding-top:clamp(30px,3.5vw,54px)}
.mp-article-layout .article{width:100%;max-width:780px;min-width:0;margin:0;border:0;padding:0 0 75px}
.mp-article-layout .article>p:first-child,.mp-article-layout .article>h2:first-child{margin-top:0}
.mp-article-layout .article>p,.mp-article-layout .article>ul,.mp-article-layout .article>ol{font-size:clamp(16px,1.3vw,18px);line-height:1.76}
.mp-article-layout .article h2{scroll-margin-top:96px;letter-spacing:-.038em}
.mp-article-rail{position:sticky;top:96px;max-height:calc(100svh - 120px);overflow:auto;border-top:2px solid #101d2d;border-bottom:1px solid #c9c3b7}
.mp-article-contents summary{padding:14px 30px 14px 0;font:700 14px/1.45 "DM Sans",sans-serif;cursor:pointer;position:relative;list-style:none}
.mp-article-contents summary::-webkit-details-marker{display:none}
.mp-article-contents summary:after{content:"+";position:absolute;right:3px;color:#142132;font-size:18px}
.mp-article-contents[open] summary:after{content:"−"}
.mp-contents-nav{display:grid;gap:0;padding-bottom:12px}
.mp-contents-nav a{color:#475568;font-size:13px;font-weight:500;line-height:1.45;padding:6px 0;border-top:1px solid #ded9ce}
.mp-contents-nav a:hover,.mp-contents-nav a:focus-visible{color:#142132;text-decoration:underline;text-underline-offset:3px}
@media(max-width:959px){
  .mp-article-layout{display:block;width:min(calc(100% - 40px),780px);padding-top:20px}
  .mp-article-rail{position:static;max-height:none;margin-bottom:26px}
  .mp-contents-nav{grid-template-columns:1fr 1fr;column-gap:18px}
  .articles-hero.shell{gap:32px}
  .mp-feature-copy{padding:25px}
}
@media(max-width:680px){
  .articles-hero.shell{grid-template-columns:1fr;align-items:start;padding:29px 0 20px;gap:14px}
  .articles-hero h1{font-size:clamp(44px,10vw,64px);margin-top:10px}.articles-hero>p{font-size:16px}
  .mp-archive-filter .category-filter{min-height:40px;padding:7px 10px}.mp-archive-filter{padding:12px 0 15px}
  .article-list.shell{grid-template-columns:1fr}.article-list .article-row{padding:23px 0}
  .article-list .mp-featured-article{grid-template-columns:1fr;padding:0}.mp-feature-media{aspect-ratio:2.2;min-height:0}
  .mp-feature-copy{padding:22px}.article-list .mp-feature-copy h2{font-size:31px}
  main .article-hero h1{font-size:clamp(39px,9.7vw,62px)}
  .mp-contents-nav{grid-template-columns:1fr}
}