/* SSZ Base44-style card grid (v3) */
.ssz-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:22px;
}
@media (max-width: 1024px){
  .ssz-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width: 780px){
  .ssz-grid{ grid-template-columns:1fr; gap:16px; }
}
.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: 780px){
  .ssz-img img{ height:200px; }
}
.ssz-img-placeholder{
  width:100%;
  height:170px;
  background:rgba(17,24,39,.06);
}
@media (max-width: 780px){
  .ssz-img-placeholder{ height:200px; }
}
.ssz-badge{
  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;
}