/* Example picker: five real stories, each shown by one of its own objects. */
.story-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 18px}
.story-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:10px 12px 14px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.07);color:#fff;font:inherit;text-align:left;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s,border-color .2s,box-shadow .25s}
.story-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.32)}
.story-card:focus-visible{outline:3px solid #fff;outline-offset:3px}
.story-card .sc-art{display:grid;place-items:center;width:100%;height:112px;margin:0 0 6px}
.story-card img{max-width:100%;max-height:112px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(8,18,60,.28));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.story-card:hover img,.story-card[aria-selected="true"] img{transform:scale(1.06) translateY(-2px)}
.story-card .sc-tag{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.66)}
.story-card b{font-size:14px;line-height:1.3;font-weight:650;letter-spacing:-.01em}
.story-card[aria-selected="true"]{background:#fff;border-color:#fff;color:#0B1020;box-shadow:0 18px 40px rgba(6,14,52,.35)}
.story-card[aria-selected="true"] .sc-tag{color:#164DFF}
.story-card[aria-selected="true"]::after{content:'';position:absolute;left:50%;bottom:-9px;width:16px;height:16px;margin-left:-8px;background:#fff;transform:rotate(45deg);border-radius:3px}
@media (max-width:960px){.story-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 20px 14px;margin:0 -20px 10px;scrollbar-width:none}.story-cards::-webkit-scrollbar{display:none}.story-card{flex:0 0 172px;scroll-snap-align:start}.story-card[aria-selected="true"]::after{display:none}}
@media (prefers-reduced-motion:reduce){.story-card,.story-card img{transition:none}.story-card:hover{transform:none}}