.news-page { background: var(--paper); }
.news-page .site-header { background: rgba(247,249,251,.9); }
.news-home-link { font-size: 13px; font-weight: 700; }
.news-hero { padding: 190px 0 95px; background: radial-gradient(circle at 78% 10%, rgba(77,228,212,.16), transparent 30%), linear-gradient(155deg, #f7f9fb, #e8eef3); }
.news-hero h1 { margin: 14px 0 20px; font-size: clamp(48px, 8vw, 96px); letter-spacing: -.065em; }
.news-hero > .shell > p:last-child { color: var(--ink-soft); font-size: 17px; }
.news-archive { padding-top: 90px; }
.news-feed { display: grid; gap: 24px; }
.news-entry { padding: 42px 46px; background: var(--white); border: 1px solid var(--line); border-radius: 24px; scroll-margin-top: 110px; }
.news-entry .news-meta { justify-content: flex-start; }
.news-entry h2 { margin: 22px 0 14px; font-size: clamp(24px, 4vw, 38px); letter-spacing: -.04em; }
.news-entry .news-summary { margin: 0; color: var(--ink-soft); font-size: 16px; line-height: 1.8; }
.news-entry details { margin-top: 26px; border-top: 1px solid var(--line); }
.news-entry summary { padding-top: 22px; cursor: pointer; font-size: 13px; font-weight: 700; }
.news-body { margin: 22px 0 0; color: #314158; line-height: 1.9; white-space: pre-line; }
@media (max-width: 560px) {
  .news-hero { padding: 145px 0 70px; }
  .news-entry { padding: 30px 24px; }
}