/* ==========================================================================
   legal.css — Privacy policy and Terms of Service page styles
   Saunda Marketing Website
   ========================================================================== */

/* --------------------------------------------------------------------------
   Legal Page Layout
   -------------------------------------------------------------------------- */
.legal {
  padding-top: 140px;
  padding-bottom: var(--space-20);
}

.legal__header {
  margin-bottom: var(--space-12);
}

.legal__title {
  margin-bottom: var(--space-3);
  color: var(--color-text-primary);
}

.legal__date {
  font-size: 0.875rem;
  color: var(--color-text-tertiary);
}

/* --------------------------------------------------------------------------
   Legal Body Typography
   -------------------------------------------------------------------------- */
.legal__body h2 {
  font-size: 1.25rem;
  color: var(--color-text-primary);
  margin-top: var(--space-10);
  margin-bottom: var(--space-4);
}

.legal__body p {
  margin-bottom: var(--space-4);
  font-size: 0.9375rem;
  line-height: 1.8;
  color: var(--color-text-secondary);
}

.legal__body ul {
  margin-bottom: var(--space-4);
  padding-left: var(--space-6);
  list-style: disc;
}

.legal__body li {
  margin-bottom: var(--space-2);
  font-size: 0.9375rem;
  line-height: 1.7;
  color: var(--color-text-secondary);
}

.legal__body a {
  color: var(--color-text-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: opacity var(--transition-fast);
}

.legal__body a:hover {
  opacity: 0.8;
}

.legal__body strong {
  color: var(--color-text-primary);
  font-weight: 500;
}