/* news.css — news hub cards and article pages */

.news-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 26px 0; }
.news-card { position: relative; display: block; background: #FFFFFF; border: 1px solid #E3DDD2; border-radius: 16px; padding: 18px 20px 16px; box-shadow: 0 6px 20px rgba(26, 35, 50, 0.06); transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; }
.news-card:hover { transform: translateY(-3px); border-color: rgba(224, 49, 49, 0.45); box-shadow: 0 16px 36px rgba(26, 35, 50, 0.12); text-decoration: none; }
.news-card .news-card-meta { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; }
.news-card .news-card-category { display: inline-block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: #C42525; background: rgba(224, 49, 49, 0.07); border: 1px solid rgba(224, 49, 49, 0.25); border-radius: 6px; padding: 3px 9px; }
.news-card .news-card-date { font-size: 12px; font-weight: 700; color: #8B94A3; font-variant-numeric: tabular-nums; }
.news-card .news-card-title { display: block; font-size: 18px; line-height: 25px; font-weight: 800; letter-spacing: -0.3px; color: #1A2332; margin: 0 0 10px; }
.news-card:hover .news-card-title { color: #C42525; }
.news-card .news-card-teaser { display: block; font-size: 14px; line-height: 22px; color: #5B6573; margin: 0 0 12px; }
.news-card .news-card-more { font-size: 13px; font-weight: 800; color: #C42525; }

@media (min-width: 768px) {
  .news-grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1024px) {
  .news-grid.news-grid-home { grid-template-columns: 1fr 1fr 1fr; }
}

.news-article { max-width: 760px; }
.news-article .news-article-meta { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; }
.news-article p { color: #2A3344; font-size: 16px; line-height: 27px; }
.news-article .news-article-lede { font-size: 18px; line-height: 29px; color: #1A2332; font-weight: 600; }
.news-takeaway { background: #FFFFFF; border: 1px solid #E3DDD2; border-left: 4px solid #168A50; border-radius: 12px; padding: 15px 18px; margin: 26px 0; }
.news-takeaway .news-takeaway-title { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.4px; color: #168A50; margin: 0 0 6px; }
.news-takeaway p { font-size: 14px; line-height: 22px; color: #2A3344; margin: 0; }
.news-card .news-card-image { display: block; margin: -18px -20px 14px; border-radius: 16px 16px 0 0; overflow: hidden; }
.news-card .news-card-image img { display: block; width: 100%; height: auto; }
.news-article .news-article-hero { margin: 0 0 22px; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(26, 35, 50, 0.12); }
.news-article .news-article-hero img { display: block; width: 100%; height: auto; }
.news-card .news-card-more { display: block; margin-top: 12px; padding-top: 10px; border-top: 1px solid #F0EBE2; }

/* tags + filter */
.intro .news-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; }
.intro .news-tags .news-tag { display: inline-block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: #1A2332; background: rgba(242, 164, 19, 0.14); border: 1px solid rgba(242, 164, 19, 0.5); border-radius: 999px; padding: 4px 12px; }
.intro .news-tags .news-tag:hover { background: rgba(242, 164, 19, 0.3); text-decoration: none; }
.tag-filter { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 4px; }
.tag-filter .tag-filter-chip { display: inline-block; cursor: pointer; font-size: 12px; font-weight: 800; color: #1A2332; background: #FFFFFF; border: 1px solid #E3DDD2; border-radius: 999px; padding: 7px 16px; transition: background-color 0.15s ease, border-color 0.15s ease; }
.tag-filter .tag-filter-chip:hover { border-color: rgba(224, 49, 49, 0.45); }
.tag-filter .tag-filter-chip.tag-filter-active { background: #1A2332; color: #F2C14E; border-color: #1A2332; }
.news-grid .news-card.news-card-hidden { display: none; }

/* in-article data chart */
.news-article .article-chart { margin: 26px 0; }
.news-article .article-chart img { display: block; width: 100%; height: auto; border: 1px solid #E3DDD2; border-radius: 14px; box-shadow: 0 8px 26px rgba(26, 35, 50, 0.07); }
.news-article .article-chart figcaption { font-size: 12px; line-height: 18px; color: #8B94A3; padding: 8px 4px 0; }

/* article sources / citations */
.news-article .news-sources { margin: 30px 0 4px; padding-top: 18px; border-top: 1px solid #E3DDD2; }
.news-article .news-sources h2 { font-size: 13px; font-weight: 800; letter-spacing: 0.6px; text-transform: uppercase; color: #8B94A3; margin: 0 0 10px; }
.news-article .news-sources ul { list-style: none; margin: 0; padding: 0; }
.news-article .news-sources li { font-size: 14px; line-height: 21px; margin: 0 0 6px; padding-left: 16px; position: relative; }
.news-article .news-sources li::before { content: "\2197"; position: absolute; left: 0; color: #C42525; font-weight: 700; }
.news-article .news-sources a { color: #1A2332; font-weight: 600; text-decoration: underline; text-decoration-color: rgba(196, 37, 37, 0.35); }
.news-article .news-sources a:hover { color: #C42525; }