/* HookupsDM v6.0.7 — compact black circular Web Stories strip. */
.ls-stories{padding:22px 0 24px;background:#080808;color:#fff;overflow:hidden;min-height:0;border-top:1px solid rgba(212,175,55,.22);border-bottom:1px solid rgba(212,175,55,.22)}
.ls-stories .hdm-shell{width:min(1480px,calc(100% - 48px));margin:0 auto}
.ls-stories-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}
.ls-stories-head>div:first-child{display:flex;align-items:center;gap:11px}
.ls-stories-head span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#d4af37;color:#fff;font:900 10px/1 Inter,Arial,sans-serif}
.ls-stories-head h2{margin:0;color:#fff;font:950 30px/1 Inter,Arial,sans-serif;letter-spacing:-.035em}
.ls-stories-arrows{display:flex;gap:9px}
.ls-stories-arrows button{width:38px;height:38px;border:1px solid #d4af37;border-radius:50%;background:#111;color:#fff;font-size:18px;cursor:pointer;transition:.2s}
.ls-stories-arrows button:hover{background:#d4af37;color:#050505}
.ls-stories-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 2px 5px;scrollbar-width:none}
.ls-stories-track::-webkit-scrollbar{display:none}
.ls-story-item{flex:0 0 120px;min-width:0;text-align:center;scroll-snap-align:start}
.ls-story-item a{display:block;color:#fff;text-decoration:none}
.ls-story-ring{box-sizing:border-box;width:112px;height:112px;margin:0 auto 7px;padding:4px;border:3px solid #b62d6f;border-radius:50%;display:block;background:#111;box-shadow:0 4px 14px rgba(0,0,0,.45);transition:.2s}
.ls-story-ring img,.ls-story-fallback{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;object-fit:cover;background:linear-gradient(145deg,#171717,#d4af37);color:#fff;font:900 42px Georgia,serif}
.ls-story-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font:800 15px/1.2 Inter,Arial,sans-serif}
.ls-story-item a:hover .ls-story-ring{border-color:#d4af37;transform:translateY(-2px)}
@media(max-width:780px){
 .ls-stories{padding:15px 0 17px}
 .ls-stories .hdm-shell{width:calc(100% - 24px)}
 .ls-stories-head{margin-bottom:12px}
 .ls-stories-head span{width:32px;height:32px;font-size:8px}
 .ls-stories-head h2{font-size:23px}
 .ls-stories-arrows{display:none}
 .ls-stories-track{gap:12px;margin-right:-12px;padding-bottom:3px}
 .ls-story-item{flex-basis:84px}
 .ls-story-ring{width:78px;height:78px;padding:3px;border-width:3px;margin-bottom:5px}
 .ls-story-item strong{font-size:12px}
}