:root { color-scheme: light dark; }
html { -webkit-text-size-adjust: 100%; }
body {
  font: 16px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  max-width: 720px;
  margin: 2rem auto;
  padding: 0 1rem 4rem;
  color: #1d1d1f;
  background: #fff;
}
@media (prefers-color-scheme: dark) {
  body { color: #f5f5f7; background: #1d1d1f; }
  a { color: #6cb4ff; }
  th, td, hr { border-color: #3a3a3c; }
}
h1, h2, h3 { line-height: 1.25; }
h1 { font-size: 1.7rem; margin-top: 1.5rem; }
h2 { font-size: 1.3rem; margin-top: 2rem; }
h3 { font-size: 1.1rem; }
p, li { word-wrap: break-word; }
a { color: #0066cc; text-decoration: underline; }
table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
th, td { border: 1px solid #ccc; padding: 0.4rem 0.6rem; text-align: left; vertical-align: top; }
hr { border: 0; border-top: 1px solid #ddd; margin: 2rem 0; }
ul.legal-index { list-style: none; padding: 0; }
ul.legal-index li { margin: 0.5rem 0; }