*{box-sizing:border-box}body{margin:0;font:17px/1.6 Georgia,'Times New Roman',serif;color:#2b2a27;background:#faf8f4}
header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:18px 28px;border-bottom:1px solid #e4dfd3}
.brand{display:flex;align-items:center;gap:10px;font-weight:bold;color:#2b2a27;text-decoration:none;font-size:20px}
nav a{margin-left:18px;color:#6b5d3e;text-decoration:none}nav a.on,nav a:hover{color:#2b2a27;border-bottom:1px solid #6b5d3e}
main{max-width:860px;margin:0 auto;padding:36px 28px}h1{font-size:32px;line-height:1.2;margin:0 0 18px}.lead{font-size:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:28px 0}article{background:#fff;border:1px solid #e4dfd3;padding:16px 18px;border-radius:6px}
.btn{display:inline-block;padding:10px 20px;background:#6b5d3e;color:#fff;text-decoration:none;border-radius:4px}
table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #e4dfd3}.note{color:#7a7566;font-size:15px}
.posts{list-style:none;padding:0}.posts li{padding:10px 0;border-bottom:1px solid #e4dfd3;display:flex;justify-content:space-between;gap:12px}.posts span{color:#7a7566;font-size:15px}
footer{padding:24px 28px;border-top:1px solid #e4dfd3;color:#7a7566;font-size:14px;text-align:center}a{color:#6b5d3e}