/* The plain pages of src/legal/ (privacy, terms, pricing, refunds, pay): in the colours of the app
   (the tokens of src/shell.html), readable on a phone. Dark, like the app. Nothing loaded from
   another origin: the fonts are the app's own (pay.html alone loads Paddle.js). */
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(vendor/fonts/barlow-semi-condensed/barlow-semi-condensed-latin-600.woff2) format("woff2");}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(vendor/fonts/barlow-semi-condensed/barlow-semi-condensed-latin-700.woff2) format("woff2");}
:root{
  color-scheme:dark;
  --bg:#15181e;--chrome:#1a1e25;--line-soft:#282f3a;--text:#e6e9ee;--muted:#8e98a7;--accent:#f5a524;
  --ui:"Barlow Semi Condensed","Arial Narrow","Roboto Condensed",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
header{background:var(--chrome);border-bottom:1px solid var(--line-soft)}
header a{display:flex;align-items:center;gap:7px;max-width:44rem;margin:0 auto;padding:12px 16px;color:var(--text);text-decoration:none;font:700 16px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase}
header svg{width:20px;height:20px;flex:none}
main{max-width:44rem;margin:0 auto;padding:8px 16px 40px;overflow-wrap:break-word}
h1,h2{font-family:var(--ui);font-weight:700;line-height:1.2}
h1{font-size:30px;margin:24px 0 4px}
h2{font-size:21px;margin:32px 0 6px}
.date{color:var(--muted);margin:0 0 20px}
p,ul{margin:0 0 12px}
ul{padding-left:22px}
li{margin-bottom:6px}
a{color:var(--accent);text-underline-offset:2px}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lead{font-size:18px;margin:16px 0 8px}
.plan{border:1px solid var(--line-soft);border-radius:8px;background:var(--chrome);padding:2px 16px 8px;margin:20px 0}
.plan h2{margin-top:16px}
.price{display:block;color:var(--accent);font-size:18px;margin-top:2px}
.note{color:var(--muted);font-size:14px;margin-top:28px}
button{font:600 15px/1 var(--ui);letter-spacing:.04em;color:#15181e;background:var(--accent);border:0;border-radius:6px;padding:9px 14px;margin-right:12px;cursor:pointer}
button:focus-visible{outline:2px solid var(--text);outline-offset:2px}
footer{max-width:44rem;margin:0 auto;padding:16px 16px 32px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:14px}
footer a{margin-right:14px;display:inline-block}