/* Legal pages: readable first, a thin stripe of the vaporwave brand on top. */
:root{--pink:#ff6ec7;--hot:#ff4fa3;--cyan:#5ef2ff;--night:#0b0120;--violet:#2b0a4a;--plum:#7a1f7a;
  --paper:#fbf7ff;--ink:#1a1030;--muted:#5a4d73;--rule:#e4daf3;--link:#8a1f8a;--box:#f3ecff}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.stripe{height:6px;background:linear-gradient(90deg,var(--night),var(--violet),var(--plum),var(--hot),var(--pink),var(--cyan))}
.top{background:var(--night);color:#fff;padding:18px clamp(20px,6vw,80px);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.top a{color:#fff;text-decoration:none;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.35em;text-transform:uppercase}
.top a:hover{color:var(--cyan)}
.top .brand{display:flex;align-items:center;gap:12px}
.top .brand img{width:28px;height:28px}
.top nav{display:flex;gap:22px}
main{max-width:760px;margin:0 auto;padding:48px clamp(20px,6vw,40px) 80px}
h1{font-family:'Orbitron',system-ui,sans-serif;font-weight:800;font-size:clamp(28px,5vw,40px);line-height:1.1;letter-spacing:.02em;text-transform:uppercase;
  background:linear-gradient(180deg,var(--night),var(--plum));-webkit-background-clip:text;background-clip:text;color:transparent}
.meta{margin-top:10px;color:var(--muted);font-size:14px;font-family:'Space Mono',monospace;letter-spacing:.05em}
.meta a{color:var(--link)}
.summary{margin:28px 0 36px;padding:22px 24px;background:var(--box);border:1px solid var(--rule);border-left:4px solid var(--hot);border-radius:10px}
.summary h2{font-size:13px;letter-spacing:.3em;text-transform:uppercase;font-family:'Space Mono',monospace;color:var(--plum);margin:0 0 10px;border:0;padding:0}
.summary p{margin:0}.summary p+p{margin-top:10px}
h2{font-size:22px;font-weight:700;margin:44px 0 10px;padding-top:12px;border-top:1px solid var(--rule);line-height:1.25}
h3{font-size:17px;font-weight:700;margin:24px 0 6px;color:var(--plum)}
p{margin:10px 0}
ul,ol{margin:8px 0 12px 22px}li{margin:5px 0}li>ul{margin-top:4px}
a{color:var(--link)}
strong{font-weight:700}
table{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:9px 10px;border:1px solid var(--rule)}
th{background:var(--box);font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-family:'Space Mono',monospace;color:var(--plum)}
.toc{columns:2;column-gap:28px;margin:14px 0 8px;padding-left:0;list-style:none;font-size:15px}
.toc li{break-inside:avoid;margin:3px 0}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}
.product{display:inline-block;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--rule);border-radius:4px;background:#fff;color:var(--plum);margin-right:6px}
.callout{padding:14px 18px;background:#fff;border:1px solid var(--rule);border-radius:8px;margin:14px 0}
footer{border-top:1px solid var(--rule);margin-top:60px;padding:30px clamp(20px,6vw,80px);font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
footer a{color:var(--link);text-decoration:none}
@media(max-width:640px){body{font-size:16px}.toc{columns:1}table{font-size:14px}th,td{padding:7px 8px}.top nav{gap:14px}}
@media print{.top,.stripe,footer{display:none}main{padding:0;max-width:none}a{color:inherit;text-decoration:none}}