*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,sans-serif;color:#1c1c1c;background:#fafafa}
header,footer{background:#123;color:#fff;padding:1rem}header a,footer a{color:#fff}nav a{margin-right:1rem}
.logo{font-weight:700;font-size:1.2rem;text-decoration:none;display:block;margin-bottom:.3rem}
main{max-width:780px;margin:auto;padding:1rem}h1{line-height:1.25}.meta{color:#666;font-size:.9rem}
.math{background:#eef4fb;border-left:4px solid #2a6fb0;padding:.5rem 1rem}.tablewrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{border:1px solid #ccc;padding:.4rem;text-align:left}
th{background:#eee}.btn{display:inline-block;background:#e8710a;color:#fff;padding:.5rem 1rem;border-radius:4px;text-decoration:none}
footer{font-size:.85rem;margin-top:2rem}footer p{max-width:780px;margin:.4rem auto}