body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: #0f1115;
  color: #f2f2f2;
  line-height: 1.65;
}
.container {
  max-width: 900px;
  margin: 0 auto;
  padding: 32px 20px 48px;
}
h1, h2, h3 {
  color: #ffffff;
  line-height: 1.25;
}
h1 { margin-top: 0; font-size: 2rem; }
h2 { margin-top: 2rem; font-size: 1.2rem; }
p, li { color: #d7d7d7; }
a { color: #7db7ff; text-decoration: none; }
a:hover { text-decoration: underline; }
ul { padding-left: 1.25rem; }
.meta { color: #b8c0cc; font-size: 0.95rem; }
.card {
  background: #171b22;
  border: 1px solid #242a35;
  border-radius: 12px;
  padding: 18px 20px;
  margin: 18px 0;
}