/* ==========================================================
   Legal pages — Impressum & Datenschutz
   Inherit the site palette, add a comfortable reading layout.
   ========================================================== */

.legal-page {
  padding: clamp(120px, 16vh, 200px) 0 clamp(80px, 12vh, 140px);
  max-width: 760px;
  margin: 0 auto;
}
.legal-page .container { padding: 0 var(--gutter); }

.legal-page .crumb {
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 11px; letter-spacing: 0.24em; text-transform: uppercase;
  color: var(--fg-mute);
  display: inline-flex; align-items: center; gap: 12px;
  margin-bottom: 32px;
}
.legal-page .crumb .bar { width: 24px; height: 1px; background: var(--fg-mute); display: inline-block; }
.legal-page .crumb a { color: var(--fg-mute); }
.legal-page .crumb a:hover { color: #fff; }

.legal-page h1 {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(36px, 5vw, 56px);
  line-height: 1.1;
  letter-spacing: -0.015em;
  margin: 0 0 16px;
}
.legal-page .lead {
  color: var(--fg-soft);
  font-weight: 300;
  font-size: 15px;
  margin: 0 0 56px;
  max-width: 56ch;
}

.legal-page h2 {
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  margin: 48px 0 18px;
  color: #fff;
  border-top: 1px solid var(--hairline);
  padding-top: 28px;
}
.legal-page h2:first-of-type { border-top: 0; padding-top: 0; }
.legal-page h3 {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0;
  margin: 28px 0 10px;
}

.legal-page p,
.legal-page li {
  font-size: 15px;
  line-height: 1.7;
  font-weight: 300;
  color: #cbd0d6;
}
.legal-page ul {
  padding-left: 18px;
  margin: 8px 0 14px;
}
.legal-page li { margin-bottom: 4px; }

.legal-page address {
  font-style: normal;
  font-size: 15px;
  line-height: 1.7;
  color: #fff;
}

.legal-page a {
  border-bottom: 1px solid #2a2a2a;
  transition: border-color .3s var(--ease);
}
.legal-page a:hover { border-color: #fff; }

.legal-page .meta {
  margin-top: 64px;
  padding-top: 28px;
  border-top: 1px solid var(--hairline);
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 10px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--fg-mute);
  display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}

.legal-page .placeholder {
  color: #f1c0c0;
  background: rgba(241,192,192,.06);
  padding: 2px 8px;
  border-radius: 2px;
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 0.85em;
  letter-spacing: 0.04em;
}