/* Shared styling for the legal pages. Matches index.html's tokens so these
   pages read as part of the site rather than something bolted on. */
@font-face { font-family: "JetBrains Mono"; src: url("assets/fonts/JetBrainsMono-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("assets/fonts/JetBrainsMono-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Bebas Neue"; src: url("assets/fonts/BebasNeue-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Open Sans"; src: url("assets/fonts/OpenSans-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Open Sans"; src: url("assets/fonts/OpenSans-Semibold.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Open Sans"; src: url("assets/fonts/OpenSans-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }

:root{
  --bg:#ffffff; --bg-2:#f5f5f7; --bg-3:#e8e8ed;
  --ink:#1d1d1f; --ink-dim:#6e6e73; --ink-faint:#aeaeb2;
  --line:rgba(0,0,0,0.08); --line-strong:rgba(0,0,0,0.15);
  --accent:#0891b2; --accent-light:rgba(8,145,178,0.06);
  --radius:20px; --radius-sm:12px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#000000; --bg-2:#1c1c1e; --bg-3:#2c2c2e;
    --ink:#f5f5f7; --ink-dim:#98989d; --ink-faint:#636366;
    --line:rgba(255,255,255,0.12); --line-strong:rgba(255,255,255,0.2);
    --accent:#22d3ee; --accent-light:rgba(34,211,238,0.08);
  }
}
:root[data-theme="dark"]{
  --bg:#000000; --bg-2:#1c1c1e; --bg-3:#2c2c2e;
  --ink:#f5f5f7; --ink-dim:#98989d; --ink-faint:#636366;
  --line:rgba(255,255,255,0.12); --line-strong:rgba(255,255,255,0.2);
  --accent:#22d3ee; --accent-light:rgba(34,211,238,0.08);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg); color:var(--ink);
  font-family:"Open Sans",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased;
}
.nav{
  border-bottom:1px solid var(--line); background:var(--bg);
  position:sticky; top:0; z-index:10;
}
.nav-row{
  max-width:1100px; margin:0 auto; padding:16px 22px;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
}
.nav-row img{height:26px;width:auto;display:block}
.nav-row a.back{
  font-family:"JetBrains Mono",monospace; font-size:12px; letter-spacing:1px;
  color:var(--ink-dim); text-decoration:none;
}
.nav-row a.back:hover{color:var(--accent)}
.wrap{max-width:760px;margin:0 auto;padding:44px 22px 90px}
.stamp{
  font-family:"JetBrains Mono",monospace; font-size:11px; letter-spacing:2px;
  text-transform:uppercase; color:var(--ink-faint); margin-bottom:12px;
}
h1{
  font-family:"Bebas Neue",Impact,sans-serif; font-weight:400;
  font-size:clamp(40px,7vw,60px); line-height:1; letter-spacing:1px;
  margin-bottom:16px; text-wrap:balance;
}
.lede{font-size:17px;color:var(--ink-dim);margin-bottom:34px;max-width:620px}
h2{
  font-family:"Bebas Neue",Impact,sans-serif; font-weight:400;
  font-size:27px; letter-spacing:1px; margin:50px 0 12px;
  padding-bottom:8px; border-bottom:1px solid var(--line);
}
h3{font-size:15px;font-weight:700;margin:24px 0 6px}
p{margin-bottom:13px}
ul,ol{margin:0 0 16px 22px}
li{margin-bottom:7px}
a{color:var(--accent)}
strong{font-weight:600}
code{
  font-family:"JetBrains Mono",monospace; font-size:13.5px;
  background:var(--bg-2); padding:1px 6px; border-radius:5px;
}
.card{
  background:var(--bg-2); border:1px solid var(--line);
  border-radius:var(--radius-sm); padding:16px 20px; margin:20px 0;
  font-size:15px;
}
.card b{display:block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:5px;font-family:"JetBrains Mono",monospace}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
@media(max-width:620px){.grid{grid-template-columns:1fr}}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:44px}
.toc a{
  font-family:"JetBrains Mono",monospace; font-size:11px; letter-spacing:.5px;
  text-decoration:none; color:var(--ink-dim); padding:6px 13px;
  border:1px solid var(--line-strong); border-radius:999px;
}
.toc a:hover{color:var(--accent);border-color:var(--accent)}
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);font-family:"JetBrains Mono",monospace}
.scroll{overflow-x:auto}
.foot{
  border-top:1px solid var(--line); margin-top:60px; padding:26px 22px;
  text-align:center; color:var(--ink-faint); font-size:13px;
}
.foot a{color:var(--ink-dim);text-decoration:none}
.foot a:hover{color:var(--accent)}