.s10-top-stories-module {
  overflow: hidden;
  border: 1px solid #dbe3ef;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(25, 52, 94, .08);
}

.s10-top-stories-module .card-header,
.s10-top-stories-module > h3,
.s10-top-stories-module .moduletable-title {
  margin: 0;
  padding: 15px 18px;
  border: 0;
  background: linear-gradient(135deg, #17347e 0%, #2454a6 100%);
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.s10-top-stories-module .card-body { padding: 0; }
.s10-top-stories-module .card-header::before,
.s10-top-stories-module > h3::before,
.s10-top-stories-module .moduletable-title::before { display: none !important; content: none !important; }

.s10-top-stories {
  padding: 0 18px 16px;
}

.s10-top-stories__tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0 0 8px;
  border: 1px solid #d9e0ea;
  border-top: 0;
}

.s10-top-stories__tab {
  min-height: 64px;
  border: 0;
  border-top: 4px solid transparent;
  background: #eef1f5;
  color: #708096;
  cursor: pointer;
  transition: color .2s ease, background .2s ease, border-color .2s ease;
}

.s10-top-stories__tab + .s10-top-stories__tab { border-left: 1px solid #d9e0ea; }
.s10-top-stories__tab:hover { color: #17347e; background: #f7f9fc; }
.s10-top-stories__tab.is-active { border-top-color: #26364b; background: #fff; color: #172237; }

.s10-top-stories__tab svg {
  display: block;
  width: 27px;
  height: 27px;
  margin: auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.s10-top-stories__tab--hot svg { fill: currentColor; stroke: none; }
.s10-top-stories__panel[hidden] { display: none; }

.s10-top-stories__item {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #d8dde5;
}

.s10-top-stories__thumb {
  display: block;
  width: 88px;
  height: 72px;
  overflow: hidden;
  border-radius: 7px;
  background: #edf1f6;
}

.s10-top-stories__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}

.s10-top-stories__item:hover img { transform: scale(1.045); }
.s10-top-stories__body { min-width: 0; }

.s10-top-stories__title {
  display: -webkit-box;
  overflow: hidden;
  margin: 1px 0 7px;
  color: #162849;
  font-size: .94rem;
  font-weight: 560;
  line-height: 1.28;
  text-decoration: none !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.s10-top-stories__title:hover { color: #2f67b2; }
.s10-top-stories__date { color: #748094; font-size: .76rem; }

@media (max-width: 575.98px) {
  .s10-top-stories { padding-inline: 14px; }
  .s10-top-stories__item { grid-template-columns: 78px minmax(0, 1fr); }
  .s10-top-stories__thumb { width: 78px; height: 64px; }
}