/* Privacy, terms and support pages: same fonts and colours as the app (src/app.html :root). */
:root{
  color-scheme:dark;
  --deep:#0b1118; --night:#121a24; --panel:#18222e; --line:#2c3847;
  --cream:#f1dcb4; --ink:#e8e0d2; --muted:#a2988a; --terra:#d8733a; --ember:#f2a54c;
  --display:"DM Serif Display",Georgia,serif; --caps:"Cinzel",Georgia,serif; --body:"Literata",Georgia,serif;
}
*{box-sizing:border-box}
html,body{background:var(--night)}
body{margin:0;color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;
  padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
main{max-width:40rem;margin:0 auto;padding:20px 16px 56px;display:flex;flex-direction:column;gap:14px}
a{color:var(--ember)}
h1,h2{margin:0;font-weight:400;font-family:var(--display);color:var(--cream);line-height:1.15}
h1{font-size:2.1rem}
h2{font-size:1.45rem;margin-top:18px}
p,ul{margin:0}
ul{padding-left:1.2em;display:flex;flex-direction:column;gap:6px}
b{color:var(--cream);font-weight:600}
.caps{font-family:var(--caps);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--terra)}
.muted{color:var(--muted)}
.small{font-size:.92rem}
.back{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-family:var(--caps);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.note{margin-top:6px;padding:10px 12px;border-left:3px solid var(--ember);background:var(--panel);border-radius:0 8px 8px 0;font-size:.95rem}
.note a{color:var(--cream)}
footer{margin-top:24px;padding-top:14px;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 14px}
footer a{color:var(--muted)}