:root { --carbon:#0a0a0a; --bone:#f2efe9; --signal:#ff2b2b; --concrete:#8a8a86; --line:#2a2a28; }
* { margin:0; padding:0; box-sizing:border-box; }
body {
  background:
    repeating-linear-gradient(0deg, transparent 0 39px, rgba(242,239,233,.03) 39px 40px),
    var(--carbon);
  color:var(--bone);
  font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
  line-height:1.65;
  padding:48px 24px 80px;
}
main { max-width:760px; margin:0 auto; }
a.home {
  font-family:"Arial Black",sans-serif; font-size:18px; color:var(--bone);
  text-decoration:none; text-transform:uppercase;
  text-shadow:3px 3px 0 var(--signal); display:inline-block; margin-bottom:36px;
}
h1 {
  font-family:"Arial Black",sans-serif; font-size:clamp(30px,6vw,44px);
  line-height:1; text-transform:uppercase; text-shadow:4px 4px 0 var(--signal);
  margin-bottom:10px;
}
.updated {
  font-family:Consolas,monospace; font-size:11px; letter-spacing:.18em;
  color:var(--concrete); text-transform:uppercase; margin-bottom:40px;
}
h2 {
  font-family:Consolas,monospace; font-size:14px; font-weight:700;
  letter-spacing:.16em; color:var(--signal); text-transform:uppercase;
  margin:38px 0 12px; padding-top:22px; border-top:1px solid var(--line);
}
p, li { font-size:15.5px; color:#d9d6cf; margin-bottom:12px; }
ul { padding-left:22px; margin-bottom:14px; }
strong { color:var(--bone); }
.callout {
  border:2px solid var(--signal); padding:16px 18px; margin:18px 0;
  font-size:14.5px;
}
a { color:var(--bone); }
footer {
  margin-top:60px; font-family:Consolas,monospace; font-size:10px;
  letter-spacing:.16em; color:var(--concrete); text-transform:uppercase;
}
footer a { color:var(--concrete); }