:root {
  --fg:#0b0b0b; --bg:#fff; --muted:#666; --accent:#2b6cff;
}
*{box-sizing:border-box}
html,body{
  margin:0;padding:0;
  color:var(--fg);background:var(--bg);
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
.wrap{max-width:980px;margin:auto;padding:1.25rem;}
header{display:flex;align-items:center;justify-content:space-between;gap:1rem;}
nav a{margin-right:1rem;text-decoration:none;color:var(--fg);}
nav a:hover{color:var(--accent);}
h1,h2{line-height:1.2;margin:.5rem 0;}
ul{padding-left:1.25rem;}
footer{color:var(--muted);border-top:1px solid #eee;margin-top:2rem;}
@media(max-width:640px){header{flex-direction:column;align-items:flex-start;}}