/* Unified news cards */

.sp-news-card-scroll,
.sp-news-card-grid{
  min-width:0;
  max-width:100%;
}

.sp-news-card-scroll{
  width:100%;
  overflow:visible;
}

.sp-news-card-grid{
  display:grid;
  gap:18px;
}

.sp-news-card-grid--four{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.sp-news-card-grid--three{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.sp-news-card{
  overflow:hidden;
  min-width:0;
  height:100%;
  border:1px solid var(--sp-card-border);
  border-radius:var(--sp-radius-lg);
  background:var(--sp-white-04);
  box-shadow:var(--sp-shadow-soft);
  transition:
    transform var(--sp-transition-fast),
    border-color var(--sp-transition-fast),
    background var(--sp-transition-fast);
}

.sp-news-card:hover{
  transform:translateY(-2px);
  border-color:var(--sp-card-border-hover);
  background:var(--sp-gradient-card-hover);
}

.sp-news-card__link{
  display:flex;
  min-height:100%;
  flex-direction:column;
  color:inherit;
  text-decoration:none;
}

.sp-news-card__image{
  display:block;
  overflow:hidden;
  width:100%;
  aspect-ratio:16 / 9;
  margin:0;
  background:var(--sp-gradient-media-placeholder);
}

.sp-news-card__image picture{
  display:block;
  width:100%;
  height:100%;
}

.sp-news-card__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s var(--sp-ease);
}

.sp-news-card:hover .sp-news-card__image img{
  transform:scale(1.045);
}

.sp-news-card__placeholder{
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  color:var(--sp-white-62);
  font-size:var(--sp-fs-xs);
  font-weight:var(--sp-fw-black);
  letter-spacing:.18em;
  text-transform:uppercase;
}

.sp-news-card__body{
  display:flex;
  flex:1;
  flex-direction:column;
  gap:11px;
  padding:16px;
}

.sp-news-card__title{
  display:-webkit-box;
  overflow:hidden;
  min-height:calc(1.13em * 3);
  margin:0;
  font-family:var(--sp-font-post-title);
  color:var(--sp-text);
  font-size:var(--sp-fs-lg);
  font-weight:var(--sp-fw-medium);
  font-style:italic;
  line-height:1.13;
  letter-spacing:-.025em;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}

.sp-news-card__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px 10px;
  color:var(--sp-muted);
  font-size:var(--sp-fs-xs);
  font-weight:var(--sp-fw-norm);
  line-height:1.25;
}

.sp-news-card__meta-item{
  display:inline-flex;
  min-width:0;
  align-items:center;
  gap:5px;
}

.sp-news-card__meta-date{
  color:var(--sp-text-soft);
}

.sp-news-card__meta-icon{
  width:15px;
  height:15px;
  flex:0 0 15px;
  opacity:.9;
}

.sp-news-card__meta-icon--rating{
  color:#facc15;
}

.sp-news-card__meta-rating{
  color:var(--sp-text-soft);
}

.sp-news-card__badges{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:6px;
  min-width:0;
  max-width:100%;
  margin-top:auto;
  overflow:hidden;
  white-space:nowrap;
}

.sp-news-card__badge{
  display:inline-flex;
  flex:0 0 auto;
  max-width:100%;
  min-height:26px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:5px 8px;
  border:1px solid var(--sp-card-border);
  border-radius:var(--sp-radius-pill);
  background:var(--sp-white-04);
  color:var(--sp-muted);
  font-size:var(--sp-fs-xs);
  font-weight:var(--sp-fw-norm);
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.sp-news-card__badge.is-hidden{
  display:none;
}

.sp-news-card__badge-more{
  display:inline-flex;
  width:26px;
  min-width:26px;
  padding-inline:0;
  color:var(--sp-accent);
  font-weight:var(--sp-fw-black);
}

.sp-news-card__badge-more[hidden]{
  display:none;
}

.sp-news-card__badge--category{
  color:var(--sp-accent);
}

.sp-news-card__badge--team{
  color:var(--sp-muted);
}

@media (max-width:1200px){
  .sp-news-card-grid--four{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .sp-news-card-grid--three{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:1024px){
  .sp-news-card-grid--four{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:767px){
  .sp-news-card-scroll{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    margin-inline:0;
    padding-inline:0;
    padding-bottom:4px;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  .sp-news-card-scroll::-webkit-scrollbar{
    display:none;
  }

  .sp-news-card-grid,
  .sp-news-card-grid--four,
  .sp-news-card-grid--three{
    display:flex;
    width:100%;
    max-width:none;
    min-width:0;
    gap:14px;
    grid-template-columns:none;
  }

  .sp-news-card{
    width:85%;
    min-width:85%;
    max-width:85%;
    flex:0 0 85%;
    border-radius:var(--sp-radius-mobile);
  }

  .sp-news-card:last-child{
    margin-right:1px;
  }

  .sp-news-card__image{
    aspect-ratio:1 / 1;
  }

  .sp-news-card--image-generated .sp-news-card__image img,
  .sp-news-card--image-manual-right .sp-news-card__image img{
    object-position:right center;
  }

  .sp-news-card--image-manual-left .sp-news-card__image img{
    object-position:left center;
  }

  .sp-news-card--image-manual-center .sp-news-card__image img{
    object-position:center center;
  }

  .sp-news-card__body{
    gap:10px;
    padding:14px;
  }

  .sp-news-card__title{
    font-size:var(--sp-fs-lg);
  }

  .sp-news-card__meta{
    gap:6px 9px;
    font-size:var(--sp-fs-xs);
  }
}

@media (hover:none), (pointer:coarse){
  .sp-news-card:hover{
    transform:none;
  }

  .sp-news-card:hover .sp-news-card__image img{
    transform:none;
  }
}