.ts-wrap, .ts-wrap *{
  box-sizing:border-box !important;
  font-style:normal !important;
}

.ts-wrap{ margin-bottom:20px; !important }

.ts-wrap.ts-list .ts-card{ margin:18px 0 !important; }

.ts-wrap.ts-grid{
  display:grid !important;
  grid-template-columns:repeat(var(--ts-cols,2), minmax(0,1fr)) !important;
  gap:var(--ts-gap,18px) !important;
  align-items:start !important;
  align-items:stretch !important; 

}
.ts-wrap.ts-grid .ts-card{ 
  margin:0 !important;
  height:100% !important; 
 }

.ts-wrap .ts-card{
  border:1px solid #e6e6e6 !important;
  background:#fff !important;
  overflow:hidden !important;
  min-width:0 !important;
}

.ts-wrap .ts-head{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  justify-content:space-between !important;
  background:#0b4fb3 !important;
  color:#fff !important;
  padding:12px 14px !important;
  min-width:0 !important;
}

.ts-wrap .ts-rank{
  font-size:30px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.ts-wrap .ts-title{
  font-size:25px !important;
  font-weight:700 !important;
  flex:1 !important;
  min-width:0 !important;
  color:#fff !important;
  text-decoration:underline !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.ts-wrap .ts-title-link:hover{ text-decoration:underline !important; }

.ts-wrap .ts-btn{
  background:#fff !important;
  color:#0b4fb3 !important;
  text-decoration:none !important;
  font-weight:800 !important;
  padding:7px 14px !important;
  border:2px solid #fff !important;
  white-space:nowrap !important;
  display:inline-flex !important;
  align-items:center !important;
}

.ts-wrap .ts-body{
  display:grid !important;
  grid-template-columns:200px minmax(0,1fr) !important;
  gap:12px !important;
  padding:12px 14px !important;
  min-width:0 !important;
}

.ts-wrap.ts-grid .ts-body{
  grid-template-columns:minmax(0,1fr) !important;
}

.ts-wrap .ts-image,
.ts-wrap .ts-image-link{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
}

.ts-wrap .ts-img{
  height:220px !important;     
  padding:8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#f7f7f7 !important;
  border:1px solid #eee !important;
}

.ts-wrap .ts-image{ 
  aspect-ratio: 16 / 9 !important;  
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px !important;
}
.ts-wrap .ts-image .ts-img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

.ts-wrap .ts-fields{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:10px !important;
  min-width:0 !important;
}

.ts-wrap .ts-lbl{
  font-size:11px !important;
  opacity:.65 !important;
  font-weight:700 !important;
  color:#111 !important;
}

.ts-wrap .ts-val{
  font-size:15px !important;
  font-weight:800 !important;
  margin-top:3px !important;
  color:#111 !important;
}
.ts-wrap.ts-grid{ 
  align-items:stretch !important; 
}



@media (max-width: 900px){
  .ts-wrap.ts-grid{
    grid-template-columns:1fr !important;
  }

  .ts-wrap .ts-body{
    grid-template-columns:1fr !important;
  }

  .ts-wrap .ts-fields{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  .ts-wrap .ts-head{
    flex-wrap:wrap !important;
  }

  .ts-wrap .ts-title{
    white-space:normal !important;
  }

  .ts-wrap .ts-image .ts-img{
    max-height:160px !important;
  }
  .ts-wrap .ts-image{ 
    height:160px !important; 
  }
}