/* News cards: shared typography, optional face thumbnail and corner accents. */
#news .top-news-panel .news-list{width:100%;border-color:#c9d7db;padding-top:28px;display:grid;gap:24px}
#news .top-news-panel .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 .top-news-panel .news-item:hover,#news .top-news-panel .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 .top-news-panel .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 .top-news-panel .news-card-content:has(.news-image){grid-template-columns:var(--stamp-size) var(--stamp-size) minmax(0,1fr)}
#news .top-news-panel .news-image{display:block;width:var(--stamp-size);height:var(--stamp-size);object-fit:cover;margin:0;border-radius:12px}
#news .top-news-panel .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 .top-news-panel .news-date-year{font-size:13px}#news .top-news-panel .news-date-day{font-size:21px}
#news .top-news-panel .news-card-copy{min-width:0;align-self:center}
#news .top-news-panel .news-item h3{font-family:inherit;font-size:18px;font-weight:400;line-height:1.75;letter-spacing:.035em;margin:12px 0 0;overflow-wrap:anywhere}
#news .top-news-panel .news-accent{position:absolute;z-index:0;pointer-events:none;width:80px;height:80px;opacity:.075;transition:opacity .6s}
#news .top-news-panel .news-accent--start{top:0;left:0}#news .top-news-panel .news-accent--end{bottom:0;right:0;transform:rotate(180deg)}
#news .top-news-panel .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 .top-news-panel .news-accent i:nth-child(1){--offset:-28px;--angle:-12deg;background:#25bde0}
#news .top-news-panel .news-accent i:nth-child(2){--offset:0px;--angle:-25deg;background:#12b9c8}
#news .top-news-panel .news-accent i:nth-child(3){--offset:28px;--angle:-38deg;background:#9654e8}
#news .top-news-panel .news-item:hover .news-accent,#news .top-news-panel .news-item:focus-visible .news-accent{opacity:.11}
#news .top-news-panel .news-item:hover .news-accent i,#news .top-news-panel .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 .top-news-panel .news-list{gap:20px;padding-top:24px}#news .top-news-panel .news-item{padding:16px}#news .top-news-panel .news-card-content{--stamp-size:56px;gap:12px}#news .top-news-panel .news-card-content:has(.news-image){grid-template-columns:var(--stamp-size) minmax(0,1fr);grid-template-rows:var(--stamp-size) auto}#news .top-news-panel .news-card-content:has(.news-image) .news-date{grid-column:1;grid-row:1}#news .top-news-panel .news-card-content:has(.news-image) .news-image{grid-column:1;grid-row:2}#news .top-news-panel .news-card-content:has(.news-image) .news-card-copy{grid-column:2;grid-row:1 / 3}#news .top-news-panel .news-date{gap:5px}#news .top-news-panel .news-date-year{font-size:11px}#news .top-news-panel .news-date-day{font-size:17px}#news .top-news-panel .news-item h3{font-size:16px}#news .top-news-panel .news-card-copy .article-category{max-width:100%;padding-inline:6px}}
@media(prefers-reduced-motion:reduce){#news .top-news-panel .news-item{animation:none;transition:none}#news .top-news-panel .news-accent,#news .top-news-panel .news-accent i{transition:none}}


#news .top-news-panel .news-reveal-pending{opacity:0}
#news .top-news-panel .news-reveal-visible{animation:news-card-enter 650ms ease-out both}
@media(prefers-reduced-motion:reduce){#news .top-news-panel .news-reveal-pending{opacity:1}#news .top-news-panel .news-reveal-visible{animation:none}}