/* Minimal extra styles for legal pages */
.legal-hero {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.legal-section {
  background: var(--faf7f0);
}

.legal-article {
  background: var(--white);
  border: 1px solid var(--d9d9d9);
  border-radius: 12px;
  padding: 32px;
}

.legal-article h2 {
  margin: 28px 0 12px;
  font-size: 28px;
  line-height: 34px;
}

.legal-article p,
.legal-article li {
  color: var(--3c5240);
  line-height: 28px;
}

.legal-list {
  margin: 8px 0 16px 22px;
}

.legal-note {
  font-size: 14px;
  color: var(--555855);
  background: var(--f0f2f4);
  padding: 10px 12px;
  border-radius: 8px;
}

.legal-updated {
  margin-top: 22px;
  font-size: 14px;
  color: var(--555855);
}

.lead {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 12px;
}

.legal-center {
  text-align: left;
}

.thanks-actions {
  margin-top: 22px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .legal-article { padding: 20px; }
}