/* Shared styling for the legal pages, matching how-it-works.html. */
:root {
  --bg:#0b0e14; --panel:#11161f; --panel2:#151c27; --line:#1f2836;
  --ink:#e8edf4; --ink2:#93a1b5; --ink3:#5b6878;
  --up:#3ddc97; --dn:#ff6b6b; --btc:#f7931a; --amber:#ffd166; --blue:#7aa2ff;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { background:var(--bg); scroll-behavior:smooth; }
body {
  font-family:'IBM Plex Mono', ui-monospace, monospace; color:var(--ink);
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(247,147,26,.07), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(122,162,255,.05), transparent 60%),
    var(--bg);
  line-height:1.7;
}
.wrap { max-width:800px; margin:0 auto; padding:0 clamp(16px,4vw,32px); }

header {
  display:flex; align-items:center; gap:14px; padding:22px 0 18px;
  border-bottom:1px solid var(--line); flex-wrap:wrap;
}
.logo { display:flex; align-items:baseline; gap:10px; }
.logo .coin {
  font-family:'Chakra Petch',sans-serif; font-weight:700; font-size:28px;
  color:var(--btc); text-shadow:0 0 22px rgba(247,147,26,.45);
}
.logo h1 { font-family:'Chakra Petch',sans-serif; font-weight:700; font-size:23px; letter-spacing:.05em; }
.logo h1 span { color:var(--btc); }
.spacer { flex:1; }
.top-cta {
  font-family:'Chakra Petch',sans-serif; font-weight:700; font-size:13px; letter-spacing:.06em;
  background:var(--btc); color:#14100a; border:none; border-radius:9px;
  padding:11px 20px; cursor:pointer; text-decoration:none; display:inline-block;
}
.top-cta:hover { filter:brightness(1.1); }

.title { padding:46px 0 10px; }
.title h2 {
  font-family:'Chakra Petch',sans-serif; font-weight:700;
  font-size:clamp(26px,4.5vw,38px); line-height:1.15; margin-bottom:10px;
}
.updated { font-size:12px; color:var(--ink3); letter-spacing:.06em; text-transform:uppercase; }

section { padding:26px 0; border-top:1px solid var(--line); }
section:first-of-type { border-top:0; }
h3 {
  font-family:'Chakra Petch',sans-serif; font-size:12px; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; color:var(--ink2); margin-bottom:14px;
}
h4 { font-family:'Chakra Petch',sans-serif; font-size:16px; font-weight:700; margin:18px 0 6px; }
p { font-size:14px; color:var(--ink2); }
p + p { margin-top:11px; }
ul, ol { margin:10px 0 0 20px; }
li { font-size:14px; color:var(--ink2); padding:3px 0; }
b, strong { color:var(--ink); }
a { color:var(--btc); }

.callout {
  background:linear-gradient(120deg, rgba(255,209,102,.09), transparent);
  border:1px solid rgba(255,209,102,.35); border-radius:14px; padding:20px; margin-top:18px;
}
.callout h4 { color:var(--amber); margin-top:0; }

table { width:100%; border-collapse:collapse; font-size:13px; margin-top:12px; }
th, td { text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
th { font-size:10px; letter-spacing:.14em; color:var(--ink2); text-transform:uppercase; font-weight:600; }
td b { color:var(--ink); }

/* Anything still wrapped in .fill must be replaced before going live. */
.fill {
  color:#14100a; background:var(--amber); padding:1px 6px; border-radius:4px;
  font-weight:600; white-space:nowrap;
}

footer {
  border-top:1px solid var(--line); padding:26px 0 60px;
  font-size:11px; color:var(--ink3); line-height:1.8;
}
footer b { color:var(--ink2); }
footer nav { margin-top:10px; display:flex; gap:16px; flex-wrap:wrap; }