/* shared by /connect and /report; external because style-src is 'self' */
:root{color-scheme:light dark;--bg:#f6f5ee;--fg:#1d211a;--dim:#575c4d;--line:#c9cdb8;--code:#e9ebdc;--link:#3d5a0e}
@media (prefers-color-scheme:dark){:root{--bg:#101411;--fg:#e8e7cf;--dim:#babda5;--line:#454d37;--code:#1b221a;--link:#d6ed87}}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 ui-sans-serif,system-ui,sans-serif;-webkit-text-size-adjust:100%}
main{max-width:46rem;margin:auto;padding:1.5rem 16px 4rem;overflow-wrap:break-word}
h1{font:400 clamp(2rem,8vw,3.2rem)/1 Georgia,serif;letter-spacing:-.04em;margin:.5rem 0 1rem}
h2{font-size:1.2rem;margin:2.2rem 0 .5rem}h3{font-size:1rem;margin:1.5rem 0 .3rem}
a{color:var(--link)}
code{font:.88em ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--code);padding:.1em .3em;border-radius:3px}
pre{background:var(--code);padding:.8rem 1rem;border-radius:6px;overflow-x:auto;max-width:100%}
pre code{background:none;padding:0;font-size:.82rem}
table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%}
th,td{padding:.4rem .8rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
form label{display:block}
input,select,textarea,button{font:inherit;color:inherit;background:var(--code);border:1px solid var(--line);border-radius:4px;padding:.35rem .5rem;max-width:100%;box-sizing:border-box}
input,textarea{width:100%}
button{cursor:pointer}