:root { color-scheme: light dark; }
body { font: 16px/1.55 system-ui, sans-serif; max-width: 52rem; margin: 2rem auto; padding: 0 1rem; }
h1, h2, h3 { line-height: 1.25; }
h2 { margin-top: 2.5rem; border-bottom: 1px solid #8884; padding-bottom: .25rem; }
pre { overflow-x: auto; padding: .75rem 1rem; background: #8881; border-radius: 6px; font-size: .875rem; }
code { font-family: ui-monospace, Menlo, monospace; font-size: .9em; }
table { border-collapse: collapse; width: 100%; margin: 1rem 0; font-size: .9rem; }
th, td { border: 1px solid #8885; padding: .35rem .6rem; text-align: left; vertical-align: top; }
.live, .built, .planned { font-size: .75rem; font-weight: 600; padding: .1rem .45rem; border-radius: 999px; border: 1px solid currentColor; white-space: nowrap; }
.live { color: #1a7f37; }
.built { color: #9a6700; }
.planned { color: #8250df; }
nav ul { columns: 2; padding-left: 1.2rem; }