/* Shared look for the text pages (help, privacy, legal notice), matching the app's night palette. */
:root {
  --night: #110d1c; --night-2: #1d1633; --line: rgba(199, 170, 255, 0.16);
  --ink: #efe9ff; --muted: #a69cc6; --violet: #b98cff; --gold: #ffd88a;
  --display: 'Marcellus', 'Palatino Linotype', Georgia, serif;
  --body: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { background: var(--night); }
body {
  margin: 0; padding: calc(28px + env(safe-area-inset-top, 0px)) 20px calc(48px + env(safe-area-inset-bottom, 0px));
  background: radial-gradient(110% 60% at 50% 0%, var(--night-2), var(--night) 70%) no-repeat;
  color: var(--ink); font-family: var(--body); font-size: 1rem; line-height: 1.65;
}
main { max-width: 42rem; margin: 0 auto; }
.back { display: inline-block; margin-bottom: 20px; color: var(--muted); text-decoration: none; font-size: 0.9rem; }
.back:hover { color: var(--gold); }
h1 { margin: 0 0 6px; font-family: var(--display); font-weight: 400; font-size: clamp(1.9rem, 6vw, 2.6rem); color: var(--gold); line-height: 1.2; text-wrap: balance; }
.lead { margin: 0 0 28px; color: var(--muted); }
h2 { margin: 34px 0 8px; font-family: var(--display); font-weight: 400; font-size: 1.4rem; text-wrap: balance; }
h3 { margin: 22px 0 4px; font-size: 1rem; }
p, ul, dl { margin: 0 0 12px; }
ul { padding-left: 1.2em; }
li { margin-bottom: 6px; }
a { color: var(--violet); }
a:hover { color: var(--gold); }
strong { color: var(--ink); }
dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; }
dt { color: var(--muted); }
dd { margin: 0; }
@media (max-width: 480px) { dl { grid-template-columns: 1fr; } dd { margin-bottom: 8px; } }
.todo { padding: 1px 6px; border-radius: 6px; background: rgba(255, 216, 138, 0.14); color: var(--gold); font-style: normal; }
.updated { margin-top: 40px; font-size: 0.85rem; color: var(--muted); }
.tip { padding: 14px 16px; border-radius: 14px; border: 1px solid var(--line); background: rgba(255, 255, 255, 0.03); }
