:root{
  --bg:#000;
  --fg:#fff;
  --muted:#9a9a9a;
  --line:rgba(255,255,255,.12);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--fg);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height:1.7;
  min-height:100vh;
}
.page{
  max-width:760px;
  margin:0 auto;
  padding:clamp(2rem,6vw,5rem) clamp(1.5rem,5vw,2rem) 5rem;
}
.top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:clamp(3rem,8vw,5rem);
}
.brand{
  font-family:'Space Mono',monospace;
  font-weight:700;
  letter-spacing:.35em;
  font-size:.95rem;
  text-indent:.35em;
  color:var(--fg);
  text-decoration:none;
}
.back{
  font-family:'Space Mono',monospace;
  font-size:.72rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--muted);
  text-decoration:none;
  transition:color .25s;
}
.back:hover{color:var(--fg)}
.kicker{
  font-family:'Space Mono',monospace;
  font-size:.72rem;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:1rem;
}
h1{
  font-weight:800;
  font-size:clamp(2.2rem,7vw,3.6rem);
  line-height:1;
  letter-spacing:-.03em;
  margin-bottom:.75rem;
}
.updated{
  color:var(--muted);
  font-size:.85rem;
  margin-bottom:3.5rem;
  padding-bottom:2rem;
  border-bottom:1px solid var(--line);
}
h2{
  font-weight:700;
  font-size:1.3rem;
  letter-spacing:-.01em;
  margin:3rem 0 1rem;
  display:flex;
  align-items:baseline;
  gap:.8rem;
}
h2 .num{
  font-family:'Space Mono',monospace;
  font-size:.8rem;
  color:var(--muted);
  font-weight:400;
}
h3{font-weight:600;font-size:1.02rem;margin:1.8rem 0 .6rem}
p,li{color:#cfcfcf;font-weight:300;font-size:1rem}
p{margin-bottom:1rem}
ul{margin:0 0 1rem 1.2rem}
li{margin-bottom:.5rem}
strong{color:var(--fg);font-weight:600}
a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--line);transition:border-color .25s}
a:hover{border-color:var(--fg)}
.box{
  border:1px solid var(--line);
  border-radius:14px;
  padding:1.5rem 1.75rem;
  margin:1.5rem 0;
}
.box p{margin-bottom:.4rem}
.box p:last-child{margin-bottom:0}
.foot{
  margin-top:5rem;
  padding-top:2rem;
  border-top:1px solid var(--line);
  display:flex;
  flex-wrap:wrap;
  gap:.5rem 1.5rem;
  justify-content:space-between;
  align-items:center;
}
.foot .links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
.foot a{color:var(--muted);border:none;font-size:.85rem}
.foot a:hover{color:var(--fg)}
.foot .c{color:#5a5a5a;font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.05em}
