/* ponytail: one stylesheet, no build step. Add a generator when hand-editing <head> gets old. */
:root { color-scheme: light dark; }
body {
  font: 16px/1.6 system-ui, sans-serif;
  max-width: 60rem;
  margin: 2rem auto;
  padding: 0 1rem;
}
h1, h2 { line-height: 1.2; }
table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
th, td { border: 1px solid currentColor; padding: .4rem .6rem; text-align: left; vertical-align: top; }
th { background: color-mix(in srgb, currentColor 10%, transparent); }
code { font-family: ui-monospace, monospace; }
.todo { background: #fe9; color: #000; padding: 0 .25rem; }
footer { margin-top: 3rem; font-size: .85rem; opacity: .7; }
