.news-page { max-width:54rem; padding-block:2rem 4rem; }
.news-back { color:var(--muted); font-size:.875rem; }
.news-heading { margin-block:2rem 1.5rem; }
.news-heading h1 { font-family:var(--sans); font-size:2.75rem; line-height:1.15; letter-spacing:0; margin:0; overflow-wrap:anywhere; }
.news-planned { color:var(--signal); font-size:.875rem; margin:.75rem 0 0; }
.news-navigation { display:flex; align-items:center; justify-content:space-between; gap:1rem; border-block:1px solid var(--line); padding:.75rem 0; margin-bottom:2rem; }
.news-navigation a { display:grid; place-items:center; width:44px; height:44px; flex-shrink:0; text-decoration:none; font-size:1.5rem; }
.news-navigation label { display:flex; align-items:center; gap:.75rem; font-size:.875rem; min-width:0; }
.news-navigation input { font:inherit; color:var(--ink); background:var(--paper); border:1px solid var(--line); padding:.5rem; min-width:0; max-width:100%; }
.news-navigation a:hover { color:var(--signal); }
.news-page a:focus-visible,.news-navigation input:focus-visible { outline:2px solid var(--signal); outline-offset:4px; }
.news-image { margin:0 0 2rem; }
.news-image img { display:block; width:100%; height:auto; max-height:34rem; object-fit:contain; }
.news-text { font-size:1.2rem; line-height:1.7; overflow-wrap:anywhere; }
.news-text a { text-decoration:underline; text-underline-offset:.2em; }
.news-channel { margin:2rem 0 0; padding-top:1.5rem; border-top:1px solid var(--line); font-size:.9rem; }
@media(max-width:600px) {
  .news-page { padding-block:1.5rem 2.5rem; }
  .news-heading { margin-top:1.5rem; }
  .news-heading h1 { font-size:2rem; }
  .news-navigation { gap:.5rem; }
  .news-text { font-size:1.0625rem; }
}