/* News cards: shared typography, optional face thumbnail and corner accents. */
.news-page .news-list{width:100%;border-color:#c9d7db;padding-top:28px;display:grid;gap:24px}
.news-page .news-item{display:block;width:100%;max-width:1037px;margin-inline:auto;padding:24px;border:1px solid #c9d7db;border-radius:12px;background:rgba(253,254,254,.8);color:inherit;text-decoration:none;position:relative;isolation:isolate;overflow:hidden;box-shadow:0 3px 12px rgba(61,89,98,.10),0 1px 3px rgba(61,89,98,.06);transition:background-color .25s,border-color .25s,box-shadow .25s}
.news-page .news-item:hover,.news-page .news-item:focus-visible{background:rgba(255,255,255,.98);border-color:#8bbfc9;box-shadow:0 6px 20px rgba(61,89,98,.16),0 2px 5px rgba(61,89,98,.08);color:inherit}
.news-page .news-card-content{--stamp-size:72px;position:relative;z-index:1;display:grid;grid-template-columns:var(--stamp-size) minmax(0,1fr);align-items:start;gap:20px}
.news-page .news-card-content:has(.news-image){grid-template-columns:var(--stamp-size) var(--stamp-size) minmax(0,1fr)}
.news-page .news-image{display:block;width:var(--stamp-size);height:var(--stamp-size);object-fit:cover;margin:0;border-radius:12px}
.news-page .news-date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:var(--stamp-size);height:var(--stamp-size);border:2px solid currentColor;border-radius:12px;font-family:Roboto,Arial,sans-serif;font-weight:500;line-height:1;letter-spacing:normal;font-kerning:auto;color:#98c5cc}
.news-page .news-date-year{font-size:13px}.news-page .news-date-day{font-size:21px}
.news-page .news-card-copy{min-width:0;align-self:center}
.news-page .news-item h2{font-family:inherit;font-size:18px;font-weight:400;line-height:1.75;letter-spacing:.035em;margin:12px 0 0;overflow-wrap:anywhere}
.news-page .news-accent{position:absolute;z-index:0;pointer-events:none;width:80px;height:80px;opacity:.075;transition:opacity .6s}
.news-page .news-accent--start{top:0;left:0}.news-page .news-accent--end{bottom:0;right:0;transform:rotate(180deg)}
.news-page .news-accent i{position:absolute;width:480px;height:14px;left:-200px;top:35px;transform-origin:center;transform:translateY(var(--offset)) rotate(var(--angle));transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.news-page .news-accent i:nth-child(1){--offset:-28px;--angle:-12deg;background:#25bde0}
.news-page .news-accent i:nth-child(2){--offset:0px;--angle:-25deg;background:#12b9c8}
.news-page .news-accent i:nth-child(3){--offset:28px;--angle:-38deg;background:#9654e8}
.news-page .news-item:hover .news-accent,.news-page .news-item:focus-visible .news-accent{opacity:.11}
.news-page .news-item:hover .news-accent i,.news-page .news-item:focus-visible .news-accent i{transform:translateY(var(--offset)) rotate(-20deg)}
@keyframes news-card-enter{from{opacity:0}to{opacity:1}}
@media(max-width:767px){.news-page .news-list{gap:20px;padding-top:24px}.news-page .news-item{padding:16px}.news-page .news-card-content{--stamp-size:56px;gap:12px}.news-page .news-card-content:has(.news-image){grid-template-columns:var(--stamp-size) minmax(0,1fr);grid-template-rows:var(--stamp-size) auto}.news-page .news-card-content:has(.news-image) .news-date{grid-column:1;grid-row:1}.news-page .news-card-content:has(.news-image) .news-image{grid-column:1;grid-row:2}.news-page .news-card-content:has(.news-image) .news-card-copy{grid-column:2;grid-row:1 / 3}.news-page .news-date{gap:5px}.news-page .news-date-year{font-size:11px}.news-page .news-date-day{font-size:17px}.news-page .news-item h2{font-size:16px}.news-page .news-card-copy .article-category{max-width:100%;padding-inline:6px}}
@media(prefers-reduced-motion:reduce){.news-page .news-item{animation:none;transition:none}.news-page .news-accent,.news-page .news-accent i{transition:none}}


.news-page .news-reveal-pending{opacity:0}
.news-page .news-reveal-visible{animation:news-card-enter 650ms ease-out both}
@media(prefers-reduced-motion:reduce){.news-page .news-reveal-pending{opacity:1}.news-page .news-reveal-visible{animation:none}}
.news-page .article-body .news-details-divider{border:0;border-top:1px solid #c9d7db;margin:32px 0 24px;height:0}

/* Reuse Download's secondary-button dimensions, colors and interaction. */
.news-page .back-link{border:0;padding-top:0}
.news-page .back-link .secondary-button{display:inline-flex;align-items:center;justify-content:center;min-width:100px;min-height:38px;padding:4px 11px;border:1px solid #78b9c5;border-radius:2px;font:inherit;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:.05em;background:transparent;color:#477e8b;box-shadow:none;text-decoration:none;cursor:pointer;transition:background 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
.news-page .back-link .secondary-button:hover{background:#deedf0;color:#355f6a;border-color:#67a5b2}
.news-page .back-link .secondary-button:focus-visible{outline:2px solid #597b86;outline-offset:2px}

.news-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin:40px 0 0}.news-pagination a,.news-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;border:1px solid #78b9c5;border-radius:4px;color:#477e8b;text-decoration:none;transition:background .2s}.news-pagination a:hover,.news-pagination [aria-current]{background:#deedf0}.news-pagination [aria-disabled]{opacity:.35}.news-pagination svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
