/* Shared by TOP news, archive cards and chrome story previews. */
.top-story { display:flex; flex-direction:column; min-width:0; }
.top-story-visual { overflow:hidden; background:var(--top-paper); }
.top-story-image { display:block; width:100%; aspect-ratio:16/9; object-fit:contain; transition:transform .25s ease; }
.top-story:hover .top-story-image { transform:scale(1.025); }
.top-story:hover .top-story-title { opacity:.65; }
.top-story-meta { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; font-size: var(--hcp-fs-meta); margin:12px 0 8px; }
.top-story-meta>span { font-weight: var(--hcp-fw-heading); }
.top-story-meta .small-text { font-size: var(--hcp-fs-meta); font-family: var(--hcp-font-latin); letter-spacing:.02em; }
.top-story-title { font-size: var(--hcp-fs-lead); line-height: var(--hcp-lh-lead); font-weight: var(--hcp-fw-heading); margin:0; letter-spacing:-.02em; transition:opacity .2s; }
.top-news-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px 24px; }
.top-news-grid .top-story-title { display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
@media (min-width:768px) and (max-width:1050px) {
 .top-news-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:767px) {
 .top-story-meta { gap:4px 8px; font-size: var(--hcp-fs-meta); margin-top:8px; }
 .top-story-meta .small-text { font-size: var(--hcp-fs-meta); }
 .top-news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 16px; }
 .top-story-title { font-size: var(--hcp-fs-small); line-height: var(--hcp-lh-small); }
}
@media (prefers-reduced-motion:reduce) {
 .top-story-image,.top-story-title { transition:none; }
}
.top-story-visual { background:var(--hcp-paper); }
.story-card-placeholder { aspect-ratio:16/9; background:var(--hcp-paper); }
.story-archive-grid .top-story { color:var(--hcp-text); text-decoration:none; }
.story-archive-grid .top-story:focus-visible { outline:2px solid var(--hcp-ink); outline-offset:4px; }