.home-hero {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.5rem;
}

.widget-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
}

.widget-placeholder {
  border: 1px dashed rgba(255, 255, 255, 0.2);
  color: var(--color-text-muted);
  text-align: center;
  padding: 2rem 1.5rem;
}