.explore-section {
  padding: 0 5% 90px;
  background: var(--bg);
}

.explore-grid {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.explore-card {
  display: flex;
  flex-direction: column;
  min-height: 190px;
  padding: 24px 22px 20px;
  border-radius: 20px;
  border: 1.5px solid var(--border);
  background: var(--white);
  text-decoration: none;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.explore-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  border-color: transparent;
}

.explore-card__tag {
  display: inline-flex;
  align-self: flex-start;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  color: var(--blue);
  background: rgba(26, 111, 191, 0.1);
  padding: 4px 10px;
  border-radius: 50px;
  margin-bottom: 14px;
}

.explore-card h2 {
  font-size: 1.15rem;
  font-weight: 900;
  color: var(--navy);
  margin-bottom: 8px;
  line-height: 1.2;
}

.explore-card p {
  font-size: 13px;
  line-height: 1.6;
  color: var(--muted);
  flex: 1;
}

.explore-card__cta {
  margin-top: 16px;
  font-size: 12.5px;
  font-weight: 800;
  color: var(--blue);
}

.explore-card--history { border-top: 3px solid #1a6fbf; }
.explore-card--nameday { border-top: 3px solid #0ea5e9; }
.explore-card--fact { border-top: 3px solid #10b981; }
.explore-card--trivia { border-top: 3px solid #8b5cf6; }
.explore-card--game { border-top: 3px solid #a855f7; }
.explore-card--tool { border-top: 3px solid #f59e0b; }
.explore-card--quote { border-top: 3px solid #ec4899; }
.explore-card--poll { border-top: 3px solid #6366f1; }
.explore-card--countdown { border-top: 3px solid #ef4444; }
.explore-card--blog { border-top: 3px solid #14b8a6; }
.explore-card--search { border-top: 3px solid #64748b; }

@media (max-width: 900px) {
  .explore-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .explore-grid { grid-template-columns: 1fr; }
}
