:root{
  --void:#0b0b0f; --panel:#141319; --hair:#28262f;
  --red:#ff2d55; --green:#00e68a; --bone:#f6f4ef; --smoke:#918f9a;
  --display:'Bebas Neue', sans-serif; --body:'Inter', sans-serif; --mono:'JetBrains Mono', monospace;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{
  background:var(--void); color:var(--bone); font-family:var(--body);
  line-height:1.65; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px; margin:0 auto; padding:64px 24px 100px;}
a{color:var(--green);}
a:hover{color:var(--bone);}
.back{
  display:inline-flex; align-items:center; gap:6px; font-family:var(--mono);
  font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--smoke);
  margin-bottom:36px;
}
.back:hover{color:var(--green);}
h1{font-family:var(--display); font-size:clamp(32px,5vw,48px); text-transform:uppercase; letter-spacing:.01em; margin-bottom:6px;}
.updated{font-family:var(--mono); font-size:12px; color:var(--smoke); margin-bottom:40px;}
h2{font-family:var(--display); font-size:22px; text-transform:uppercase; letter-spacing:.01em; margin:36px 0 12px;}
p{color:var(--bone); font-size:15px; margin-bottom:14px;}
p.dim{color:var(--smoke);}
ul{margin:0 0 14px 22px; color:var(--bone); font-size:15px;}
li{margin-bottom:8px;}
strong{color:var(--bone);}
.callout{
  background:var(--panel); border:1px solid var(--hair); border-radius:4px;
  padding:20px 22px; margin:22px 0; font-size:14px; color:var(--smoke);
}
.callout strong{color:var(--green); font-family:var(--mono); font-size:12px; letter-spacing:.05em; text-transform:uppercase; display:block; margin-bottom:8px;}
footer{border-top:1px solid var(--hair); padding:30px 24px; text-align:center;}
footer p{color:var(--smoke); font-size:12.5px; font-family:var(--mono);}
footer a{margin:0 8px;}