html{-webkit-text-size-adjust:100%}
body{font-family:Georgia,'Times New Roman',serif;line-height:1.55;color:#23201c;
background:#faf8f4;margin:0}
.wrap{max-width:44rem;margin:0 auto;padding:2rem 1.2rem 4rem}
header{border-bottom:2px solid #44514a;padding-bottom:.6rem;margin-bottom:1.6rem}
h1{font-size:1.6rem;margin:.2rem 0}
h2{font-size:1.15rem;margin-top:2rem;color:#44514a}
nav a{margin-right:1rem;color:#44514a;text-decoration:none;font-size:.95rem}
nav a:hover{text-decoration:underline}
table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.95rem}
th,td{text-align:left;padding:.35rem .5rem;border-bottom:1px solid #e2ddd4}
th{color:#6b655c;font-weight:normal;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}
footer{margin-top:3rem;padding-top:.8rem;border-top:1px solid #e2ddd4;color:#8a8378;font-size:.85rem}
svg{max-width:100%;height:auto;margin:1rem 0}
ul{padding-left:1.2rem} li{margin:.25rem 0}
.hint{color:#6b655c;font-size:.9rem}
@media(prefers-color-scheme:dark){body{background:#1b1a18;color:#ddd8d0}
th,td{border-color:#332f2a}footer{border-color:#332f2a}}