/* ──────────────────────────────────────────────────────────────
   Legal pages (Impressum, Datenschutz) — readable long-form + print.
   Loaded only on /impressum and /datenschutz (see layout/public.php).
   ────────────────────────────────────────────────────────────── */

.legal-page { padding: var(--space-7, 48px) 0 var(--space-8, 64px); }
.legal-page__inner { font-size: 16px; line-height: 1.65; color: var(--ink, #0a0a0a); }

.legal-page__inner h1 { font-size: 32px; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 28px; }
.legal-page__inner h2 {
  font-size: 21px; font-weight: 700; margin: 36px 0 12px;
  padding-top: 22px; border-top: 1px solid var(--line, #e5e5e5);
}
.legal-page__inner h2:first-of-type { border-top: 0; padding-top: 0; margin-top: 8px; }
.legal-page__inner h3 { font-size: 18px; font-weight: 600; margin: 22px 0 8px; }
.legal-page__inner h4 { font-size: 16px; font-weight: 600; margin: 16px 0 4px; color: var(--ink-2, #525252); }
.legal-page__inner h5 { font-size: 15px; font-weight: 600; margin: 12px 0 4px; color: var(--ink-2, #525252); }
.legal-page__inner p  { margin: 0 0 12px; }
.legal-page__inner ul, .legal-page__inner ol { margin: 8px 0 16px; padding-left: 24px; }
.legal-page__inner li { margin: 4px 0; }
.legal-page__inner strong { font-weight: 600; }
.legal-page__inner code { font-family: var(--font-mono); font-size: .92em; background: var(--bg-sunken, #f4f4f5); padding: 1px 5px; border-radius: 3px; }
.legal-page__inner a {
  color: var(--accent-strong, #1d4ed8); text-decoration: underline;
  text-underline-offset: 2px; word-break: break-word;
}
.legal-page__inner a:hover { text-decoration: none; }

.legal-page__footer { margin-top: 44px; padding-top: 22px; border-top: 1px solid var(--line, #e5e5e5); }

/* Print: just the content, no site chrome; reveal link targets. */
@media print {
  .topnav, .footer, .mobile-menu, .skip-to-main, .toast-host { display: none !important; }
  .legal-page { padding: 0; }
  .legal-page__inner { max-width: 100%; font-size: 11pt; line-height: 1.5; color: #000; }
  .legal-page__inner h1 { font-size: 20pt; }
  .legal-page__inner h2 { font-size: 14pt; }
  .legal-page__inner h3 { font-size: 12pt; }
  .legal-page__inner h4, .legal-page__inner h5 { font-size: 11pt; }
  .legal-page__inner a { color: #000; text-decoration: none; }
  .legal-page__inner a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; color: #555; }
}