/* The three plain pages under /app/ — privacy, terms, support.
 *
 * Static HTML on purpose, not routes in app.js: a privacy policy is linked from
 * App Store Connect, from inside the iOS app and from a reviewer's browser,
 * and it has to render for all of them with no script, no session and nothing
 * else on the site working. One stylesheet for the three so they cannot drift.
 * The tokens are style.css's own values (the homepage look), copied rather
 * than imported: style.css is the reader's whole stylesheet and these pages
 * need eight lines of it. */
:root{
  --ink:#0E1726; --ink-soft:#334155; --muted:#7c8f93; --paper:#f0faff;
  --card:#FFFFFF; --line:#d8e6ea; --accent-dark:#2c5ed4; --brand-light:#DCECFE;
  --font-display:"Clash Display", "Plus Jakarta Sans", system-ui, sans-serif;
  --font-body:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font:16px/1.65 var(--font-body)}
.legal{max-width:720px;margin:0 auto;padding:28px 16px 64px}
.legal-top{display:flex;align-items:center;justify-content:space-between;
  gap:12px;margin-bottom:28px}
.legal-top img{height:30px;width:auto;display:block}
.legal-top nav{display:flex;gap:14px;flex-wrap:wrap;font-size:14px;font-weight:600}
.legal-top nav a{color:var(--ink-soft);text-decoration:none}
.legal-top nav a[aria-current="page"]{color:var(--accent-dark)}
h1{font:700 clamp(30px,7vw,40px)/1.1 var(--font-display);margin:0 0 8px;
  letter-spacing:-.01em}
.legal-updated{color:var(--muted);font-size:14px;margin:0 0 28px}
.legal-lede{font-size:18px;color:var(--ink-soft);margin:0 0 8px}
h2{font:700 22px/1.25 var(--font-display);margin:36px 0 10px}
h3{font-size:16px;font-weight:700;margin:22px 0 6px}
p,li{color:var(--ink-soft)}
ul{padding-left:22px;margin:8px 0 14px}
li{margin:4px 0}
strong{color:var(--ink)}
a{color:var(--accent-dark)}
.legal-card{background:var(--card);border-radius:18px;padding:18px 20px;
  margin:18px 0;box-shadow:0 1px 2px rgba(14,23,38,.06),0 6px 20px rgba(14,23,38,.05)}
.legal-card p:first-child{margin-top:0}
.legal-card p:last-child{margin-bottom:0}
.legal-contact{font:700 22px/1.3 var(--font-display);word-break:break-word}
.legal-contact a{text-decoration:none}
footer.legal-foot{margin-top:48px;padding-top:18px;border-top:1px solid var(--line);
  color:var(--muted);font-size:14px}
footer.legal-foot a{color:var(--muted)}