:root { color-scheme: light dark; --muted: #888; --accent: #c33; }
body { margin: 0; font: 16px/1.5 system-ui, sans-serif; }
main { max-width: 52rem; margin: 0 auto; padding: 2rem 1rem; }
h1 { margin: 0; font-size: 2rem; }
h1 span { color: var(--muted); font-weight: 400; }
h2 { font-size: 1.1rem; text-transform: uppercase; letter-spacing: .05em; border-bottom: 2px solid var(--accent); padding-bottom: .25rem; margin-top: 2rem; }
dl { display: grid; grid-template-columns: max-content 1fr; gap: .25rem 1.5rem; }
dt { color: var(--muted); }
dd { margin: 0; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: .35rem .5rem .35rem 0; border-bottom: 1px solid #8884; }
th { color: var(--muted); font-weight: 400; }
code { font-size: .95em; }
a { color: inherit; }
.muted { color: var(--muted); }
.yes { color: #2a2; }
ul.links { columns: 2; }
footer { margin-top: 3rem; color: var(--muted); font-size: .9rem; }