/* Shared by the legal pages. Tokens match index.html / look-and-feel.md. */
:root { color-scheme: dark; --ink:#f1f4fb; --muted:#b4bfd1; --dim:#8996ad; --bg:#0b1020; --panel:#141c2f; --line:#2d3b57; --amber:#f28c72; --cyan:#74d8c3; }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; background:var(--bg); color:var(--ink); font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; } .wrap { width:min(760px,calc(100% - 40px)); margin:auto; }
header { padding:28px 0; } nav { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.wordmark { display:inline-flex; align-items:center; gap:11px; text-decoration:none; font-weight:700; letter-spacing:-.03em; }
.mark { width:28px; height:28px; border:1.5px solid var(--amber); border-radius:9px 9px 9px 3px; position:relative; transform:rotate(-8deg); }
.mark:after { content:""; position:absolute; width:8px; height:8px; border-radius:50%; background:var(--amber); left:8px; top:8px; box-shadow:0 0 18px var(--amber); }
.nav-links { display:flex; gap:25px; color:var(--muted); font-size:.92rem; } .nav-links a { text-decoration:none; } .nav-links a:hover { color:var(--ink); }
main { padding:40px 0 90px; }
.eyebrow { color:var(--amber); text-transform:uppercase; letter-spacing:.16em; font-size:.72rem; font-weight:700; }
h1 { margin:8px 0 10px; font-size:clamp(2.2rem,5vw,3.4rem); line-height:1.05; letter-spacing:-.05em; font-weight:650; }
h2 { margin:44px 0 12px; font-size:1.45rem; letter-spacing:-.02em; }
h3 { margin:26px 0 8px; font-size:1.05rem; }
p, li { color:var(--muted); } p { margin:0 0 14px; } strong { color:var(--ink); font-weight:600; }
.updated { color:var(--dim); font-size:.9rem; margin-bottom:34px; }
table { width:100%; border-collapse:collapse; margin:14px 0 22px; font-size:.95rem; }
th, td { text-align:left; vertical-align:top; padding:10px 12px; border-top:1px solid var(--line); }
th { color:var(--dim); text-transform:uppercase; letter-spacing:.1em; font-size:.7rem; font-weight:700; }
.card { padding:20px 22px; border:1px solid var(--line); border-radius:16px; background:var(--panel); margin:18px 0; }
.todo { border-color:var(--amber); }
code { font-family:ui-monospace,Menlo,monospace; font-size:.9em; color:var(--ink); }
footer { padding:34px 0 50px; border-top:1px solid var(--line); color:var(--dim); font-size:.9rem; }
footer .wrap { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; } footer a { text-decoration:none; }
@media (max-width:640px){ th, td { display:block; padding:6px 0; border-top:0; } tr { display:block; border-top:1px solid var(--line); padding:10px 0; } th { padding-top:0; } }