/* SSZ Featured Cards (Base44-style) */

.ssz-featured{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:22px !important;
}

@media (max-width: 980px){
  .ssz-featured{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
}

.ssz-card{
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(17,24,39,.06);
  padding:16px;
}

.ssz-img{
  display:block;
  margin:-16px -16px 12px;
  position:relative;
}

.ssz-img img{
  width:100%;
  height:170px;
  object-fit:cover;
  display:block;
}

@media (max-width: 980px){
  .ssz-img img{ height:200px; }
}

/* Featured badge */
.ssz-img:after{
  content:"Featured";
  position:absolute;
  top:12px;
  right:12px;
  background:#FDE68A;
  color:#92400E;
  font-weight:900;
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  box-shadow:0 8px 18px rgba(17,24,39,.12);
}

.ssz-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:6px 0 10px;
  font-size:12px;
  color:rgba(17,24,39,.60);
}

.ssz-cat{
  background:#EAF7EF;
  color:#166534;
  font-weight:800;
  font-size:12px;
  padding:4px 10px;
  border-radius:999px;
  line-height:1;
}

.ssz-by:before{
  content:"•";
  margin-right:10px;
  color:rgba(17,24,39,.45);
}

.ssz-title{
  display:block;
  font-weight:900;
  font-size:18px;
  line-height:1.25;
  margin:6px 0 6px;
  color:#111827;
  text-decoration:none;
}

.ssz-excerpt{
  font-size:14px;
  line-height:1.7;
  color:rgba(17,24,39,.70);
  margin-top:6px;
}