/* Shared styling for the legal pages. Same tokens as the home page, tuned for
   long-form reading rather than a single hero. */
:root{
  --void:#000000;
  --dial:#0A0A0D;
  --rim:#26262F;
  --chalk:#EFEFF2;
  --ash:#86868F;
  --accent:#F48819;
  --shell:min(92vw,760px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  background:var(--void);
  color:var(--chalk);
  font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:1rem;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid var(--chalk);outline-offset:2px;border-radius:3px}

/* ── Top bar ─────────────────────────────────────────────────────────────── */
.topbar{
  width:var(--shell);
  margin-inline:auto;
  padding:clamp(1.25rem,3vw,2rem) 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  border-bottom:1px solid var(--rim);
}
.wordmark{display:block;height:clamp(34px,5vw,52px);width:auto;flex:none}
.back{
  font-family:"Kode Mono",ui-monospace,monospace;
  font-size:.6875rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ash);
}
.back:hover{color:var(--chalk);text-decoration:none}

/* ── Document ────────────────────────────────────────────────────────────── */
main{
  flex:1;
  width:var(--shell);
  margin-inline:auto;
  padding-block:clamp(2.5rem,6vw,4rem);
}
.eyebrow{
  font-family:"Kode Mono",ui-monospace,monospace;
  font-size:.6875rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--accent);
  margin:0 0 1rem;
}
h1{
  font-family:"Bricolage Grotesque",system-ui,sans-serif;
  font-weight:800;
  font-size:clamp(2.1rem,1.5rem + 2.6vw,3.1rem);
  line-height:1;
  letter-spacing:-.04em;
  margin:0 0 1rem;
}
.updated{
  font-family:"Kode Mono",ui-monospace,monospace;
  font-size:.75rem;
  letter-spacing:.06em;
  color:var(--ash);
  margin:0 0 2.5rem;
  padding-bottom:2rem;
  border-bottom:1px solid var(--rim);
}
h2{
  font-family:"Bricolage Grotesque",system-ui,sans-serif;
  font-weight:700;
  font-size:1.3rem;
  letter-spacing:-.02em;
  margin:2.75rem 0 .85rem;
  scroll-margin-top:1rem;
}
h2 .num{color:var(--accent);font-family:"Kode Mono",ui-monospace,monospace;font-size:.8rem;margin-right:.6rem;letter-spacing:.1em}
h3{
  font-family:"Instrument Sans",system-ui,sans-serif;
  font-weight:600;
  font-size:1rem;
  margin:1.75rem 0 .5rem;
}
p,li{color:#C9C9D1}
p{margin:0 0 1rem}
ul{margin:0 0 1rem;padding-left:1.15rem}
li{margin-bottom:.5rem}
li::marker{color:var(--ash)}
strong{color:var(--chalk);font-weight:600}

/* A callout for the sentence people actually need to read. */
.keypoint{
  border:1px solid var(--rim);
  border-left:3px solid var(--accent);
  border-radius:0 12px 12px 0;
  background:var(--dial);
  padding:1.15rem 1.35rem;
  margin:0 0 2rem;
}
.keypoint p:last-child{margin-bottom:0}

address.block{
  font-style:normal;
  font-family:"Kode Mono",ui-monospace,monospace;
  font-size:.8125rem;
  line-height:1.9;
  letter-spacing:.04em;
  color:#C9C9D1;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */
footer{
  width:var(--shell);
  margin-inline:auto;
  padding:1.5rem 0 2.5rem;
  border-top:1px solid var(--rim);
  display:flex;
  flex-wrap:wrap;
  gap:1rem 1.5rem;
  justify-content:space-between;
  align-items:center;
  font-family:"Kode Mono",ui-monospace,monospace;
  font-size:.6875rem;
  letter-spacing:.08em;
  color:var(--ash);
}
footer nav{display:flex;gap:1.25rem;flex-wrap:wrap}
footer nav a{color:var(--ash)}
footer nav a:hover{color:var(--chalk);text-decoration:none}
footer nav a[aria-current="page"]{color:var(--chalk)}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
}