/* Shared styling for the legal/trust pages (terms, privacy, aup, refunds,
 * data-sources, support). CSS variables mirror app/static/index.html's :root
 * block so the dark theme matches the SPA. */

:root{
  --bg:#0a0a0f;--surface:#12121a;--surface2:#1a1a25;--surface3:#22222f;
  --border:#2a2a3a;--border2:#3a3a4f;
  --text:#e8e8f0;--text2:#a0a0b8;--text3:#6a6a80;
  --accent:#6366f1;--accent2:#818cf8;--accent-glow:rgba(99,102,241,.15);
  --font:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:var(--font);background:var(--bg);color:var(--text);
  line-height:1.65;-webkit-font-smoothing:antialiased;
}
a{color:var(--accent2);text-decoration:none}
a:hover{text-decoration:underline}

.container{max-width:65ch;margin:0 auto;padding:0 20px}

header.site{
  border-bottom:1px solid var(--border);
  padding:16px 0;
}
header.site .container{
  max-width:65ch;display:flex;align-items:center;justify-content:space-between;
}
header.site .brand{font-weight:700;font-size:16px;color:var(--text)}
header.site .brand:hover{text-decoration:none}
header.site .back{font-size:13px;color:var(--text2)}

.draft-banner{
  background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.4);
  color:#f59e0b;
  border-radius:8px;
  padding:10px 16px;
  font-size:13px;
  font-weight:600;
  margin:24px 0 0;
}

main{padding:32px 0 48px}
main h1{font-size:28px;font-weight:800;margin:20px 0 6px;line-height:1.25}
main .updated{color:var(--text3);font-size:13px;margin-bottom:28px}
main h2{
  font-size:17px;font-weight:700;color:var(--accent2);
  margin:30px 0 10px;
}
main p,main li{font-size:14.5px;color:var(--text2);margin-bottom:10px}
main ul,main ol{padding-left:22px;margin-bottom:14px}
main strong{color:var(--text)}
main address{font-style:normal}

table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:13.5px}
th,td{padding:9px 12px;border:1px solid var(--border);text-align:left;vertical-align:top}
th{background:var(--surface);color:var(--text);font-weight:600}
td{color:var(--text2)}
td:first-child{color:var(--text)}

footer.site{
  border-top:1px solid var(--border);
  padding:24px 0 40px;
  font-size:13px;color:var(--text3);
}
footer.site .container{display:flex;flex-wrap:wrap;gap:8px 14px;max-width:65ch}
footer.site a{color:var(--text2)}
footer.site a:hover{color:var(--accent2)}