/* News inherits the existing Syna typography, spacing and primary colour. */
.news-section { color: #343a40; }
.news-section h1, .news-section h2 { margin-bottom: 1.5rem; }
.news-section a { color: #006b75; text-decoration: underline; text-underline-offset: .15em; }
.news-section a:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
.news-entry { border-top: 3px solid #00838f; padding-top: 1rem; overflow-wrap: anywhere; }
.news-date { margin-bottom: .5rem; font-variant-numeric: tabular-nums; }
.news-links { display: flex; flex-wrap: wrap; gap: 1rem 2rem; }
.news-archive-entry { margin-bottom: 2rem; max-width: 52rem; }
.news-article { max-width: 48rem; overflow-wrap: anywhere; }
.news-article img, .news-article video { max-width: 100%; height: auto; }
.news-article pre { overflow-x: auto; }
.news-article table { display: block; overflow-x: auto; }

.news-featured { border-top: 3px solid #00838f; padding-top: 1rem; }
.news-previous > h3 { margin-bottom: 1.5rem; }
.news-archive-group + .news-archive-group { margin-top: 3rem; }

.news-pagination { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 2rem; max-width: 48rem; }
.news-pagination-link { display: flex; flex-direction: column; gap: .35rem; border: 1px solid #006b75; padding: 1rem; overflow-wrap: anywhere; }
.news-pagination-direction { font-weight: 700; }
.news-pagination-date { font-size: .9rem; }
@media (max-width: 575.98px) { .news-pagination { grid-template-columns: minmax(0, 1fr); } }