.official-news-page { padding-top: 58px; padding-bottom: 96px; }
.official-news-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; color: var(--muted, #59708d); font-size: .76rem; }
.official-news-breadcrumb a { color: var(--blue, #1677ff); font-weight: 700; }
.official-news-breadcrumb .breadcrumb-separator { color: #a8b3bf; }
.official-news-hero { max-width: 760px; margin-bottom: 34px; }
.official-news-hero h1 { margin: 8px 0 16px; color: var(--navy, #082b4c); font-size: clamp(2.4rem, 5vw, 4.6rem); line-height: .98; letter-spacing: -.045em; }
.official-news-hero p:not(.eyebrow) { color: #59708d; font-size: 1.08rem; line-height: 1.7; }
.official-news-source-strip { display: flex; gap: 18px; align-items: center; margin: 0 0 54px; padding: 16px 20px; border: 1px solid #d8e2ed; border-radius: 10px; background: #f8fbff; color: #59708d; font-size: .9rem; }
.official-news-source-strip strong { color: #082b4c; }
.official-news-list .section-header { margin-bottom: 22px; }
.official-news-count { color: #6b819b; font-size: .88rem; }
.official-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.official-news-card { display: flex; min-height: 100%; overflow: hidden; border: 1px solid #d8e2ed; border-radius: 10px; background: #fff; box-shadow: 0 8px 24px rgba(8, 43, 76, .04); }
.official-news-card-accent { width: 5px; flex: 0 0 5px; background: #1677ff; }
.official-news-card-body { display: flex; flex: 1; flex-direction: column; padding: 23px 24px 20px; }
.official-news-meta { display: flex; justify-content: space-between; gap: 12px; color: #1677ff; font-size: .76rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.official-news-meta time { color: #71869d; font-weight: 500; letter-spacing: 0; text-transform: none; }
.official-news-card h2 { margin: 18px 0 12px; font-size: 1.24rem; line-height: 1.18; }
.official-news-card h2 a { color: #082b4c; text-decoration: none; }
.official-news-card h2 a:hover { color: #1677ff; }
.official-news-card p { margin: 0; color: #59708d; line-height: 1.58; }
.official-news-tickers { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }
.official-news-tickers a { color: #1677ff; font-size: .78rem; font-weight: 700; text-decoration: none; }
.official-news-card-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 22px; color: #7a8ea4; font-size: .76rem; }
.official-news-card-footer .text-link { color: #1677ff; font-weight: 700; text-decoration: none; }
.official-news-empty { padding: 50px 0; color: #59708d; }
.official-news-empty h1, .official-news-empty h2 { color: #082b4c; }
.official-news-article { max-width: 900px; }
.official-news-article header { max-width: 820px; }
.official-news-article h1 { margin: 10px 0 18px; color: #082b4c; font-size: clamp(2.35rem, 4.2vw, 3.6rem); line-height: 1.04; letter-spacing: -.045em; }
.official-news-article-meta { display: flex; flex-wrap: wrap; gap: 10px 20px; color: #6b819b; font-size: .9rem; }
.official-news-article-meta .official-news-tickers { margin: 0; }
.official-news-summary { margin: 30px 0 34px; color: #59708d; font-size: 1.18rem; line-height: 1.65; }
.official-news-body { max-width: 760px; color: #253f5d; font-size: 1.05rem; line-height: 1.85; }
.official-news-body p { margin: 0 0 20px; }
.official-news-sources { max-width: 760px; margin-top: 44px; padding: 24px; border: 1px solid #d8e2ed; border-radius: 10px; background: #f8fbff; color: #59708d; }
.official-news-sources h2 { margin: 5px 0 13px; color: #082b4c; font-size: 1.22rem; }
.official-news-sources ul { margin: 0 0 18px; padding-left: 20px; }
.official-news-sources a { color: #1677ff; }
.official-news-sources p:last-child { margin: 0; font-size: .84rem; }
.official-news-related { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 32px; }
.official-news-related a { color: #1677ff; font-weight: 700; text-decoration: none; }
@media (max-width: 980px) { .official-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .official-news-page { padding-top: 36px; padding-bottom: 60px; } .official-news-source-strip { align-items: flex-start; flex-direction: column; gap: 6px; } .official-news-grid { grid-template-columns: 1fr; } .official-news-article h1 { font-size: 2.45rem; } }