/* shared skin for the static legal pages — mirrors the app's tokens */
:root {
  --bg: #fff6f0;
  --ink: #4a3b47;
  --ink-soft: #8a7484;
  --rose: #e8637e;
  --card: #ffffff;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  line-height: 1.6;
}
.wrap { max-width: 640px; margin: 0 auto; padding: 32px 24px 64px; }
h1, h2, .logo { font-family: 'Baloo 2', system-ui, sans-serif; letter-spacing: -0.01em; }
h1 { font-size: 1.9rem; margin: 28px 0 4px; }
h2 { font-size: 1.15rem; margin: 28px 0 8px; }
a { color: var(--rose); }
nav { display: flex; gap: 18px; align-items: center; }
nav a { text-decoration: none; font-family: 'Baloo 2', system-ui, sans-serif; }
nav .logo { font-size: 1.1rem; color: var(--ink); }
.updated { color: var(--ink-soft); font-size: 0.85rem; margin-top: 0; }
li { margin: 6px 0; }
footer { margin-top: 48px; color: var(--ink-soft); font-size: 0.8rem; }
footer a { color: var(--ink-soft); }