:root{
  --bg:#0b0f14;
  --panel:#0f1520;
  --fg:#eaecef;
  --muted:#9aa4b2;
  --link:#4da3ff;
  --border:#1e2530;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;
  background:var(--bg);
  color:var(--fg);
  line-height:1.75;
}

header,footer{
  background:var(--panel);
  border-bottom:1px solid var(--border);
}

footer{
  border-top:1px solid var(--border);
  border-bottom:none;
}

.container{
  max-width:980px;
  margin:0 auto;
  padding:32px 24px;
}

h1{font-size:2.2rem;margin:0 0 12px}
h2{margin-top:32px}
p{color:var(--muted)}

a{
  color:var(--link);
  text-decoration:none;
}
a:hover{text-decoration:underline}

nav a{
  margin-right:16px;
  font-weight:500;
}

ul{padding-left:20px}
li{margin-bottom:10px}

.meta{
  font-size:14px;
  color:var(--muted);
}