/* get_vets.css - polish for /get-vets (pairs with liquidity.css + components.css) */

.get-vets-container .page-hero {
  background:
    linear-gradient(135deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.30)),
    image-set(
      url("/static/images/get-vets-banner.webp") type("image/webp"),
      url("/static/images/hero-bg.png") type("image/png")
    );
  background-size: cover;
  background-position: center;
}

.get-vets-container .get-vets-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.9rem;
}

.get-vets-kv {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
  margin-top: 0.9rem;
}

.get-vets-kv .kv {
  border-radius: 14px;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: rgba(255, 255, 255, 0.72);
}

body.dark-mode .get-vets-kv .kv {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(15, 20, 28, 0.65);
}

.get-vets-kv .kv-label {
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.78;
}

.get-vets-kv .kv-value {
  margin-top: 0.4rem;
  font-weight: 800;
}

.get-vets-checklist,
.get-vets-steps {
  max-width: 80ch;
}

@media (max-width: 960px) {
  .get-vets-kv {
    grid-template-columns: 1fr;
  }
}