/* Translogistik - legal pages (Impressum, Datenschutz). */
/* Header, footer and base come from styles.css; this file only adds the      */
/* legal content layout and its smaller, article-style typography.            */

.legal-page { padding: 150px 0 100px; }
.legal-card {
  background: var(--paper);
  border: 1px solid var(--line);
  padding: clamp(32px, 5vw, 64px);
  max-width: 860px;
  margin: 0 auto;
}

/* Article typography (scoped so it overrides the display sizes in styles.css) */
.legal-card h1 { font-size: clamp(40px, 5vw, 68px); line-height: .95; letter-spacing: -.045em; margin: 0 0 24px; }
.legal-card h2 { font-size: clamp(20px, 2.2vw, 30px); line-height: 1.1; letter-spacing: -.025em; margin: 38px 0 15px; color: var(--graphite); }
.legal-card p, .legal-card li { font-size: 16px; line-height: 1.65; color: var(--muted); }
.legal-card p strong, .legal-card li strong { color: var(--ink); }
.legal-card a { color: var(--red); }

@media (max-width: 800px) {
  .legal-page { padding: 120px 0 70px; }
}