/* Shared shell for the hosted legal + support pages. Deliberately dependency
   free: no fonts, no scripts, no analytics — these pages are read by App
   Review and by users on bad connections, and a blocked CDN must not blank
   them. Dark by default to match the app, with a light-mode override. */
:root {
  color-scheme: dark light;
  --bg: #0B1220;
  --panel: #121B2E;
  --ink: #E8ECF4;
  --muted: #9AA6BC;
  --rule: rgba(255, 255, 255, 0.10);
  --gold: #FFC907;
}
@media (prefers-color-scheme: light) {
  :root {
    --bg: #F6F7FA; --panel: #FFFFFF; --ink: #12182A;
    --muted: #5A6478; --rule: rgba(0, 0, 0, 0.10);
  }
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
}
.wrap { max-width: 46rem; margin: 0 auto; padding: 2.5rem 1.25rem 5rem; }
header { border-bottom: 1px solid var(--rule); padding-bottom: 1.25rem; margin-bottom: 2rem; }
.brand { font-weight: 800; letter-spacing: .12em; font-size: .8rem; color: var(--gold); text-transform: uppercase; }
h1 { font-size: 1.7rem; line-height: 1.25; margin: .6rem 0 .35rem; }
.updated { color: var(--muted); font-size: .85rem; margin: 0; }
h2 { font-size: 1.05rem; margin: 2.1rem 0 .5rem; }
p, li { color: var(--ink); }
li { margin: .3rem 0; }
a { color: var(--gold); }
.muted { color: var(--muted); }
table { width: 100%; border-collapse: collapse; margin: .75rem 0 1.25rem; font-size: .93rem; }
th, td { text-align: left; vertical-align: top; padding: .55rem .6rem; border-bottom: 1px solid var(--rule); }
th { color: var(--muted); font-weight: 600; }
.langs { margin-top: 1rem; font-size: .85rem; }
footer { margin-top: 3rem; padding-top: 1.25rem; border-top: 1px solid var(--rule); color: var(--muted); font-size: .85rem; }