*{box-sizing:border-box}body{margin:0;font:16px/1.6 Georgia,serif;color:#24332a;background:#f6f4ee}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}header{background:#2f4a3a;color:#fff}header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:14px 20px}
.logo{color:#fff;font-size:22px;text-decoration:none;letter-spacing:.5px}nav a{color:#d8e6dc;margin-left:16px;text-decoration:none;font-size:15px}nav a.on,nav a:hover{color:#fff;border-bottom:1px solid #fff}
main{padding:32px 20px 48px}h1{font-weight:normal;font-size:32px}.hero p{max-width:640px}.btn{display:inline-block;background:#2f4a3a;color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:28px}.grid div{background:#fff;padding:16px;border-radius:6px}
table{border-collapse:collapse;width:100%;background:#fff}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #e3e0d6}article{margin-bottom:24px}.muted{color:#6b7a70}
footer{border-top:1px solid #e3e0d6;color:#6b7a70;font-size:14px;padding:18px 0}