/* Policy pages — shared card foundation (simpler variant) */
:root {
  --policy-card-radius: 16px;
  --policy-card-border: rgba(142, 148, 188, 0.12);
  --policy-card-bg-top: #0e1226;
  --policy-card-bg-bottom: #080b18;
}

.card {
  background: linear-gradient(
    180deg,
    var(--policy-card-bg-top) 0%,
    var(--policy-card-bg-bottom) 100%
  );
  border: 1px solid var(--policy-card-border);
  border-radius: var(--policy-card-radius);
  padding: clamp(1.1rem, 3.5vw, 1.5rem);
  margin-top: clamp(1.1rem, 3.2vw, 1.5rem);
  overflow-wrap: anywhere;
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.2),
    0 12px 28px rgba(0, 0, 0, 0.26);
}

.card > :last-child {
  margin-bottom: 0;
}

.card:hover {
  border-color: var(--policy-card-border);
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.2),
    0 12px 28px rgba(0, 0, 0, 0.26);
  transform: none;
}

@media (max-width: 480px) {
  .card {
    padding: 1.15rem 1.2rem;
  }
}