:root{ --amber:#FFB300; --steel:#14181D; --steel2:#1B2027; --line:#2E3742; --text:#EAEEF3; --muted:#9AA6B2; }
*{ box-sizing:border-box; margin:0; padding:0; }
body{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; background:var(--steel); color:var(--text); line-height:1.7; -webkit-font-smoothing:antialiased; }
a{ color:var(--amber); text-decoration:none; }
a:hover{ text-decoration:underline; }
.wrap{ max-width:760px; margin:0 auto; padding:0 24px; }
header{ border-bottom:1px solid var(--line); }
.nav{ display:flex; align-items:center; height:64px; }
.brand{ display:flex; align-items:center; gap:12px; font-weight:700; font-size:20px; letter-spacing:.5px; color:var(--text); }
.brand img{ width:36px; height:36px; border-radius:9px; }
main{ padding:56px 0 72px; }
h1{ font-size:34px; letter-spacing:-.3px; margin-bottom:6px; }
.updated{ color:var(--muted); font-size:14px; margin-bottom:32px; }
h2{ font-size:20px; margin:34px 0 10px; color:var(--text); }
p{ color:var(--text); margin-bottom:14px; }
.lead{ color:var(--muted); font-size:17px; margin-bottom:8px; }
.caps{ font-size:14px; color:var(--muted); }
footer{ border-top:1px solid var(--line); padding:32px 0 48px; text-align:center; color:var(--muted); font-size:14px; }
footer a{ margin:0 12px; }
.back{ display:inline-block; margin-bottom:28px; color:var(--muted); font-size:15px; }