:root { color-scheme: light dark; }
body { font-family: system-ui, sans-serif; margin: 0 auto; max-width: 1140px; padding: 0 16px; line-height: 1.55; }
header { border-bottom: 1px solid color-mix(in srgb, currentColor 20%, transparent); margin-bottom: 1.5em; }
.brand { margin: 1em 0 .3em; font-weight: 600; }
nav { display: flex; flex-wrap: wrap; gap: .4em 1.2em; }
nav a[aria-current] { font-weight: 700; text-decoration: none; }
h1 { margin: .6em 0 .4em; }
table { border-collapse: collapse; width: 100%; display: block; overflow-x: auto; }
th, td { text-align: left; padding: 4px 8px; border-bottom: 1px solid color-mix(in srgb, currentColor 20%, transparent); }
tr.caution td:last-child { font-weight: 600; }
tr.danger td:last-child { font-weight: 700; text-decoration: underline; }
pre { overflow-x: auto; padding: 12px; border: 1px solid color-mix(in srgb, currentColor 20%, transparent); }
figure { margin: 0 0 1.5em; }
img { max-width: 100%; height: auto; }
img.pixel { width: 512px; image-rendering: pixelated; }
footer { margin: 3em 0 2em; opacity: .7; }