:root{color-scheme:light dark;--bg:#fbfbf9;--fg:#1c1f1d;--muted:#5d645f;--line:#dcdfda;--link:#1b5fd1;--box:#fff4d6;--box-line:#e5c15a;--head:#f0f2ee}
@media (prefers-color-scheme:dark){:root{--bg:#141715;--fg:#f2f2f0;--muted:#a3aaa5;--line:#2f3531;--link:#8ab4ff;--box:#3a3217;--box-line:#8a7430;--head:#1e2320}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:46rem;margin:0 auto;padding:24px 16px 64px}
h1{font-size:1.8rem;line-height:1.25;margin:.4em 0 .8em}
h2{font-size:1.3rem;margin:1.8em 0 .5em}
h3{font-size:1.1rem;margin:1.4em 0 .4em}
a{color:var(--link)}
code{font:.9em ui-monospace,Menlo,Consolas,monospace;background:var(--head);padding:.1em .3em;border-radius:4px}
ul,ol{padding-left:1.4em}
li{margin:.25em 0}
.draft{background:var(--box);border:1px solid var(--box-line);border-radius:10px;padding:12px 16px;margin:0 0 24px}
.table{overflow-x:auto;margin:1em 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--head)}
footer{margin-top:48px;color:var(--muted);font-size:.9rem}
nav{margin-bottom:8px;font-size:.95rem}
@media (max-width:560px){body{font-size:16px}h1{font-size:1.5rem}}