body {
  font-family: Arial, sans-serif;
  font-size: 16px;
  margin: 40px auto;
  color: #e0e0e0;
  background: #1a1a1a;
  max-width: 900px;
  padding: 0 24px;
}
h1 { font-size: 2em; font-weight: bold; margin-bottom: 4px; }
h2 { font-size: 1.2em; font-weight: bold; margin: 28px 0 8px 0; }
h3 { font-size: 1em; font-weight: bold; margin: 20px 0 6px 0; }
p { margin: 0 0 12px 0; line-height: 1.6; }
hr { border: none; border-top: 1px solid #444; margin: 16px 0; }
ol, ul { margin: 8px 0 12px 24px; padding: 0; line-height: 1.8; }
li { margin: 4px 0; }
code {
  background: #2e2e2e;
  color: #f0f0f0;
  font-family: "Courier New", monospace;
  font-size: 0.9em;
  padding: 2px 6px;
  border-radius: 3px;
  word-break: break-all;
}
a { color: #6ab0ff; }
a:visited { color: #b48fff; }
.warning {
  background: #2e2600;
  border-left: 4px solid #f0a500;
  padding: 12px 16px;
  margin: 16px 0;
  font-size: 0.95em;
}
.btn {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 22px;
  background: #333;
  color: #fff;
  text-decoration: none;
  font-size: 0.95em;
  border-radius: 4px;
  border: 1px solid #555;
}
.btn:hover { background: #444; }
.btn:visited { color: #fff; }