/* Shared styling for the standalone legal/marketing pages.
   These are PLAIN HTML, deliberately: a Paddle reviewer or a crawler with no JavaScript must see
   real content, and these must render even when the app bundle does not. They also have to work
   when the API is down, which is when the support address on them matters most. */
:root{
  --paper:#faf7f2; --ink:#2b2724; --muted:#6f665c; --rule:#e4dbcd; --accent:#9c3b34;
}
@media (prefers-color-scheme: dark){
  :root{ --paper:#1b1917; --ink:#ece5da; --muted:#a1968a; --rule:#332e29; --accent:#d98a80; }
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);
  font:16px/1.85 "Hiragino Mincho ProN","Yu Mincho",Georgia,serif;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:44rem;margin:0 auto;padding:3.5rem 1.5rem 5rem}
a{color:var(--accent)}
h1{font-size:1.7rem;letter-spacing:.02em;margin-bottom:1.8rem;font-weight:600}
h2{font-size:1.05rem;margin:2.2rem 0 .6rem;font-weight:600}
h3{font-size:.95rem;margin:1.4rem 0 .4rem;color:var(--muted);font-weight:600;
  text-transform:uppercase;letter-spacing:.08em}
p,li{color:var(--muted)} li{margin:.35rem 0 .35rem 1.25rem}
strong{color:var(--ink);font-weight:600}
.back{display:inline-block;margin-bottom:1.6rem;font-size:.85rem}
table{border-collapse:collapse;margin:1rem 0;width:100%}
th,td{text-align:left;padding:.45rem .8rem .45rem 0;border-bottom:1px solid var(--rule);
  color:var(--muted);font-size:.95rem}
th{color:var(--ink);font-weight:600}
footer{margin-top:3.5rem;padding-top:1.2rem;border-top:1px solid var(--rule);
  color:var(--muted);font-size:.8rem;line-height:1.9}
footer a{margin-right:1rem}
.en{border-top:1px solid var(--rule);margin-top:3rem;padding-top:2rem}