/* Import Handlee font */
@import url('https://fonts.googleapis.com/css2?family=Handlee&display=swap');

/* Front grid 3x2, minimalist mint design */
.sig-grid-front{
  font-family: 'Handlee', cursive;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.sig-card-front{
  display:flex; flex-direction:column; gap:6px;
  text-decoration:none; color:inherit; background:#fff;
  border:2px solid #d1f1e1; border-radius:12px; overflow:hidden;
  /* No box-shadow, no hover effects for minimalist look */
}
.sig-thumb{ aspect-ratio:1/1; background:#fff; display:block; }
.sig-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Centered title with mint link color */
.sig-title{
  text-align:center;
  padding:10px 10px 12px;
}
.sig-title a, .sig-title a:visited{
  color:#7cc6b2;
  text-decoration:none;
  font-weight:800;
  font-size:1.1rem; /* slightly larger title */
}
/* No hover/active/focus color changes */
.sig-title a:hover, .sig-title a:active, .sig-title a:focus{
  color:#7cc6b2;
  text-decoration:none;
}

@media (max-width: 900px){
  .sig-grid-front{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px){
  .sig-grid-front{ grid-template-columns:1fr; }
}