:root { color-scheme: dark; }
body {
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  max-width: 720px;
  margin: 2rem auto;
  padding: 0 1rem 3rem;
  color: #e8e8e8;
  background: #111;
  overflow-wrap: anywhere;
}
a { color: #7fb3ff; }
h1 { font-size: 1.8rem; line-height: 1.2; }
h2 { font-size: 1.15rem; margin-top: 2rem; }
h2[id] { scroll-margin-top: 1rem; }
ul { padding-left: 1.25rem; }
.legal-nav, .legal-foot { color: #b7b7b7; }
.draft-banner {
  background: #f0c14a;
  color: #1a1408;
  font-weight: 700;
  padding: 0.6rem 0.8rem;
  border-radius: 8px;
}

.lb-top { font-size: 0.9rem; margin-bottom: 0.5rem; }
.lb-top a { display: inline-block; padding: 0.35rem 0; color: #b7b7b7; text-decoration: none; font-weight: 600; }
.lb-top a:hover { color: #e8e8e8; text-decoration: underline; }