.shorts-section { padding-block: 22px 48px; }
.shorts-heading { padding-top: 18px; border-top: 2px solid #202a32; }
.shorts-heading .eyebrow { color: var(--news-red); }
.shorts-heading h2 { margin: 8px 0 6px; color: #17242e; font-size: clamp(30px, 3vw, 40px); line-height: 1.1; }
.shorts-heading > p:last-child, .shorts-status { color: #4e5c67; font-size: 14px; line-height: 1.55; }
.shorts-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 22px; }
.shorts-card { min-width: 0; }
.shorts-frame { position: relative; overflow: hidden; width: min(100%, 250px); margin-inline: auto; aspect-ratio: 9 / 16; background: #10151b; border-radius: 14px; }
.shorts-thumbnail, .shorts-player { display: block; width: 100%; height: 100%; border: 0; object-fit: cover; }
.shorts-play { position: absolute; inset: 50% auto auto 50%; width: 58px; height: 58px; transform: translate(-50%, -50%); border: 1px solid rgb(255 255 255 / 75%); border-radius: 50%; background: rgb(8 20 31 / 78%); color: #fff; cursor: pointer; font-size: 0; }
.shorts-play::before { content: '▶'; margin-left: 4px; font-size: 21px; }
.shorts-play:focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px; }
.shorts-title { max-width: 300px; margin: 12px auto 5px; color: #17242e; font-size: 16px; line-height: 1.3; }
.shorts-details { max-width: 300px; margin: 0 auto; color: #52616c; font-size: 12px; line-height: 1.45; }
.shorts-status { margin-top: 18px; }
@media (max-width: 900px) { .shorts-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 620px) { .shorts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .shorts-frame { width: min(100%, 210px); } .shorts-title { font-size: 14px; } }
@media (max-width: 380px) { .shorts-grid { grid-template-columns: 1fr; } .shorts-frame { width: min(100%, 240px); } }