/* Main-page news cards only. */
#activity.stories { background:#fff; }
#story-track { align-items:stretch; gap:24px; padding-top:12px; padding-bottom:24px; }
#story-track .story-card:nth-child(n) { display:flex; flex-direction:column; flex-basis:calc((100% - 72px)/4); margin:0; transform:none; background:#fff; border:0; border-radius:0; box-shadow:none; transition:border-color .2s; }
#story-track .story-card:nth-child(n):hover { transform:none; border-color:transparent; box-shadow:none; }
#story-track .story-card:focus-visible { outline:3px solid #4654cf; outline-offset:3px; }
#story-track .story-cover { aspect-ratio:16/10; height:auto; padding:0; flex-shrink:0; background:#f4f6fa; border-radius:18px 18px 0 0; overflow:hidden; }
#story-track .story-photo, #story-track .story-card:hover .story-photo { width:100%; height:100%; object-fit:cover; transform:none; transition:none; }
#story-track .story-copy { display:flex; flex:1; flex-direction:column; padding:24px; }
#story-track .story-card:nth-child(n) .story-copy small { display:block; background:transparent; color:#4654cf; padding:0; font-size:12px; line-height:1.5; font-weight:700; }
#story-track .story-copy h3 { font-size:20px; line-height:1.45; min-height:2.9em; height:2.9em; margin:12px 0 18px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:#172d4d; }
#story-track .story-copy p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; font-size:16px; line-height:1.7; height:5.1em; margin:0 0 24px; color:#617086; }
#story-track .story-card:nth-child(n) .story-copy b { display:block; margin-top:auto; color:#7a8594; font-size:13px; line-height:1.5; font-weight:400; }
@media (min-width:761px) and (max-width:1050px) { #story-track .story-card:nth-child(n) { flex-basis:calc((100% - 24px)/2); } }
@media (max-width:760px) { #story-track { gap:16px; } #story-track .story-card:nth-child(n) { flex-basis:86%; border-radius:0; } #story-track .story-copy { padding:20px; } #story-track .story-copy h3 { font-size:18px; margin-bottom:18px; } }

#story-track .story-copy small { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Requested spacing, including mobile. */
#story-track .story-copy { padding:15px; }
#story-track .story-copy h3 { margin:6px 0 12px; }