/* =========================================================
   geschichte-fuer-kids.de — legal.css
   Styles for the legal pages (Impressum, Datenschutz).
   Loaded after /site.css.
   ========================================================= */
.legal-hero .hero-panel { padding-block: clamp(28px, 4vw, 48px); }
.legal-hero h1 { font-size: clamp(2rem, 4vw, 3rem); }
.legal-section { padding-top: clamp(28px, 4vw, 44px); }
.legal-card {
  max-width: 820px; margin-inline: auto; padding: clamp(24px, 4vw, 48px);
  border-radius: var(--r-lg); background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow-lg);
}
.legal-card h2 { font-size: clamp(1.15rem, 2vw, 1.35rem); margin: 28px 0 8px; color: var(--ink); }
.legal-card h2:first-child { margin-top: 0; }
.legal-card p + p { margin-top: 16px; }
.legal-card h3 { font-size: 1.05rem; margin: 20px 0 6px; }
.legal-card p, .legal-card li { color: #d9d2ee; line-height: 1.7; }
.legal-card ul { padding-left: 20px; }
.legal-card a { color: var(--lilac); overflow-wrap: anywhere; }
.legal-meta { margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--line); font-size: .92rem; color: var(--mute) !important; }
.foot-legal a[aria-current="page"] { color: var(--ink); }