:root{--canvas:#F5EFE4;--surface:#FFFDF8;--hairline:#E3D9C8;--text:#1E1915;--text2:#6E6358;--link:#C23E24;--sunken:#EFE7D9}
@media (prefers-color-scheme:dark){:root{--canvas:#17130F;--surface:#231D18;--hairline:#3A3029;--text:#F5EDE2;--text2:#B3A797;--link:#F2876D;--sunken:#2E2620}}
*{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--text);font:17px/1.55 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif}
main{max-width:42rem;margin:0 auto;padding:2rem 1rem 4rem}
h1,h2{line-height:1.2;font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,sans-serif}
h1{font-size:2rem;margin:.5rem 0 1rem}
h2{font-size:1.3rem;margin:2rem 0 .5rem}
a{color:var(--link)}
.meta,footer,.brand{color:var(--text2)}
.brand{font-weight:700;text-decoration:none;color:var(--text)}
nav{display:flex;gap:1rem;flex-wrap:wrap}
.table{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.95rem;background:var(--surface)}
th,td{border:1px solid var(--hairline);padding:.5rem;text-align:left;vertical-align:top}
th{background:var(--sunken)}
footer{margin-top:3rem;font-size:.9rem;border-top:1px solid var(--hairline);padding-top:1rem}