:root { color-scheme: light dark; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0 auto; max-width: 64rem; padding: 1rem; font-family: system-ui, sans-serif; line-height: 1.5; }
header { margin-bottom: 2rem; }
.site { font-weight: 700; margin: 0 0 0.5rem; }
nav ul { display: flex; flex-wrap: wrap; gap: 0.25rem 1.25rem; list-style: none; margin: 0; padding: 0; }
a[aria-current="page"] { font-weight: 700; text-decoration: none; }
h1 { font-size: 1.75rem; line-height: 1.2; }
h2 { margin-top: 2.5rem; }
code, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.875rem; }
code { overflow-wrap: anywhere; }
pre { padding: 0.75rem; border: 1px solid; border-radius: 0.25rem; white-space: pre-wrap; overflow-wrap: anywhere; }
dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 0.25rem 1rem; }
dd { margin: 0; }
.table { overflow-x: auto; }
table { border-collapse: collapse; }
th, td { text-align: left; vertical-align: top; padding: 0.25rem 1rem 0.25rem 0; }
figure { margin: 1rem 0; }
.steps > li { margin-bottom: 1.5rem; }