/* Global Knowledge Database — Statische HTML-Version */
* { box-sizing: border-box; }
body {
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  max-width: 720px;
  margin: 2em auto;
  padding: 1em;
  background: #0a0e14;
  color: #e6edf3;
  line-height: 1.5;
}
a { color: #4fc3f7; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { color: #56d364; font-size: 1.5rem; }
h2 { color: #e6edf3; font-size: 1.2rem; margin-top: 1em; }
.card {
  background: #141922;
  padding: 1em;
  margin: 1em 0;
  border-radius: 8px;
}
input, select {
  padding: 6px;
  margin: 4px;
  background: #1c2333;
  border: 1px solid #2d3748;
  color: #e6edf3;
  border-radius: 4px;
}
button, .btn {
  padding: 8px 16px;
  background: #4fc3f7;
  color: #0a0e14;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
}
button:hover, .btn:hover { background: #29b6f6; }
code { background: #1c2333; padding: 2px 6px; border-radius: 4px; }
ul { padding-left: 1.5em; }
.help-nav { margin: 1em 0; }
.help-nav a { margin-right: 0.5em; }
.result-box { background: #1c2333; padding: 1em; border-radius: 8px; margin-top: 1em; }
.badge-earned { border-left: 4px solid #56d364; }
.note { color: #7d8590; font-size: 0.9em; }
.page { max-width: 720px; margin: 0 auto; }
.subtitle { color: #7d8590; margin-top: -0.5em; }
.help-list { list-style: none; padding-left: 0; }
.help-list li { margin: 0.5em 0; }