*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;color:#33302b;background:#fbf8f2;line-height:1.65}
header{display:flex;justify-content:space-between;align-items:center;max-width:860px;margin:0 auto;padding:26px 20px;border-bottom:1px solid #ece5d8}
.logo{font-family:Georgia,serif;font-size:1.4rem;color:#4d6b3c;text-decoration:none}
nav a{margin-left:20px;color:#6f6a60;text-decoration:none}
main{max-width:860px;margin:0 auto;padding:30px 20px 50px}
.lead{font-size:1.1rem;color:#5c574e;max-width:560px}
.cards{list-style:none;padding:0;display:grid;gap:18px}
.cards a{display:block;padding:20px 22px;background:#fff;border:1px solid #ece5d8;border-radius:8px;color:inherit;text-decoration:none}
.cards a:hover{border-color:#c9d6bd}
.cards h2{margin:6px 0 4px;font-family:Georgia,serif;font-weight:normal;font-size:1.3rem}
.cards p{margin:0;color:#77715f}
.tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#4d6b3c}
article{max-width:640px}
article h1{font-family:Georgia,serif;font-weight:normal}
.meta{color:#8d877a;font-size:.9rem}
footer{max-width:860px;margin:0 auto;padding:24px 20px;color:#9a9383;font-size:.85rem;border-top:1px solid #ece5d8}