:root { color-scheme: light dark; }
body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  line-height: 1.55;
  background: #0f1115;
  color: #e8eaed;
  padding: 0;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 24px 18px 64px; }
h1 { font-size: 1.45rem; line-height: 1.25; margin: 0 0 12px; }
h2 { font-size: 1.1rem; margin: 28px 0 10px; }
p, li { font-size: 0.95rem; color: #c5c9d1; }
a { color: #5ec8f8; }
.meta { font-size: 0.85rem; color: #9aa0aa; }
.nav { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; font-size: 0.85rem; }
.warn {
  background: #3a2a12;
  border: 1px solid #a67c2a;
  color: #f0d9a0;
  padding: 12px 14px;
  border-radius: 10px;
  margin-bottom: 18px;
  font-size: 0.88rem;
}
ul { padding-left: 1.2em; }
table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 0.88rem; }
th, td {
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 8px 10px;
  text-align: left;
  vertical-align: top;
  color: #c5c9d1;
}
th { background: rgba(255, 255, 255, 0.06); color: #e8eaed; }
.legal-index { padding: 24px; }