:root{
  --bg:#16171A;
  --panel:#1F2124;
  --line:#2E3034;
  --text:#EDEBE5;
  --muted:#8B8E94;
  --amber:#E6A23C;
  --teal:#2FA8A0;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  line-height:1.7;
  padding:56px 20px 90px;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:680px;margin:0 auto;}

.back{
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--teal);text-decoration:none;
  display:inline-block;margin-bottom:26px;
}
.back:hover{text-decoration:underline;}

h1{
  font-family:'Space Grotesk',system-ui,sans-serif;
  font-size:32px;font-weight:700;letter-spacing:-.01em;
  margin:0 0 6px;
}
.updated{
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:12px;color:var(--muted);margin:0 0 34px;
}

h2{
  font-family:'Space Grotesk',system-ui,sans-serif;
  font-size:17px;font-weight:600;
  margin:34px 0 10px;padding-top:22px;
  border-top:1px solid var(--line);
}
h2:first-of-type{border-top:none;padding-top:0;}

p{margin:0 0 14px;font-size:15px;}
ul{margin:0 0 14px;padding-left:20px;}
li{font-size:15px;margin-bottom:7px;}
strong{color:#fff;font-weight:600;}
a{color:var(--teal);}

.callout{
  background:var(--panel);border:1px solid var(--line);
  border-left:3px solid var(--amber);
  border-radius:8px;padding:15px 18px;margin:0 0 26px;
  font-size:14px;color:var(--muted);
}
.callout strong{color:var(--amber);}

footer{
  max-width:680px;margin:60px auto 0;padding-top:24px;
  border-top:1px solid var(--line);
  font-size:13px;color:var(--muted);
  display:flex;gap:18px;flex-wrap:wrap;
}
footer a{color:var(--muted);text-decoration:none;}
footer a:hover{color:var(--teal);}

@media(max-width:520px){
  body{padding:36px 18px 70px;}
  h1{font-size:26px;}
}