/* Shared look for the text pages (privacy, terms, support): Twilight peach, like the app. */
:root {
  color-scheme: light;
  --apricot: #F6C9A8; --blush: #E9B9B4; --lavender-sky: #B9A7D9;
  --ink: #3B2348; --ink-soft: #6E5878; --card: rgba(255, 246, 236, .9); --bg: #F6C9A8;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark; --apricot: #6B4E73; --blush: #4A3A68; --lavender-sky: #2C2650;
    --ink: #FFF3E8; --ink-soft: #D5C6DA; --card: rgba(255, 246, 236, .10); --bg: #1E1B3A;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark; --apricot: #6B4E73; --blush: #4A3A68; --lavender-sky: #2C2650;
  --ink: #FFF3E8; --ink-soft: #D5C6DA; --card: rgba(255, 246, 236, .10); --bg: #1E1B3A;
}
* { box-sizing: border-box; }
html { background: var(--bg); }
body {
  margin: 0; color: var(--ink); min-height: 100vh;
  background: linear-gradient(180deg, var(--apricot) 0%, var(--blush) 45%, var(--lavender-sky) 100%);
  font: 17px/1.6 -apple-system, BlinkMacSystemFont, system-ui, sans-serif; -webkit-font-smoothing: antialiased;
}
.top { max-width: 760px; margin: 0 auto; padding: 20px 16px 0; }
.top a { display: inline-flex; align-items: center; gap: 10px; text-decoration: none;
         font-family: ui-serif, "New York", Georgia, serif; font-weight: 600; font-size: 18px; }
.top img { width: 34px; height: 34px; border-radius: 8px; }
main { max-width: 760px; margin: 16px auto 0; padding: 32px 28px 40px; background: var(--card); border-radius: 28px; }
@media (max-width: 800px) { main { margin: 16px 16px 0; padding: 24px 20px 32px; } }
h1, h2 { font-family: ui-serif, "New York", Georgia, serif; font-weight: 600; letter-spacing: -.01em; }
h1 { font-size: 32px; line-height: 1.15; margin: 0 0 4px; }
h2 { font-size: 21px; margin-top: 32px; }
.updated { color: var(--ink-soft); margin: 0 0 24px; }
li { margin: 6px 0; }
a { color: inherit; }
.foot { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; font-size: 15px; }