html body#site-page .news-popup{
  position:fixed;inset:0;width:min(940px,calc(100% - 40px));max-width:940px;
  max-height:calc(100dvh - 48px);margin:auto;padding:0;border:6px solid #fff;border-radius:32px;
  background:#fff;color:#101724;box-shadow:0 32px 120px rgba(0,20,50,.32);
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:rgba(0,80,164,.35) transparent;
}
html body#site-page .news-popup:hover{scrollbar-color:rgba(0,80,164,.55) transparent}
html body#site-page .news-popup::-webkit-scrollbar{width:7px}
html body#site-page .news-popup::-webkit-scrollbar-track{background:transparent;margin-block:24px}
html body#site-page .news-popup::-webkit-scrollbar-thumb{background:rgba(0,80,164,.35);border:2px solid #fff;border-radius:999px}
html body#site-page .news-popup::-webkit-scrollbar-thumb:hover{background:rgba(0,80,164,.55)}
html body#site-page .news-popup::-webkit-scrollbar-button{display:none}
html body#site-page .news-popup::-webkit-scrollbar-corner{background:transparent}
.news-popup::backdrop{background:rgba(6,17,34,.7);backdrop-filter:blur(7px)}
html body#site-page .news-popup-close{
  position:sticky;top:16px;float:right;margin:16px 16px -60px 0;z-index:2;
  display:grid;place-items:center;width:44px;height:44px;padding:0;
  border:1px solid rgba(0,80,164,.16);border-radius:50%;background:#fff;color:#0050a4;
  box-shadow:0 4px 18px rgba(0,30,70,.1);font:32px/1 Arial,sans-serif;cursor:pointer;
}
html body#site-page .news-popup .article-heading{padding:40px 80px 28px 36px}
html body#site-page .news-popup .eyebrow{display:block;color:#0050a4;font-size:.78rem;font-weight:800;letter-spacing:.05em}
html body#site-page .news-popup h1{margin:12px 0 0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.08;letter-spacing:-.04em;hyphens:auto}
html body#site-page .news-popup .article-image{display:block;width:100%;height:clamp(180px,32vw,360px);object-fit:cover}
html body#site-page .news-popup .article-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:32px;padding:36px}
html body#site-page .news-popup .article-layout>*{min-width:0}
html body#site-page .news-popup h2{margin:0 0 16px;font-size:1.45rem;line-height:1.2;hyphens:auto}
html body#site-page .news-popup p{margin:0 0 20px;font-size:1rem;line-height:1.7;color:#596678}
html body#site-page .news-popup .article-copy h2:not(:first-child){margin-top:28px}
html body#site-page .news-popup .market-info{align-self:start;padding:22px;border-radius:22px;background:#f2f6fc}
html body#site-page .news-popup .market-info h2{margin-top:12px}
html body#site-page .news-popup .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:12px 18px;border-radius:24px;background:#0050a4;color:#fff;font-size:.9rem;font-weight:700;text-decoration:none;text-align:center}
html body#site-page .news-popup .text-link{display:block;margin-top:18px;color:#0050a4;font-size:.9rem;text-underline-offset:3px}
html body#site-page .news-popup :is(a,button):focus-visible{outline:3px solid #0050a4;outline-offset:4px}
@media(max-width:700px){
  html body#site-page .news-popup{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:24px}
  html body#site-page .news-popup .article-heading{padding:28px 70px 24px 24px}
  html body#site-page .news-popup .article-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px}
}