body{font-family:system-ui,sans-serif;margin:0;color:#1b1f24;line-height:1.55}header,footer{background:#0f2a3d;color:#fff;padding:14px 20px}header a,footer a{color:#fff;text-decoration:none;margin-right:14px}main{max-width:820px;margin:auto;padding:20px}.card{border:1px solid #d8dee4;border-radius:8px;padding:14px;margin:12px 0}.muted{color:#57606a;font-size:.9em}.todo{background:#fff8c5;padding:10px;border-radius:6px}ul.states{columns:3}@media(max-width:600px){ul.states{columns:2}}