/* Shared styling for the legal pages (terms.html, privacy.html) */
:root{
  --bg:#f5f6f9; --panel:#ffffff; --line:#e4e7ee;
  --ink:#0f172a; --body:#3c4457; --muted:#6a7385;
  --iris:#5b57e6; --iris-deep:#4a47c4;
  --sans:"Hanken Grotesk","Segoe UI",system-ui,-apple-system,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--body);font-family:var(--sans);font-size:15.5px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--iris-deep);text-decoration:none}
a:hover{text-decoration:underline}
.top{display:flex;align-items:center;gap:1rem;max-width:760px;margin:0 auto;padding:26px 24px 0}
.brand{font-weight:800;font-size:18px;letter-spacing:-.02em;color:var(--ink)}
.brand .dot{color:var(--iris)}
.back{margin-left:auto;font-size:13.5px}
main{max-width:760px;margin:0 auto;padding:34px 24px 90px}
h1{color:var(--ink);font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 6px}
.updated{font-family:var(--mono);font-size:12px;color:var(--muted);margin:0 0 30px}
h2{color:var(--ink);font-size:1.12rem;font-weight:700;letter-spacing:-.01em;margin:34px 0 8px}
p,li{margin:0 0 10px;color:var(--body)}
ul{padding-left:20px;margin:0 0 10px}
.note{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:13.5px;color:var(--muted);margin:0 0 26px}
footer{border-top:1px solid var(--line);background:var(--panel);padding:26px 24px;text-align:center;font-size:12.5px;color:var(--muted)}