/* SuperGhost legal pages — Nocturne dark theme, readable on phones (opened from the app). */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

:root {
  --bg: #161826;
  --surface: #232532;
  --text: #e9e9ed;
  --muted: #b2b6ca;
  --faint: #9397ab;
  --accent: #b5abfc;
  --accent-ink: #d2cefd;
  --divider: rgba(233, 233, 237, 0.14);
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 400 16px/1.65 "Inter", system-ui, sans-serif;
}
main { max-width: 720px; margin: 0 auto; padding: 40px 16px 64px; }

.kicker { margin: 0; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent); font-weight: 500; }
h1 { margin: 6px 0 4px; font-size: 32px; font-weight: 500; letter-spacing: -0.015em; line-height: 1.15; }
.meta { margin: 0 0 28px; color: var(--faint); font-size: 14px; }
h2 { margin: 36px 0 8px; font-size: 20px; font-weight: 500; }
h3 { margin: 22px 0 4px; font-size: 16px; font-weight: 600; color: var(--accent-ink); }
p, li { color: var(--muted); }
strong { color: var(--text); font-weight: 600; }
ul { padding-left: 20px; }
li { margin: 4px 0; }
a { color: var(--accent-ink); text-underline-offset: 3px; overflow-wrap: anywhere; }

.summary {
  background: var(--surface);
  border: 1px solid var(--accent);
  border-radius: 14px;
  padding: 4px 20px 12px;
  margin-bottom: 28px;
}
.summary h2 { margin-top: 16px; }

table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 8px 0; }
th { text-align: left; font-weight: 500; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--faint); }
th, td { padding: 10px 8px 10px 0; border-bottom: 1px solid var(--divider); vertical-align: top; color: var(--muted); }

.footer { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--divider); font-size: 14px; }