/* Public function updates use the help portal's existing theme. */
.news-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: 1rem; }
.news-card { display: flex; flex-direction: column; align-items: flex-start; }
.news-card > p:not(.eyebrow) { max-width: 72ch; }
.news-card .text-link { margin-top: auto; }
.news-meta { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem .8rem; }
.news-detail { max-width: 900px; margin-inline: auto; }
.news-detail section { margin-top: 2rem; }
.news-detail section p { max-width: 76ch; }
.news-screenshot { margin: 1.5rem 0 0; }
.news-screenshot .screenshot-link { display: block; }
.news-screenshot img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: .8rem; background: #fff; }
.news-screenshot figcaption { margin-top: .65rem; color: var(--muted); font-size: .9rem; line-height: 1.6; }
.news-detail .button-row { display: flex; flex-wrap: wrap; gap: .8rem; }
.news-section-heading { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 1rem; }