:root{color-scheme:light dark;--fg:#1a1a1a;--mu:#666;--bg:#fff;--ln:#ddd;--code:#f4f4f4;--a:#0645ad;--note:#fff8e1;--note-ln:#e0b44c}
@media (prefers-color-scheme:dark){:root{--fg:#e6e6e6;--mu:#999;--bg:#121212;--ln:#333;--code:#1c1c1c;--a:#8ab4f8;--note:#2a2415;--note-ln:#8a6d2b}}
body{max-width:46rem;margin:0 auto;padding:2rem 1rem 3rem;background:var(--bg);color:var(--fg);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--a)}
h1{font-size:1.9rem;line-height:1.2;margin:.4rem 0 .5rem}
h2{font-size:1.25rem;margin:2.4rem 0 .6rem;padding-bottom:.25rem;border-bottom:1px solid var(--ln)}
h3{font-size:1.05rem;margin:1.6rem 0 .4rem}
code,pre,textarea{font:.85em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
code{background:var(--code);padding:.05em .3em;border-radius:3px}
pre{background:var(--code);padding:.8rem;border-radius:3px;white-space:pre-wrap;overflow-wrap:anywhere}
table{border-collapse:collapse;width:100%;margin:.6rem 0;font-size:.9rem;display:block;overflow-x:auto}
th,td{border:1px solid var(--ln);padding:.35rem .55rem;text-align:left;vertical-align:top}
th{background:var(--code);font-weight:600}
td code{background:none;padding:0;white-space:nowrap}
code.h{white-space:normal;word-break:break-all;cursor:copy;border-radius:3px}
code.h:hover{background:var(--code);outline:1px solid var(--ln)}
code.h.copied{outline:1px solid var(--a)}
code.h.copied::after{content:" copied";color:var(--a);font-family:system-ui,sans-serif;word-break:normal}
td:has(code.h){min-width:8rem}
table.kv th{width:9rem}
.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0}
.crumb{color:var(--mu);font-size:.9rem;margin:0}
.gh{display:inline-flex;align-items:center;gap:.4rem;color:var(--fg);text-decoration:none;font-size:.9rem}
.gh:hover{color:var(--a)}
@media (max-width:520px){.gh span{display:none}}
.portrait{float:right;width:120px;height:120px;border-radius:4px;margin:.7rem 0 1rem 1.2rem;object-fit:cover}
.note{background:var(--note);border-left:3px solid var(--note-ln);padding:.6rem .9rem;font-size:.95rem;clear:both}
.mu{color:var(--mu)}
.t{white-space:nowrap}
.f+.f{margin-top:.5rem}
button{font:inherit;font-size:.9rem;padding:.35rem 1rem;border:1px solid var(--ln);border-radius:3px;background:var(--code);color:var(--fg);cursor:pointer}
button:hover{border-color:var(--mu)}
textarea{width:100%;box-sizing:border-box;padding:.5rem;background:var(--code);color:var(--fg);border:1px solid var(--ln)}
figure{margin:1.2rem 0;overflow-x:auto}
figure svg{display:block;max-width:100%;height:auto;color:var(--fg)}
figcaption{color:var(--mu);font-size:.9rem;margin-top:.3rem}
ol li,ul li{margin:.25rem 0}
footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--ln);color:var(--mu);font-size:.9rem}
@media (max-width:520px){.portrait{width:84px;height:84px}}