:root { --bg:#050505; --fg:#d6d6d6; --dim:#555; --accent:#00f0ff; }
* { margin:0; padding:0; box-sizing:border-box; }
body {
  background: var(--bg);
  color: var(--fg);
  font-family: "SF Mono", "Fira Code", ui-monospace, Menlo, monospace;
  line-height: 1.75;
  padding: 4rem 1.5rem 6rem;
}
.wrap { max-width: 42rem; margin: 0 auto; }
a { color: var(--fg); text-decoration: none; border-bottom: 1px solid var(--dim); }
a:hover { color: var(--accent); border-color: var(--accent); }
.back { display:inline-block; margin-bottom: 3rem; font-size: 0.8rem; color: var(--dim); border-bottom-color: #333; letter-spacing: 0.08em; }
h1 { font-size: 1.6rem; letter-spacing: 0.04em; margin-bottom: 0.5rem; color: #fff; }
.updated { font-size: 0.75rem; color: var(--dim); letter-spacing: 0.08em; margin-bottom: 3rem; }
h2 { font-size: 1rem; letter-spacing: 0.05em; color: #fff; margin: 2.5rem 0 0.75rem; }
p, li { font-size: 0.9rem; margin-bottom: 1rem; }
ul { margin: 0 0 1rem 1.25rem; }
footer { margin-top: 5rem; font-size: 0.75rem; color: var(--dim); letter-spacing: 0.08em; line-height: 1.8; }