.ks-related-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:24px;
}

.ks-related-card{
  position:relative;
  border-radius: var(--ks-radius, 16px);
  overflow:hidden;
  background:#f7fbff;
  box-shadow: 0 2px 10px #cecece;
}

.ks-related-card .corner-label-default{
	z-index:1;
}
.ks-related-media{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio: 16 / 9;
  overflow:hidden;
}

.ks-related-media img{
  width:100%;
  height:100%;
  object-fit:fill;
  display:block;
}

.ks-related-badge{
  position:absolute;
  top:14px;
  left:14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background: var(--ks-accent, #F59E0B);
  color:#fff;
  font-weight:600;
  font-size:14px;
  line-height:1;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.ks-related-body{
  padding:18px 18px 22px;
}

.ks-related-title{
  margin:0 0 10px;
  font-size:18px !important;
  line-height:1.3;
  font-weight:700 !important;
}

.ks-related-title a{
  color:#0274BE; /* similar to screenshot link blue */
  text-decoration:none;
}



.ks-related-excerpt{
  margin:0 0 14px;
  color:#475569;
  font-size:14px;
  line-height:1.7;
}

.ks-related-link{
  color:#0f172a;
  font-weight:600;
  font-size:14px;
  text-decoration:none;
}

.ks-related-link:hover{
  text-decoration:underline;
}

/* Responsive */
@media (max-width: 1024px){
  .ks-related-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .ks-related-grid{ grid-template-columns: 1fr; }
}