/* Shared shell for the three App Store-required pages (privacy / terms / support).
   Same tokens as styles.css so the legal pages read as the same product. */
:root{
  --bg:#080a0e; --surface:#12161d; --line:#232a34;
  --ink:#f3f7fa; --ink-2:#aab3c0; --ink-3:#6b7480;
  --green:#27e06b;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--ink-2);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-text-size-adjust:100%;
}
.wrap{max-width:760px; margin:0 auto; padding:48px 22px 96px}
a{color:var(--green)}
header{border-bottom:1px solid var(--line); padding-bottom:22px; margin-bottom:34px}
.brand{
  display:inline-flex; align-items:center; gap:9px; text-decoration:none;
  color:var(--ink); font-weight:700; letter-spacing:.02em;
}
.brand .dot{width:9px; height:9px; border-radius:2px; background:var(--green)}
h1{color:var(--ink); font-size:30px; line-height:1.2; margin:26px 0 6px; letter-spacing:-.01em}
h2{color:var(--ink); font-size:19px; margin:34px 0 10px}
.meta{color:var(--ink-3); font-size:14px; margin:0}
.lead{color:var(--ink); font-size:18px}
ul{padding-left:20px} li{margin:6px 0}
.card{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:18px 20px; margin:22px 0}
.card p:first-child{margin-top:0} .card p:last-child{margin-bottom:0}
footer{border-top:1px solid var(--line); margin-top:52px; padding-top:20px; color:var(--ink-3); font-size:14px}
footer a{margin-right:16px}
@media (max-width:520px){ .wrap{padding:32px 18px 72px} h1{font-size:25px} }