/* Shared styles for Teampus legal pages — matches app design tokens */
:root{
  --bg:#fafafa; --paper:#ffffff; --border:#e8e8e8;
  --ink:#111111; --text:#1a1a1a; --muted:#787878; --faint:#a8a8a8;
  --green:#16a34a;
}
@media(prefers-color-scheme:dark){
  :root{
    --bg:#0a0a0a; --paper:#161616; --border:#262626;
    --ink:#f5f5f5; --text:#ededed; --muted:#9a9a9a; --faint:#666;
    --green:#22c55e;
  }
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',Helvetica,Arial,sans-serif;
  background:var(--bg);color:var(--text);line-height:1.65;font-size:14.5px;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding:40px 20px 80px}
.top{display:flex;align-items:center;gap:10px;margin-bottom:34px}
.top svg{flex-shrink:0}
.top .name{font-weight:600;font-size:16px;color:var(--ink);letter-spacing:-.3px}
h1{font-size:26px;font-weight:600;color:var(--ink);letter-spacing:-.5px;margin-bottom:4px}
.updated{font-size:12.5px;color:var(--faint);margin-bottom:30px}
h2{font-size:16px;font-weight:600;color:var(--ink);margin:30px 0 10px;letter-spacing:-.2px}
h3{font-size:14px;font-weight:600;color:var(--text);margin:18px 0 6px}
p,li{color:var(--text);margin-bottom:10px}
ul,ol{padding-left:22px;margin-bottom:12px}
table{width:100%;border-collapse:collapse;font-size:13px;margin:14px 0}
th,td{text-align:left;padding:9px 12px;border:1px solid var(--border)}
th{background:var(--paper);font-weight:600;color:var(--muted);font-size:12px}
td{background:var(--paper)}
a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
code{background:var(--paper);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-size:12.5px}
.note{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:14px 16px;
  font-size:13px;color:var(--muted);margin:20px 0}
.back{display:inline-block;margin-top:36px;font-weight:600;color:var(--ink);text-decoration:none;
  border:1px solid var(--border);background:var(--paper);border-radius:9px;padding:9px 16px;font-size:13px}
.legal-nav{margin-top:8px;font-size:12.5px;color:var(--faint)}
.legal-nav a{color:var(--muted);margin-right:12px}