/* ====== Unified Tiles Sizing (Added by ChatGPT) ====== */
:root{
  --tile-w: 220px;
  --tile-h: 220px;
  --tile-radius: 14px;
  --tile-gap: 14px;
}
.unified-tiles{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--tile-w), 1fr));
  gap: var(--tile-gap);
}
.unified-tile{
  width: var(--tile-w) !important;
  height: var(--tile-h) !important;
  border-radius: var(--tile-radius);
  overflow: hidden;
  position: relative;
  background: #f6f7fb;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.unified-tile img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.unified-tile .tile-icon,
.unified-tile .tile-text{ padding: 10px 12px; line-height: 1.2; }
@media (max-width: 640px){
  :root{ --tile-w: 150px; --tile-h: 150px; }
}

/* Optional: Force common generic cards/images into unified sizing if they carry a data attribute */
[data-unified="true"]{ width: var(--tile-w) !important; height: var(--tile-h) !important; overflow: hidden; border-radius: var(--tile-radius); }
[data-unified="true"] img{ width: 100%; height: 100%; object-fit: cover; display: block; }