/* First-party runtime fix for circular Story avatars and horizontal rails.
   Loaded after the older Vite asset, so it works before a proper Vite rebuild.
   Uses scoped selectors; does not alter the full-screen story viewer. */
.t-story-rail { display:flex; flex-direction:row; align-items:flex-start; gap:.75rem; min-inline-size:0; overflow-x:auto; overflow-y:hidden; overscroll-behavior-inline:contain; scrollbar-width:thin; scroll-snap-type:x proximity; padding-block:.25rem .5rem; }
.t-story-rail > .t-story { display:grid; min-inline-size:4.75rem; flex:0 0 auto; grid-template-rows:auto auto; justify-items:center; align-content:start; gap:.35rem; text-decoration:none; }
.t-story-rail .t-story-ring { display:grid; inline-size:4.5rem; block-size:4.5rem; flex:none; place-items:center; box-sizing:border-box; padding:.1875rem; border-radius:50%; overflow:hidden; background:linear-gradient(135deg,var(--color-brand-300,#f7d88a),var(--color-brand-700,#b17819)); }
.t-story-rail .t-story-avatar { display:grid; inline-size:100%; block-size:100%; box-sizing:border-box; place-items:center; overflow:hidden; border:.1875rem solid var(--color-base,#fff); border-radius:50%; background:var(--color-subtle,#fff5d9); }
.t-story-rail .t-story-avatar > img { display:block; width:100%; height:100%; object-fit:cover; }
.t-story-rail .t-story-avatar > span { display:grid; width:100%; height:100%; place-items:center; }
.t-story-rail .t-story-label { display:block; max-inline-size:5.25rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; font-size:.75rem; font-weight:650; line-height:1.65; }
@media(max-width:639px){
  .t-home-stories .t-story-rail { gap:.6rem; }
  .t-home-stories .t-story-rail > .t-story { min-inline-size:4.25rem; }
  .t-home-stories .t-story-rail .t-story-ring { inline-size:3.9rem; block-size:3.9rem; }
  .t-home-stories .t-story-rail .t-story-avatar { inline-size:100%; block-size:100%; }
}