/* === SportCV media story overlay correction ===
   Target: one rounded image/video card, no dark side rails, photo fills the card. */
.media-viewer:has(.media-viewer-story-card),
.media-viewer.is-story-media-viewer{
  border-radius:24px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.media-viewer:has(.media-viewer-story-card) .media-viewer-stage,
.media-viewer.is-story-media-viewer .media-viewer-stage{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}
.media-viewer-story-card{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  max-height:min(76vh, 900px) !important;
  aspect-ratio:3 / 2 !important;
  overflow:hidden !important;
  border-radius:22px !important;
  background:transparent !important;
  border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:0 24px 70px rgba(7,24,51,.30) !important;
  isolation:isolate !important;
}
.media-viewer-story-video-card{
  aspect-ratio:16 / 9 !important;
  max-height:min(76vh, 900px) !important;
}
.media-viewer-story-photo-card > img{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  border-radius:0 !important;
  background:transparent !important;
  display:block !important;
}
.media-viewer-story-video-card .media-viewer-video-thumb,
.media-viewer-story-video-card .media-viewer-native-video,
.media-viewer-story-video-card .media-viewer-video{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  border-radius:0 !important;
  background:transparent !important;
  display:block !important;
}
.media-viewer-story-video-card .media-viewer-video-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.media-viewer-story-gradient{
  position:absolute !important;
  inset:0 !important;
  z-index:5 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg, rgba(7,24,51,.30) 0%, rgba(7,24,51,.10) 20%, rgba(7,24,51,0) 42%),
    linear-gradient(0deg, rgba(7,24,51,.58) 0%, rgba(7,24,51,.34) 18%, rgba(7,24,51,0) 48%) !important;
}
.media-viewer-story-title{
  top:24px !important;
  left:72px !important;
  right:72px !important;
  color:#FFFFFF !important;
  font-size:27px !important;
  line-height:1.06 !important;
  font-weight:950 !important;
  letter-spacing:-.038em !important;
  text-align:center !important;
  text-shadow:0 2px 14px rgba(0,0,0,.42) !important;
}
.media-viewer-story-card .media-viewer-photo-counter,
.media-viewer-story-counter{
  top:24px !important;
  left:24px !important;
  background:rgba(7,24,51,.46) !important;
  color:#FFFFFF !important;
  box-shadow:0 8px 20px rgba(7,24,51,.18) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
.media-viewer-story-card .media-viewer-photo-nav{
  z-index:16 !important;
  width:50px !important;
  height:50px !important;
  border:1px solid rgba(255,255,255,.76) !important;
  background:rgba(255,255,255,.86) !important;
  color:#071833 !important;
  font-size:34px !important;
  font-weight:950 !important;
  box-shadow:0 12px 26px rgba(7,24,51,.16) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
.media-viewer-story-card .media-viewer-photo-nav.prev{left:18px !important;}
.media-viewer-story-card .media-viewer-photo-nav.next{right:18px !important;}
.media-viewer-story-card .media-viewer-photo-nav:hover{
  background:#FFFFFF !important;
  border-color:#FFFFFF !important;
  transform:translateY(-50%) scale(1.03) !important;
}
.media-viewer-story-card .media-viewer-media-footer,
.media-viewer-story-card .media-viewer-photo-meta{
  left:28px !important;
  right:28px !important;
  bottom:24px !important;
  padding:0 58px 0 0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.media-viewer-story-card .media-viewer-photo-uploaded,
.media-viewer-story-card .media-viewer-media-date{
  color:rgba(255,255,255,.94) !important;
  font-size:17px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  text-shadow:0 2px 11px rgba(0,0,0,.48) !important;
  margin:0 0 6px !important;
}
.media-viewer-story-card .media-viewer-photo-comment-display,
.media-viewer-story-card .media-viewer-media-note{
  max-width:min(760px, 100%) !important;
  color:#FFFFFF !important;
  font-size:20px !important;
  line-height:1.24 !important;
  font-weight:900 !important;
  letter-spacing:-.028em !important;
  text-shadow:0 2px 13px rgba(0,0,0,.52) !important;
}
.media-viewer-story-card .media-viewer-media-edit-btn,
.media-viewer-story-card .media-viewer-photo-edit-btn{
  right:0 !important;
  bottom:0 !important;
  background:rgba(255,255,255,.88) !important;
  border-color:rgba(255,255,255,.72) !important;
  box-shadow:0 10px 24px rgba(7,24,51,.16) !important;
}
.media-viewer.is-story-media-viewer .media-viewer-photo-strip{
  margin-top:12px !important;
  padding:8px 0 0 !important;
  background:transparent !important;
}
@media(max-width:700px){
  .media-viewer-story-card{
    border-radius:19px !important;
    aspect-ratio:4 / 5 !important;
    max-height:min(70vh, 640px) !important;
  }
  .media-viewer-story-video-card{
    aspect-ratio:16 / 9 !important;
    max-height:min(70vh, 640px) !important;
  }
  .media-viewer-story-title{
    top:18px !important;
    left:56px !important;
    right:56px !important;
    font-size:20px !important;
    line-height:1.1 !important;
  }
  .media-viewer-story-card .media-viewer-photo-counter,
  .media-viewer-story-counter{
    top:17px !important;
    left:16px !important;
  }
  .media-viewer-story-card .media-viewer-photo-nav{
    width:42px !important;
    height:42px !important;
    font-size:30px !important;
  }
  .media-viewer-story-card .media-viewer-photo-nav.prev{left:10px !important;}
  .media-viewer-story-card .media-viewer-photo-nav.next{right:10px !important;}
  .media-viewer-story-card .media-viewer-media-footer,
  .media-viewer-story-card .media-viewer-photo-meta{
    left:17px !important;
    right:17px !important;
    bottom:15px !important;
    padding-right:48px !important;
  }
  .media-viewer-story-card .media-viewer-photo-uploaded,
  .media-viewer-story-card .media-viewer-media-date{
    font-size:14px !important;
    margin-bottom:4px !important;
  }
  .media-viewer-story-card .media-viewer-photo-comment-display,
  .media-viewer-story-card .media-viewer-media-note{
    font-size:16px !important;
    line-height:1.27 !important;
    max-height:4.9em !important;
    overflow:hidden !important;
  }
}