:root{color-scheme:light dark;--bg:#fff;--fg:#111;--muted:#6f6f6f;--line:#e4e4e4}
@media(prefers-color-scheme:dark){:root{--bg:#141414;--fg:#e9e9e9;--muted:#9a9a9a;--line:#2c2c2c}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.skip-link{position:absolute;left:-999px}.skip-link:focus{left:16px;top:16px}

.site-header,.site-main,.site-footer{max-width:calc(40rem + 40px);margin-left:max(0px,calc(10vw - 40px));padding:0 20px}
.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;padding-top:40px;padding-bottom:40px}
.site-header nav{display:flex;flex-wrap:wrap;gap:4px 18px}
.site-header a{text-decoration:none}
.site-header a:hover,.site-header a[aria-current=page]{text-decoration:underline}
.site-name{font-weight:600}
.site-main{min-height:55vh}
.site-main.wide{max-width:calc(68rem + 40px)}
.site-footer{padding-top:64px;padding-bottom:40px;color:var(--muted);font-size:14px}
.site-footer a{margin-right:14px}

h1,h2,h3{line-height:1.25;font-weight:600}
h1{font-size:1.5rem;margin:0 0 1rem}
h2{font-size:1.15rem;margin:2rem 0 .5rem}
h3{font-size:1rem}
p,ul,ol{margin:0 0 1rem}
ul,ol{padding-left:1.25rem}
li{margin-bottom:.25rem}
hr{border:0;border-top:1px solid var(--line);margin:2rem 0}
img{max-width:100%;height:auto}
small,.muted{color:var(--muted)}
pre{overflow:auto;font-size:14px}

form{max-width:28rem}
label{display:block;font-size:14px;margin:0 0 4px}
input,textarea,button{font:inherit;color:inherit}
input[type=text],input[type=email],input[type=search],textarea{display:block;width:100%;padding:8px 10px;margin:0 0 16px;background:transparent;border:1px solid var(--line);border-radius:4px}
textarea{resize:vertical}
button{padding:7px 14px;background:var(--fg);color:var(--bg);border:0;border-radius:4px;cursor:pointer}

table{display:block;overflow-x:auto;border-collapse:collapse;font-size:14px;margin:1.5rem 0}
td,th{padding:8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
