body{margin:0;background:#fffaf3;color:#3b3027;font:16px/1.7 Georgia,"Times New Roman",serif}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}
a{color:inherit}
.masthead{background:#f4e6d2;padding:34px 0 26px;margin-bottom:34px}
.logo{font-size:30px;text-decoration:none;letter-spacing:-.01em}
.logo b{color:#c4622d}
.tagline{margin:4px 0 0;color:#8c7560;font-style:italic}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.post{display:block;text-decoration:none;background:#fff;border-radius:14px;padding:0 0 18px;box-shadow:0 2px 10px rgba(80,50,20,.08);overflow:hidden}
.post h2,.post h3,.post p,.post .tag{margin-left:18px;margin-right:18px}
.post.feature{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;padding:0}
.post.feature .thumb{grid-row:1/5;min-height:260px}
.post.feature h2{font-size:28px;margin-top:4px}
.thumb{height:150px;margin-bottom:14px}
.rye{background:linear-gradient(135deg,#5b3a22,#a8743f)}
.starter{background:linear-gradient(135deg,#efe3c8,#d2b98a)}
.temp{background:linear-gradient(135deg,#c4622d,#f0a35e)}
.focaccia{background:linear-gradient(135deg,#d8b04a,#8b9a3c)}
.tag{display:inline-block;margin-top:16px;font:12px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#c4622d}
.about{margin-top:40px;border-top:2px dotted #e2cfb6;padding-top:12px;color:#7a6654}
.recipe{max-width:680px}.recipe h1{font-size:34px;line-height:1.2;margin:6px 0}
.lede{font-size:18px;color:#7a6654}
.foot{padding:40px 20px;color:#a08a74;font-size:14px}
@media(max-width:760px){.grid{grid-template-columns:1fr}.post.feature{grid-template-columns:1fr}}