/* Shared styling for the legal pages — same palette as the landing page. */
:root { --bg:#0f1117; --panel:#171a21; --line:#2a2f3a; --text:#f4f6fb; --muted:#8b93a3; --accent:#5b8cff; --violet:#9c6bff; }
* { box-sizing:border-box; margin:0 }
body { background:var(--bg); color:var(--text); font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased }
.wrap { max-width:760px; margin:0 auto; padding:0 24px 80px }
nav { padding:20px 0 }
.brand { display:inline-flex; align-items:center; gap:10px; font-weight:800; font-size:19px; letter-spacing:-.3px; color:var(--text); text-decoration:none }
h1 { font-size:34px; font-weight:850; letter-spacing:-1px; margin:34px 0 6px }
.updated { color:var(--muted); font-size:14px; margin-bottom:32px }
h2 { font-size:19px; font-weight:750; margin:36px 0 10px; letter-spacing:-.2px }
h3 { font-size:16px; font-weight:700; margin:22px 0 6px; color:var(--text) }
p, li { color:#cfd5e1; font-size:15.5px }
p { margin-bottom:14px }
ul { margin:0 0 16px 20px }
li { margin-bottom:7px }
a { color:var(--accent) }
strong { color:var(--text) }
.callout { background:var(--panel); border:1px solid var(--line); border-left:3px solid var(--accent); border-radius:10px; padding:16px 20px; margin:20px 0 }
.callout p:last-child { margin-bottom:0 }
footer { border-top:1px solid var(--line); margin-top:60px; padding-top:26px; color:var(--muted); font-size:13.5px }
.toc { background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:18px 22px; margin-bottom:32px }
.toc a { display:block; padding:3px 0; font-size:14.5px; text-decoration:none }
.toc a:hover { text-decoration:underline }

/* Mobile — one column already, so this is just breathing room and
   guarding anything wide (tables, code) from pushing the page sideways. */
img, table, pre { max-width:100% }
table, pre { display:block; overflow-x:auto }
@media (max-width: 600px) {
  .wrap { padding:0 18px 56px }
  h1 { font-size:28px; letter-spacing:-.6px; margin-top:26px }
  h2 { font-size:18px }
  .callout, .toc { padding:14px 16px }
  footer { margin-top:44px }
}