/* Shared styling for the legal pages. Same tokens as the landing page,
   set for long-form reading rather than a hero. */
:root{
  --ink:#101114;
  --ember:#c8401e;
  --ember-strong:#e0704d;   /* lifted for contrast on the dark ground */
  --text:#e7e7ea;
  --muted:#9aa0aa;
  --rule:rgba(255,255,255,.10);
}
*{ box-sizing:border-box; }
body{
  margin:0; background:var(--ink); color:var(--text);
  font-family:"Figtree", ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.7;
}
.wrap{ max-width:680px; margin:0 auto; padding:56px 24px 96px; }

.back{
  display:inline-block; margin-bottom:40px; text-decoration:none;
  font-size:13px; letter-spacing:.01em; font-weight:500;
  color:var(--muted); transition:color .18s ease;
}
.back:hover{ color:var(--ember-strong); }

h1{ font-size:clamp(28px,5vw,38px); font-weight:800; line-height:1.15; margin:0 0 8px; }
.updated{
  font-size:13px; color:var(--muted); margin:0 0 40px;
}
h2{
  font-size:19px; font-weight:800; margin:44px 0 12px;
  padding-top:22px; border-top:1px solid var(--rule);
}
h3{ font-size:15px; font-weight:700; margin:26px 0 6px; }
p, li{ font-size:15.5px; color:var(--text); }
p{ margin:0 0 14px; }
ul{ margin:0 0 16px; padding-left:20px; }
li{ margin-bottom:7px; }
strong{ color:#fff; }
a{ color:var(--ember-strong); }
a:hover{ color:var(--ember); }

.lede{ font-size:17px; color:var(--muted); margin-bottom:8px; }

/* Plain-language summary boxes — the honest précis before the detail.
   No accent rail: the tint alone is enough to set them apart. */
.callout{
  border:none;
  border-radius:6px; padding:16px 18px; margin:0 0 28px;
  background:rgba(255,255,255,.04);
}
.callout p:last-child{ margin-bottom:0; }

table{ width:100%; border-collapse:collapse; margin:0 0 18px; font-size:14.5px; }
th, td{ text-align:left; padding:9px 10px; border-bottom:1px solid var(--rule); vertical-align:top; }
th{ color:var(--muted); font-weight:600; font-size:13px; letter-spacing:.01em; }

footer{
  margin-top:64px; padding-top:22px; border-top:1px solid var(--rule);
  font-size:13px; text-align:center;
}
footer a{ color:#5c6169; text-decoration:none; margin:0 10px; letter-spacing:.04em; }
footer a:hover{ color:var(--ember); }

@media (prefers-reduced-motion: reduce){ *{ transition:none !important; } }