:root{
  --void:#05080B;
  --panel:#0B1116;
  --rule:#1E2C36;
  --teal:#4FD1C5;
  --amber:#F0B429;
  --ink:#E8F0F3;
  --ink-dim:#8A9BA6;
  --ink-faint:#4A5A66;

  --display:'Archivo',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --body:'Inter',system-ui,sans-serif;

  --gut:clamp(20px,5vw,64px);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important}
}
body{
  background:var(--void);
  color:var(--ink);
  font-family:var(--body);
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--teal)}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:2px}

/* header — matches landing page */
header{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px var(--gut);
  background:rgba(5,8,11,.82);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--rule);
}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{width:26px;height:26px;object-fit:contain;display:block}
.brand .fallback{
  width:26px;height:26px;border-radius:6px;
  border:1.5px solid var(--teal);
  display:grid;place-items:center;
  color:var(--teal);font-family:var(--mono);font-size:13px;font-weight:600;
}
.brand span{
  font-family:var(--display);font-weight:600;font-size:15px;
  letter-spacing:-.01em;color:var(--ink);
}
.back{
  font-family:var(--mono);font-size:12px;letter-spacing:.05em;
  color:var(--ink-dim);text-decoration:none;transition:color .2s;
}
.back:hover{color:var(--teal)}

/* document */
main{
  max-width:760px;
  margin:0 auto;
  padding:clamp(48px,8vw,88px) var(--gut) clamp(64px,10vw,110px);
}
.eyebrow{
  font-family:var(--mono);
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ink-faint);
}
h1{
  font-family:var(--display);font-weight:700;
  font-size:clamp(32px,6vw,54px);
  line-height:1.02;letter-spacing:-.03em;
  margin:14px 0 0;
}
.updated{
  font-family:var(--mono);font-size:12px;
  color:var(--ink-faint);
  margin-top:16px;
  padding-bottom:28px;
  border-bottom:1px solid var(--rule);
}

section{
  padding:30px 0;
  border-bottom:1px solid var(--rule);
}
section:last-of-type{border-bottom:0}
h2{
  font-family:var(--display);font-weight:600;
  font-size:19px;letter-spacing:-.012em;
  color:var(--ink);
  margin-bottom:10px;
}
section p{
  color:var(--ink-dim);
  font-size:15px;
}
section p + p{margin-top:14px}

/* callout for the key legal warnings */
.flag{
  border-left:2px solid var(--amber);
  padding-left:20px;
}
.flag h2{color:var(--amber)}

footer{
  border-top:1px solid var(--rule);
  padding:26px var(--gut);
  display:flex;flex-wrap:wrap;gap:14px;
  justify-content:space-between;align-items:center;
  font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);
}
footer a{color:var(--ink-faint);text-decoration:none}
footer a:hover{color:var(--teal)}
footer nav{display:flex;gap:18px}