.media-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:2px;touch-action:pan-x pan-y}
.media-rail::-webkit-scrollbar{display:none}
.media-rail>.story{flex:0 0 calc((100% - 12px)/2);width:calc((100% - 12px)/2);min-width:0;scroll-snap-align:start}
.media-rail .story-cover{flex:none}
.media-rail .story-cover>img{z-index:0;opacity:1;filter:saturate(.75);object-fit:cover}
.media-rail .story-cover::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#07101f40 0%,#0b132a99 25%,#0a1123df 62%,#080f1cf0 100%);pointer-events:none}
.media-rail .cover-tag{z-index:2;max-width:calc(100% - 22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#101b2dbd;border-color:#ffffff45;color:#fff;text-shadow:0 1px 3px #0009}
.media-rail .cover-title{z-index:2;right:12px;color:#fff;text-shadow:0 2px 9px #000a}
.media-cover-heading{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;font:inherit;font-weight:500;overflow-wrap:anywhere}
.media-rail .cover-title>span{color:#e6dfce}
.media-rail .story-kicker{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-rail .story h3{height:5.55em;min-height:5.55em;line-height:1.85;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
.media-rail .story-body p{height:3.6em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.media-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:#8e9bad;font-size:9px;min-height:30px}
.media-nav-actions{display:flex;align-items:center;gap:9px;color:#c9b48e}
.media-nav button{width:30px;height:30px;border:1px solid #dcc1943d;border-radius:50%;background:#202c3d;color:#dcc194;font:inherit;font-size:15px;line-height:1;cursor:pointer}
.media-nav button:disabled{opacity:.28;cursor:default}
.media-rail:focus-visible{outline:1px solid #dcc19477;outline-offset:4px}