:root{ --bg:#0a0e14; --fg:#dfe8f1; --dim:#8fa3b4; --acc:#22d4a8; --rule:#1e2a38; }
@media (prefers-color-scheme: light){
  :root{ --bg:#f7f9fb; --fg:#1b2430; --dim:#566574; --acc:#0a7d68; --rule:#dfe5ea; }
}
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--fg);
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
main{ max-width:680px; margin:0 auto; padding:40px 20px 64px; }
.brand{ font-family:"Courier New",monospace; font-weight:700; letter-spacing:.22em; color:var(--acc); margin:0 0 6px; }
h1{ font-size:28px; margin:0 0 4px; }
.meta{ color:var(--dim); margin:0 0 28px; font-size:14px; }
h2{ font-size:17px; margin:30px 0 8px; padding-top:18px; border-top:1px solid var(--rule); }
ul{ padding-left:20px; }
li{ margin:4px 0; }
a{ color:var(--acc); }