body { font-family: Arial, sans-serif; margin: 0; }
.wrap { max-width: 900px; margin: 0 auto; padding: 32px 16px; }
.subtitle { opacity: .8; }
.grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin-top: 18px; }
.card {
  display: block; padding: 18px; border: 1px solid #ddd; border-radius: 12px;
  text-decoration: none; color: inherit; background: #fafafa;
}
.card:hover { background: #f2f2f2; }