.stories-section{box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:24px auto 44px;padding:24px 0;color:var(--ink)}
.stories-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin-bottom:22px;text-align:center}
.stories-heading h2{font-size:clamp(23px,3vw,32px);line-height:1.3}.stories-heading p{color:var(--ink-soft);margin-top:6px}
.stories-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--blue-700)}
.stories-arrows{display:flex;gap:8px}.stories-arrows button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:20px;cursor:pointer}
.stories-heading{padding-inline:20px}
.stories-track{box-sizing:border-box;width:100%;max-width:100%;min-width:0;display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 20px 14px;scroll-padding-inline:20px;scrollbar-width:thin;cursor:grab;user-select:none;touch-action:pan-x pan-y pinch-zoom}
.stories-track .story-thumb{cursor:grab}.stories-track.is-dragging{scroll-snap-type:none}.stories-track.is-dragging,.stories-track.is-dragging .story-thumb{cursor:grabbing}
.stories-track.is-dragging .story-card{transform:none}
.story-thumb:first-child{margin-left:auto}.story-thumb:last-child{margin-right:auto}
.story-thumb{box-sizing:border-box;min-width:0;padding:0;flex:0 0 clamp(180px,65vw,250px);width:clamp(180px,65vw,250px);scroll-snap-align:start;border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-align:center}
.story-card{position:relative;display:block;width:100%;aspect-ratio:9/16;overflow:hidden;border-radius:16px;background:#10141b;box-shadow:0 6px 14px rgba(16,56,104,.14);transition:transform .2s}
.story-card img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.story-thumb:hover .story-card{transform:translateY(-3px)}
.story-label{display:block;margin-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}
.story-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;padding:16px;margin:0;background:#10141bf2;color:#fff}
.story-dialog[open]{display:flex;align-items:center;justify-content:center}.story-dialog::backdrop{background:#10141b}
.story-frame{position:relative;width:min(100%,440px);height:100%;max-height:800px;background:#080a0e;border-radius:18px;overflow:hidden;touch-action:pan-y}
.story-image{display:block;width:100%;height:100%;object-fit:contain}.story-progress{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:4px;z-index:2}
.story-progress span{flex:1;height:3px;background:#ffffff55;overflow:hidden;border-radius:4px}.story-progress i{display:block;height:100%;width:100%;background:#fff;transform:scaleX(0);transform-origin:left}
.story-toolbar{position:absolute;top:24px;left:0;right:0;display:flex;align-items:center;gap:10px;padding:10px 16px;background:linear-gradient(#0009,transparent);z-index:3}
.story-toolbar strong{flex:1;font-size:14px}.story-toolbar button,.story-step{border:0;background:#0006;color:#fff;border-radius:50%;cursor:pointer;font:inherit}.story-toolbar button{min-width:40px;height:40px}.story-toolbar .story-pause{border-radius:20px;padding:0 12px;font-size:12px}
.story-step{position:absolute;top:48%;width:42px;height:52px;font-size:34px;z-index:2}.story-prev{left:8px}.story-next{right:8px}.story-step:disabled{opacity:.3;cursor:default}
.story-caption{position:absolute;bottom:0;left:0;right:0;padding:40px 22px 24px;background:linear-gradient(transparent,#000c);text-align:center;pointer-events:none;overflow-wrap:anywhere}
.story-error{position:absolute;top:40%;left:55px;right:55px;text-align:center}.story-dialog button:focus-visible,.stories-section button:focus-visible{outline:3px solid #459ded;outline-offset:3px}
@media(max-width:600px){.stories-section{padding:20px 0;margin:8px auto 24px}.stories-track{gap:16px}.story-dialog{padding:0}.story-frame{width:100%;max-height:none;border-radius:0;height:100dvh}.story-toolbar{padding-top:max(10px,env(safe-area-inset-top))}.story-caption{padding-bottom:max(24px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.story-card{transition:none}}
@media(max-width:600px){
  .stories-track{gap:16px;padding-inline:16px;scroll-padding-inline:16px;scroll-snap-type:x mandatory}
  .story-thumb{flex:0 0 100%;width:100%;max-width:100%;scroll-snap-align:center}
  .story-thumb:first-child{margin-left:0}.story-thumb:last-child{margin-right:0}
  .story-dialog{height:100vh;height:100dvh;max-width:100vw}
  .story-frame{min-width:0;height:100%;max-height:100%}
}