body { font: 16px/1.5 system-ui, sans-serif; margin: 0; padding: 24px 16px; color: #1c1c1c; background: #fff; }
main { max-width: 640px; margin: 0 auto; }
h1 { margin-top: 0; }
table { border-collapse: collapse; width: 100%; margin: 16px 0; }
th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid #ddd; }
th { width: 45%; font-weight: 600; }
button { font: inherit; padding: 8px 14px; margin-right: 8px; cursor: pointer; }
code { background: #f1f1f1; padding: 1px 5px; border-radius: 3px; }
@media (prefers-color-scheme: dark) {
  body { color: #eee; background: #161616; }
  th, td { border-color: #333; }
  code { background: #2a2a2a; }
}