.sts-wrap{
  --sts-gap:10px;
  width:calc(100% - 32px);
  max-width:1720px;
  margin:10px auto 12px;
  padding:10px 12px;
  box-sizing:border-box;
  background:#0b0b0b;
  border:1px solid #252525;
  box-shadow:none;
  font-family:inherit;
}
.sts-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 8px;
}
.sts-label{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0;
  background:transparent;
  color:#c49b54!important;
  text-decoration:none!important;
  font-size:10px;
  font-weight:850;
  line-height:1;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.sts-label:hover{color:#d7b46f!important}
.sts-more{
  margin-left:auto;
  color:#b9b9b9!important;
  text-decoration:none!important;
  font-size:10px;
  font-weight:700;
  line-height:1;
  letter-spacing:.03em;
  text-transform:uppercase;
  white-space:nowrap;
  transition:color .16s ease;
}
.sts-more:hover{color:#c49b54!important}
.sts-more span{margin-left:4px}
.sts-controls{display:none!important}
.sts-track{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:var(--sts-gap);
  overflow:visible;
  padding:0;
}
.sts-card{
  min-width:0;
  margin:0!important;
}
.sts-card-link{
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  min-height:76px;
  height:100%;
  background:#141414;
  color:#fff!important;
  text-decoration:none!important;
  border:1px solid #292929;
  overflow:hidden;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease;
}
.sts-card-link:hover{
  background:#1b1b1b;
  border-color:#3a3a3a;
  transform:translateY(-1px);
}
.sts-thumb{
  display:block;
  width:104px;
  height:76px;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  background-color:#111;
}
.sts-thumb-fallback{background:linear-gradient(135deg,#111,#323232)}
.sts-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  padding:7px 9px;
}
.sts-meta{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  font-size:8px;
  line-height:1.1;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.sts-cat{
  font-weight:850;
  color:#f2f2f2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sts-date{color:#858585;white-space:nowrap}
.sts-title{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  color:#fff;
  font-size:12px;
  line-height:1.22;
  font-weight:750;
  letter-spacing:-.01em;
}
.sts-error{padding:12px;border:1px solid #713b3b;background:#241717;color:#ffd4d4}

/* Tablet and mobile: keep swipe scrolling, but only for the same five articles. */
@media (max-width:899px){
  .sts-wrap{width:calc(100% - 20px);margin:8px 10px 10px;padding:9px 10px}
  .sts-head{margin-bottom:7px}
  .sts-label{font-size:9px;min-height:23px;padding:0}
  .sts-more{font-size:9px}
  .sts-track{
    display:flex;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    scroll-behavior:smooth;
    scrollbar-width:none;
    padding:0;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
  .sts-track::-webkit-scrollbar{display:none}
  .sts-card{flex:0 0 270px;scroll-snap-align:start}
  .sts-card-link{grid-template-columns:94px minmax(0,1fr);min-height:70px}
  .sts-thumb{width:94px;height:70px}
  .sts-copy{padding:6px 8px;gap:4px}
  .sts-title{font-size:12px}
}

/* Bimber / AdAce wrapper integration: let the strip use the full content width. */
.g1-advertisement-after-featured-content .g1-row-inner,
.g1-advertisement-after-featured-content .g1-column,
.g1-advertisement-after-featured-content .adace-slot-wrapper,
.g1-advertisement-after-featured-content .adace-slot,
.g1-advertisement-after-featured-content [class*="adace_ad_"]{
  padding-left:0!important;
  padding-right:0!important;
}
.g1-advertisement-after-featured-content .g1-column,
.g1-advertisement-after-featured-content .adace-slot-wrapper,
.g1-advertisement-after-featured-content .adace-slot,
.g1-advertisement-after-featured-content [class*="adace_ad_"]{
  margin-left:0!important;
  margin-right:0!important;
  width:100%!important;
  max-width:none!important;
}
.g1-advertisement-after-featured-content .sts-wrap{
  width:100%!important;
  max-width:1720px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Mobile gutter: keep the entire strip 10px away from both viewport/content edges.
   This comes after the Bimber/AdAce integration rules so it wins their !important overrides. */
@media (max-width:899px){
  .g1-advertisement-after-featured-content .sts-wrap,
  .sts-wrap{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    margin-left:10px!important;
    margin-right:10px!important;
    box-sizing:border-box!important;
  }
}