/* Legal pages and 404 for metamule.io. Silver brand, same palette as site.css. */
:root { --bg:#0f1117; --panel:#171a21; --line:#2a2f3a; --text:#f4f6fb; --muted:#8b93a3; --silver-hi:#EDF0F4; --silver:#B2BAC6; --silver-lo:#7E8897; }
* { 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; overflow-wrap:break-word }
.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 }
.brand img { width:26px; height:26px; display:block }
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(--silver-hi) }
strong { color:var(--text) }
.callout { background:var(--panel); border:1px solid var(--line); border-left:3px solid var(--silver); border-radius:10px; padding:16px 20px; margin:20px 0 }
.callout p:last-child, .callout ul: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 }
footer p { color:var(--muted); font-size:13.5px }
.foot__logo { height:20px; width:auto; display:block; margin-bottom:12px; opacity:.9 }
.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 }
.gap { margin-top:12px }

img, table, pre { max-width:100% }
table, pre { display:block; overflow-x:auto }
@media (max-width: 600px) {
  .wrap { padding:0 16px 56px }
  h1 { font-size:28px; letter-spacing:-.6px; margin-top:26px }
  h2 { font-size:18px }
  .callout, .toc { padding:14px 16px }
  footer { margin-top:44px }
}