/* Shared shell for the two legal pages. Same tokens as index.html, but set for
   long-form reading: one column, generous leading, no motion, no decoration. */
:root{
  --ground:#0a080c;
  --raise:rgba(255,255,255,.038);
  --edge:rgba(246,245,244,.12);
  --edge-soft:rgba(246,245,244,.06);
  --ink:#f7f6f5;
  --ink-2:rgba(247,246,245,.66);
  --ink-3:rgba(247,246,245,.40);
  --ember:#ff5a1f;
  --amber:#ffab7e;
  --r-sm:12px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ground);color:var(--ink);
  font-family:Helvetica,"Helvetica Neue","Helvetica Now Display",Arial,sans-serif;
  font-size:17px;line-height:1.68;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:720px;margin:0 auto;padding:0 26px}
header{border-bottom:1px solid var(--edge-soft);padding:22px 0}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{
  display:inline-flex;align-items:center;gap:10px;color:var(--ink);
  text-decoration:none;font-weight:700;letter-spacing:-.01em;font-size:18px;
}
.brand span.dot{
  width:20px;height:20px;border-radius:6px;flex-shrink:0;
  background:radial-gradient(circle at 32% 30%,var(--amber),var(--ember) 62%,#7a2408);
}
.back{color:var(--ink-2);text-decoration:none;font-size:15px}
.back:hover{color:var(--ink)}
main{padding:64px 0 96px}
h1{
  font-family:Helvetica,"Helvetica Neue","Helvetica Now Display",Arial,sans-serif;
  letter-spacing:-.028em;
  font-size:clamp(2rem,5vw,2.7rem);line-height:1.08;letter-spacing:-.03em;
  margin:0 0 14px;font-weight:800;
}
.updated{margin:0 0 42px;color:var(--ink-3);font-size:14.5px}
h2{
  font-family:Helvetica,"Helvetica Neue","Helvetica Now Display",Arial,sans-serif;
  letter-spacing:-.028em;
  font-size:1.28rem;line-height:1.25;letter-spacing:-.015em;
  margin:46px 0 12px;font-weight:700;
}
p,li{color:var(--ink-2);margin:0 0 16px}
li{margin:0 0 9px}
ul{margin:0 0 18px;padding-left:22px}
strong{color:var(--ink);font-weight:600}
a{color:var(--amber)}
a:hover{color:var(--ink)}
:focus-visible{outline:2px solid #7cd6f2;outline-offset:3px}
.note{
  margin:40px 0 0;padding:18px 20px;border-radius:var(--r-sm);
  background:var(--raise);border:1px solid var(--edge);
  color:var(--ink-2);font-size:15.5px;line-height:1.6;
}
footer{border-top:1px solid var(--edge-soft);padding:28px 0 40px;color:var(--ink-3);font-size:14.5px}
footer a{color:var(--ink-3)}
footer a:hover{color:var(--ink-2)}