body{margin:0;background:#fbf8f3;color:#24201c;font:16px/1.6 Verdana,Geneva,sans-serif}
.top{background:#7a2e3a;color:#fff;padding:28px 20px}.top h1{margin:0;font-size:1.7rem}.top h1 a{color:#fff;text-decoration:none}
.top p{margin:6px 0 0;opacity:.9}nav{max-width:860px;margin:0 auto;padding:12px 20px}nav a{color:#7a2e3a;margin-right:18px;font-weight:bold;text-decoration:none}
main{max-width:860px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
article{border:1px solid #776d6340;border-radius:6px;padding:16px}h2{font-size:1.05rem;margin:0 0 6px}
time{color:#776d63;font-size:.8rem}footer{max-width:860px;margin:30px auto;padding:0 20px;color:#776d63;font-size:.8rem}a{color:#7a2e3a}