body {
  margin: 0;
  font-family: Arial, sans-serif;
  background: #10141a;
  color: white;
}

.index-page {
  max-width: 1200px;
  margin: 60px auto;
  padding: 24px;
}

.index-page a {
  color: white;
}

.gem-list {
  margin-top: 30px;

  display: grid;

  grid-template-columns:
    repeat(
      auto-fit,
      minmax(260px, 1fr)
    );

  gap: 16px;
}

.gem-card {
  border: 1px solid #444;
  border-radius: 12px;
  padding: 20px;
}

.gem-card h2 {
  margin-top: 0;
}

.gem-card hr {
  border: none;
  border-top: 1px solid #333;
  margin: 18px 0;
}

.gem-card.undiscovered {
  opacity: 0.55;
}

.gem-description {
  line-height: 1.5;
  opacity: 0.85;
}