/* PAGE WRAP */
.legal-page {
  width: min(900px, 92%);
  margin: 30px auto 50px auto;
}

/* CARD */
.legal-card {
  padding: 30px 28px;
  border-top: 4px solid var(--orange);
}

/* HEADER */
.legal-kicker {
  color: var(--orange);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 1px;
  margin-bottom: 6px;
}

.legal-title {
  margin: 0 0 10px 0;
}

.legal-date {
  color: var(--text-soft);
  font-size: 0.9rem;
  margin-bottom: 18px;
}

.legal-intro {
  line-height: 1.75;
  color: var(--text);
  margin-bottom: 22px;
}

/* SECTIONS */
.legal-section {
  margin-bottom: 22px;
}

.legal-section h2 {
  font-size: 1.15rem;
  margin-bottom: 8px;
}

.legal-section p {
  color: var(--text-soft);
  line-height: 1.75;
}

.legal-section ul {
  padding-left: 18px;
  margin: 8px 0 0 0;
}

.legal-section li {
  margin-bottom: 6px;
  color: var(--text-soft);
  line-height: 1.6;
}

/* MOBILE */
@media (max-width: 768px) {
  .legal-card {
    padding: 22px 16px;
  }

  .legal-title {
    font-size: 1.6rem;
  }

  .legal-section h2 {
    font-size: 1.05rem;
  }

  .legal-section p,
  .legal-section li {
    font-size: 0.95rem;
  }
}