.legal-shell {
  width: min(calc(100% - 24px), 820px);
  margin: 0 auto;
  padding: 18px 0 40px;
}

.legal-card {
  display: grid;
  gap: 16px;
  padding: clamp(22px, 5vw, 44px);
  background: rgba(255, 253, 249, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow);
}

.legal-card h1 {
  margin-bottom: 4px;
}

.legal-card h2 {
  margin-top: 10px;
}

.legal-card p,
.legal-card li {
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.7;
}

.legal-card ul,
.legal-card ol {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 24px;
}

.legal-card a,
.legal-nav a {
  color: var(--accent-strong);
  font-weight: 700;
}

.legal-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
  padding: 22px 12px 0;
}

@media (max-width: 540px) {
  .legal-card {
    padding: 22px 18px;
    border-radius: 20px;
  }
}