/* The server-rendered newsroom uses the same editorial direction as the app. */
:root { --ink:#102437; --muted:#596b7a; --paper:#fff; --blue:#0076bd; }
body { background:#fff; }
a:focus-visible,summary:focus-visible { outline:3px solid #1684c6; outline-offset:4px; }
.article-site-header { height:88px; padding:0 32px; gap:24px; background:#fff; box-shadow:none; border-bottom:1px solid #e4eaf0; }
.article-brand { gap:8px; }
.article-brand img { width:60px; height:60px; }
.article-brand>span { font:700 14px/1.18 Georgia,serif; }
.article-site-header>nav a { font-size:14px; text-transform:none; letter-spacing:0; font-weight:600; }
.article-watch { border-radius:5px; font-size:13px; text-transform:none; letter-spacing:0; padding:13px 17px; background:#0076bd; }
.article-lead { margin-left:0; }
.article-mobile-menu { position:relative; }
.article-mobile-menu summary { cursor:pointer; list-style:none; width:38px; height:42px; display:grid; place-items:center; border:1px solid #dce5ec; border-radius:5px; font-size:21px; }
.article-mobile-menu summary::-webkit-details-marker { display:none; }
.article-mobile-menu nav { position:absolute; right:0; top:calc(100% + 16px); display:flex; flex-direction:column; align-items:stretch; gap:0; width:250px; max-height:70vh; overflow-y:auto; padding:12px; background:white; border:1px solid #dce5ec; border-radius:8px; box-shadow:0 12px 30px #10243717; }
.article-mobile-menu:not([open]) nav { display:none; }
.article-mobile-menu nav a { padding:12px; font-size:14px; text-transform:none; letter-spacing:0; }
.article-page { width:min(1100px,calc(100% - 64px)); padding-top:35px; }
.article-header { text-align:left; }
.article-header h1 { font-size:clamp(34px,4.5vw,62px); line-height:1.12; letter-spacing:-.035em; }
.article-byline { justify-content:flex-start; }
.article-hero,.article-related-grid img,.article-news-card,.article-mission { border-radius:8px; box-shadow:none; }
.article-mission { background:#102437; }
.article-content p:first-child::first-letter { float:none; margin:0; color:inherit; font:inherit; }
footer { background:#102437; color:#c1d0dc; }
footer a { color:white; }
@media(max-width:950px) {
 .article-site-header { height:74px; padding:0 20px; gap:14px; }
 .article-site-header>nav { display:none; }
 .article-watch { margin-left:auto; }
 .article-page { width:calc(100% - 40px); }
}
@media(max-width:520px) {
 .article-site-header { height:68px; padding:0 12px; gap:10px; }
 .article-brand img { width:46px; height:46px; }
 .article-brand>span { display:none; }
 .article-watch { font-size:11px; padding:12px; }
 .article-header h1 { font-size:35px; }
 .article-mobile-menu nav { width:calc(100vw - 24px); }
}

.article-news { display:flex; align-items:center; gap:4px; position:relative; }
.article-news-dates summary { list-style:none; cursor:pointer; padding:12px 6px; }
.article-news-dates summary::-webkit-details-marker { display:none; }
.article-news-panel { position:absolute; left:0; top:100%; width:250px; max-height:60vh; overflow-y:auto; background:#fff; padding:12px; border:1px solid #dce5ec; border-radius:8px; box-shadow:0 12px 30px #10243717; }
.article-news-panel p { font-size:11px; color:#596b7a; margin:8px 12px; }
.article-news-panel a { display:block; padding:10px 12px; }
.article-news-panel a:hover { background:#eef5fa; }
.article-news-dates:not([open]) .article-news-panel { display:none; }
.article-mobile-menu .article-news { flex-wrap:wrap; }
.article-mobile-menu .article-news-dates { display:contents; }
.article-mobile-menu .article-news-dates summary { font-size:16px; border:0; }
.article-mobile-menu .article-news-panel { position:static; flex-basis:100%; border:0; box-shadow:none; max-height:none; }