:root { color-scheme: dark; }
* { margin: 0; box-sizing: border-box; }
body {
  background: #111013;
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%, #2a1f3d55, transparent),
    repeating-linear-gradient(0deg, transparent 0 46px, #ffffff08 46px 48px),
    repeating-linear-gradient(90deg, transparent 0 46px, #ffffff08 46px 48px);
  color: #c9c4b8;
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  line-height: 1.7;
  padding: 3rem 1.5rem 4rem;
}
main { max-width: 42rem; margin: 0 auto; }
h1 {
  font-size: clamp(2rem, 8vw, 3rem);
  line-height: 1;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  transform: rotate(-1deg);
  color: #ffd23f;
  text-shadow: 3px 3px 0 #e4572e;
  margin-bottom: 0.5rem;
}
.updated { font-size: 0.8rem; color: #86816f; margin-bottom: 2.5rem; }
h2 {
  color: #f5f2ea;
  font-size: 1.05rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 2.2rem 0 0.6rem;
}
p, li { font-size: 0.95rem; }
ul { padding-left: 1.2rem; }
li { margin-bottom: 0.4rem; }
a { color: #ffd23f; }
.home { display: inline-block; margin-top: 3rem; font-size: 0.85rem; }