/* PDFlyHQ — layout/legal.css
   Shared shell for Privacy Policy / Terms / Cookie Policy. Same anatomy as
   a tool page — uncarded header (breadcrumb + eyebrow + title), then a
   bordered/shadowed card for the body — so a legal page doesn't read as a
   different product from the tool pages around it. */

.legal-page { max-width: 720px; margin: 0 auto; padding: var(--space-8) var(--space-4) var(--space-16); }

.legal-eyebrow {
  display: inline-block;
  margin-top: var(--space-4);
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-text-secondary);
  background: var(--color-surface-alt);
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-full);
}

.legal-page h1 { font-size: var(--text-2xl); letter-spacing: -0.02em; margin-top: var(--space-3); }
@media (min-width: 768px) { .legal-page h1 { font-size: var(--text-3xl); } }

.legal-updated { margin-top: var(--space-2); color: var(--color-text-muted); font-size: var(--text-sm); }

.legal-card {
  margin-top: var(--space-8);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-md);
  padding: var(--space-6);
}
@media (min-width: 640px) { .legal-card { padding: var(--space-8); } }

.legal-card h2 { margin-top: var(--space-8); margin-bottom: var(--space-3); font-size: var(--text-lg); }
.legal-card > p:first-child, .legal-card h2:first-child { margin-top: 0; }

.legal-card p,
.legal-card li {
  margin-bottom: var(--space-3);
  color: var(--color-text-secondary);
}

.legal-card ul {
  padding-left: var(--space-6);
  list-style: disc;
}

.legal-card a { text-decoration: underline; }
.legal-card strong { color: var(--color-text); }