/* ============================================================
   KimaraCode - Legal pages (imprint, privacy, FAQ)
   Layers on tokens.css + layout.css.
   ============================================================ */

/* ============================================================
   Legal pages (Impressum, Datenschutz)
   ============================================================ */
.kc-legal { padding: 48px 0 80px; }
.kc-legal-content { max-width: 640px; margin: 0 auto; }
.kc-legal h1 {
  font-size: var(--t-3xl);
  margin: 0 0 12px;
  letter-spacing: var(--tracking-tight);
  font-family: var(--font-sans);
  font-weight: 600;
  overflow-wrap: break-word;
  hyphens: auto;
}
.kc-legal .subtitle { font-size: var(--t-md); color: var(--fg2); margin: 0 0 16px; }
.kc-legal .note { font-size: var(--t-sm); color: var(--fg3); margin: 0 0 40px; line-height: var(--leading-body); }
.kc-legal section { margin-bottom: 32px; }
.kc-legal section:last-child { margin-bottom: 0; }
.kc-legal section h2 {
  font-size: var(--t-xs);
  font-weight: 500;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--fg3);
  margin: 0 0 10px;
  font-family: var(--font-sans);
  line-height: var(--leading-snug);
  overflow-wrap: anywhere;
}
.kc-legal section p,
.kc-legal section address {
  font-size: 0.9375rem;
  line-height: var(--leading-body);
  color: var(--fg1);
  margin: 0 0 8px;
  font-style: normal;
}
.kc-legal section ul { font-size: 0.9375rem; line-height: var(--leading-body); padding-left: 1.25em; margin: 0 0 8px; }
.kc-legal section li { margin: 0 0 4px; }
.kc-legal section p:last-child,
.kc-legal section address:last-child,
.kc-legal section ul:last-child { margin-bottom: 0; }
.kc-legal hr { border: 0; border-top: 1px solid var(--rule); margin: 32px 0; }
.kc-legal code { background: var(--rule-soft); padding: 1px 6px; border-radius: var(--r-1); color: var(--fg2); font-size: 0.875em; }

/* FAQ: the question carries the weight, the answer steps back one. */
.kc-faq section h2 {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: var(--tracking-flat);
  text-transform: none;
  color: var(--fg1);
  margin: 0 0 8px;
}
.kc-faq section p { color: var(--fg2); }