/* Skip Uses — "Never in a Skip" warning cards */

.hazard-cards {
  background: var(--color-dark);
  padding-block: 4rem 4.5rem;
}

.hazard-cards__sub {
  margin-top: var(--space-3);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.625;
  color: var(--color-text-soft);
}

.hazard-cards__grid {
  display: grid;
  gap: 1.0625rem;
  max-width: 64rem;
  margin: 2.5rem auto 0;
}

.hazard-cards__card {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: flex-start;
  padding: 1.75rem;
  background: var(--color-dark-card);
  border: 1px solid var(--color-dark-border);
  border-radius: var(--radius);
}

.hazard-cards__card img { padding-bottom: 0.25rem; }

.hazard-cards__card h3 {
  padding-top: 0.25rem;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  color: #fff;
}

.hazard-cards__card p {
  font-size: 0.8125rem;
  line-height: 1.6;
  color: var(--color-text-grey);
}

@media (min-width: 860px) {
  .hazard-cards__grid { grid-template-columns: repeat(3, 1fr); }
}