.news-hero { padding: 42px 0 34px; background: var(--jfp-blue-pale); border-bottom: 1px solid var(--border); }
.news-hero h1 { margin: 0 0 8px; }
.news-hero p { max-width: 720px; margin: 0; }
.news-eyebrow { color: var(--jfp-blue-dark); font-size: 13px; font-weight: 700; letter-spacing: .08em; }
.news-list-section, .news-article { padding: 48px 0 64px; background: #fff; }
.news-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 28px; }
.news-card { overflow: hidden; border: 1px solid var(--border); border-radius: 8px; background: #fff; box-shadow: var(--shadow); }
.news-card-image { display: block; aspect-ratio: 16/9; overflow: hidden; background: var(--jfp-blue-pale); }
.news-card-image img { width:100%; height:100%; object-fit:cover; display:block; }
.news-card-body { padding: 24px; }
.news-card time, .news-article-header time { color: var(--text-soft); font-size: 14px; }
.news-card h2 { margin: 8px 0 10px; font-size: 24px; line-height: 1.25; }
.news-card h2 a, .news-read-more, .news-back a { color: var(--jfp-blue-dark); text-decoration: none; }
.news-read-more { font-weight: 700; }
.news-article-container { max-width: 900px; }
.news-article-header { margin-bottom: 30px; }
.news-article-header h1 { margin: 8px 0 10px; line-height: 1.15; }
.news-subtitle { margin:0; font-size: 20px; color: var(--text-soft); }
.news-figure { margin: 0 0 34px; }
.news-figure img { display:block; width:100%; height:auto; border-radius:8px; }
.news-figure figcaption { margin-top:8px; color:var(--text-soft); font-size:14px; }
.news-content { font-size: 17px; }
.news-content h2 { margin: 36px 0 12px; }
.news-content p, .news-content ul { margin: 0 0 18px; }
.news-content a { color: var(--jfp-blue-dark); }
.news-back { margin: 0 0 28px; }
@media (max-width: 767px) { .news-grid { grid-template-columns: 1fr; } .news-list-section,.news-article { padding:34px 0 48px; } .news-card h2 { font-size:21px; } }

/* Article illustration */
.news-article-figure { max-width:760px; margin:32px auto 34px; }
.news-article-figure img { display:block; width:100%; height:auto; }