.news-nav { background: var(--surface); }
.news-nav .nav-cta { margin-left: auto; }
.news-hero { padding: var(--section-space) var(--gutter); background: var(--navy-900); }
.news-hero .eyebrow { margin-bottom: var(--space-4); color: var(--teal-400); font-size: var(--font-size-meta); font-weight: var(--weight-heading); letter-spacing: 0.08em; text-transform: uppercase; }
.news-hero h1 { max-width: var(--content-reading); margin: 0; color: var(--surface); font-size: var(--font-size-h1); line-height: var(--line-heading); }
.news-hero p { max-width: var(--content-reading); margin: var(--space-6) 0 0; color: var(--color-inverse-muted); font-size: var(--font-size-large); }
.news-list { width: min(100%, var(--content-standard)); margin-inline: auto; padding: var(--section-space) var(--gutter); }
.news-list-empty { color: var(--color-text-muted); }
.news-item { display: grid; grid-template-columns: minmax(0, 0.35fr) minmax(0, 1fr); gap: var(--space-12); padding: var(--space-10) 0; border-top: var(--border-default); }
.news-item:last-child { border-bottom: var(--border-default); }
.news-item-meta { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.news-item time { color: var(--color-text-muted); font-size: var(--font-size-meta); }
.news-item h2 { margin: 0; font-size: var(--font-size-h3); line-height: var(--line-heading); }
.news-item h2 a { color: var(--color-heading); text-decoration: none; }
.news-item h2 a:hover { color: var(--color-action); }
.news-item p { max-width: var(--content-reading); margin: var(--space-3) 0 0; color: var(--color-text-secondary); }
.article-wrap { width: min(100%, var(--content-reading)); margin-inline: auto; padding: var(--space-12) var(--gutter) var(--section-space); }
.article-back { display: inline-flex; margin-bottom: var(--space-12); color: var(--color-text-secondary); font-size: var(--font-size-ui); text-decoration: none; }
.article-back:hover { color: var(--color-action); }
.article-head { margin-bottom: var(--space-10); padding-bottom: var(--space-8); border-bottom: var(--space-1) solid var(--navy-900); }
.article-head h1 { margin: var(--space-4) 0; font-size: var(--font-size-h1); line-height: var(--line-heading); letter-spacing: -0.02em; }
.article-meta { color: var(--color-text-muted); font-size: var(--font-size-meta); }
.article-meta a { color: var(--color-action); }
.article-body { color: var(--color-text-secondary); font-size: var(--font-size-large); }
.article-body p { margin: 0 0 var(--space-6); }
.article-body h2 { margin: var(--space-12) 0 var(--space-4); color: var(--color-heading); font-size: var(--font-size-h3); }
.penalty-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: var(--space-8) 0; background: var(--canvas-warm); border: var(--border-default); }
.penalty-facts > div { padding: var(--space-4); border-bottom: var(--border-default); }
.penalty-facts dt { color: var(--color-text-muted); font-size: var(--font-size-meta); font-weight: var(--weight-heading); letter-spacing: 0.08em; text-transform: uppercase; }
.penalty-facts dd { margin: var(--space-2) 0 0; color: var(--color-heading); font-weight: var(--weight-strong); }
.key-date { margin: var(--space-8) 0; padding: var(--space-6); background: var(--color-info-soft); border-left: var(--space-1) solid var(--teal-400); }
.key-date-label { color: var(--color-text-muted); font-size: var(--font-size-meta); font-weight: var(--weight-heading); letter-spacing: 0.08em; text-transform: uppercase; }
.key-date-date { margin-top: var(--space-2); color: var(--color-heading); font-family: var(--font-heading); font-size: var(--font-size-h3); font-weight: var(--weight-heading); }
.article-body .key-date p { margin: var(--space-3) 0 0; color: var(--color-text-secondary); font-size: var(--font-size-body); }
.checklist { margin: var(--space-4) 0 var(--space-8); padding: 0; list-style: none; border-top: var(--border-default); }
.checklist li { position: relative; padding: var(--space-4) 0 var(--space-4) var(--space-8); border-bottom: var(--border-default); color: var(--color-text-secondary); }
.checklist li::before { content: "✓"; position: absolute; left: 0; color: var(--color-success); font-weight: var(--weight-strong); }
.article-cta { margin: var(--space-16) 0 var(--space-10); padding: var(--space-10); background: var(--navy-900); border-left: var(--space-1) solid var(--teal-400); }
.article-cta h2 { margin: 0; color: var(--surface); font-size: var(--font-size-h3); }
.article-cta p { max-width: var(--content-reading); margin: var(--space-3) 0 var(--space-6); color: var(--color-inverse-muted); }
.article-source { margin: 0; padding: var(--space-6) 0; border-top: var(--border-default); color: var(--color-text-muted); font-size: var(--font-size-meta); }
.article-source strong { color: var(--color-text-secondary); }
.article-source a { color: var(--color-action); overflow-wrap: anywhere; }
.article-disclaimer { margin: var(--space-3) 0 0; color: var(--color-text-muted); font-size: var(--font-size-meta); font-style: italic; }
.news-footer { padding: var(--space-12) var(--gutter); text-align: left; }
.news-footer p { width: min(100%, var(--content-standard)); margin: 0 auto; color: var(--color-inverse-muted); font-size: var(--font-size-meta); }
.news-footer a { color: var(--sky-200); }
@media (max-width: 40rem) {
  .news-nav .nav-brand { display: none; }
  .news-item { grid-template-columns: 1fr; gap: var(--space-4); }
  .news-item-meta { flex-direction: row; align-items: center; }
  .article-wrap { padding-top: var(--space-8); }
  .penalty-facts { grid-template-columns: 1fr; }
  .article-cta { padding: var(--space-6); }
}