.news-head { padding-block: clamp(28px, 5vw, 65px); }
.news-head a { display: inline-block; margin-bottom: 18px; }
.news-head h1 { font: 400 clamp(36px, 5.5vw, 68px)/1.08 Georgia, serif; overflow-wrap: anywhere; }
.news-content { padding-block: 26px 52px; }
.news-entry { margin: 0; border-bottom: 1px solid var(--line); font: 400 clamp(22px, 3vw, 34px)/1.2 Georgia, serif; }
.news-entry a { display: flex; gap: 15px; justify-content: space-between; padding-block: 20px; color: var(--ink); text-decoration: none; overflow-wrap: anywhere; }
.news-entry a:hover, .news-entry span { color: var(--accent); }
.news-article { max-width: 720px; overflow-wrap: anywhere; }
.news-media { margin: 25px 0; }
.news-media img { margin-inline: auto; height: auto; }
.news-media audio, .news-media video { width: 100%; }
.news-media figcaption { margin-bottom: 8px; color: var(--muted); }
.news-reactions { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line); }
.news-like { padding: 8px 16px; min-height: 44px; border: 1px solid var(--accent); color: var(--accent); background: transparent; }
.news-like:hover, .news-like[aria-pressed="true"] { color: #fff; background: var(--accent); }
.news-like span { margin-inline: 4px; }

.news-page main { flex: 1 0 auto; }
.news-page footer { flex: 0 0 auto; }