/* The legal pages (privacy-policy, terms-conditions, dpa), rendered from syncy/syncy/legal/templates/website.html. */
.site-nav .back { margin-left: auto; font-size: 0.9375rem; font-weight: 600; text-decoration: none; }
.site-nav .back:hover { text-decoration: underline; text-underline-offset: 0.3em; }

.legal {
  max-width: 50rem;
  margin: 0 auto;
  padding: clamp(2.5rem, 6vw, 4.5rem) var(--pad) clamp(3.5rem, 7vw, 6rem);
  line-height: 1.65;
}

.legal .page-title {
  margin: 0 0 0.75rem;
  font: 700 clamp(2rem, 4vw, 2.75rem) / 1.1 var(--font-head);
  letter-spacing: -0.025em;
}

.legal .last-updated { display: block; margin-bottom: 2.5rem; color: var(--muted); font-size: 0.875rem; }
.legal .section { margin-bottom: 2.5rem; }
.legal .section-title { margin: 0 0 1rem; font: 700 1.375rem / 1.25 var(--font-head); letter-spacing: -0.02em; }
.legal .subsection-title { margin: 1.5rem 0 0.75rem; font: 700 1.125rem / 1.3 var(--font-head); }
.legal p { margin: 0 0 1rem; }
.legal ul, .legal ol { margin: 0 0 1rem; padding-left: 1.5rem; }
.legal li { margin-bottom: 0.5rem; }
.legal a { color: var(--primary); text-underline-offset: 0.15em; }

.legal .contact-info {
  margin: 1rem 0;
  padding: 1rem 1.25rem;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--sunken);
}

.legal .contact-info p:last-child { margin-bottom: 0; }

/* The sub-processors table scrolls sideways on phones instead of squeezing. */
.legal table { display: block; max-width: 100%; margin: 1rem 0; overflow-x: auto; border-collapse: collapse; font-size: 0.9375rem; }
.legal th, .legal td { padding: 0.5rem 0.75rem; border: 1px solid var(--line); text-align: left; vertical-align: top; }
.legal th { background: var(--sunken); }