/* The privacy policy and support pages: the style guide's navy, on Paper. */
:root {
  --navy: #14213d;
  --navy-lift: #1f3a66;
  --green: #2f9e6a;
  --paper: #f2f4f7;
  --text: #14213d;
  --muted: #5f6b80;
  --rule: #dfe3ea;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { font: 400 17px/1.6 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: var(--text); background: var(--paper); }
header { background: linear-gradient(170deg, var(--navy-lift), var(--navy) 70%); color: #fff; padding: 28px 16px 32px; }
header .inner, main { max-width: 44rem; margin: 0 auto; }
header a.home { display: inline-flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; font: 800 24px/1 Nunito, sans-serif; letter-spacing: -0.025em; }
header a.home img { width: 32px; height: 32px; border-radius: 8px; }
header h1 { font: 700 34px/1.15 Inter, sans-serif; letter-spacing: -0.02em; margin: 26px 0 6px; }
header p { margin: 0; color: rgba(255, 255, 255, 0.74); }
main { padding: 8px 16px 48px; }
h2 { font-size: 21px; letter-spacing: -0.01em; margin: 36px 0 8px; }
h3 { font-size: 17px; margin: 22px 0 4px; }
p, li { color: #2c3547; }
ul { padding-left: 1.2em; }
li { margin: 4px 0; }
a { color: var(--green); }
.card { background: #fff; border-radius: 16px; padding: 18px 20px; margin-top: 20px; }
.card p { margin: 6px 0 0; }
footer { max-width: 44rem; margin: 0 auto; padding: 24px 16px 40px; border-top: 1px solid var(--rule); color: var(--muted); font-size: 14px; }
footer a { color: var(--muted); }