/* blog-specific layout on top of ../styles.css */
.blog-hero{background:linear-gradient(180deg,var(--wash) 0%,var(--paper) 100%); padding:64px 0 40px}
.blog-hero h1{font-size:2.6rem}
.postgrid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:40px 0 88px}
.postcard{background:var(--paper); border:1px solid var(--hair); border-radius:var(--r-panel); overflow:hidden; text-decoration:none; color:var(--ink); display:flex; flex-direction:column; transition:border-color 0.4s ease}
.postcard:hover{border-color:var(--lavender-line)}
.postcard img{width:100%; aspect-ratio:2/1; object-fit:cover}
.postcard .body{padding:22px 24px 20px; display:flex; flex-direction:column; gap:8px; flex:1}
.postcard h2{font-size:1.35rem; margin:0}
.postcard p{margin:0; color:var(--muted); font-size:1.0625rem}
.postcard .meta{margin-top:auto; padding-top:12px; display:flex; align-items:center; gap:10px}
.postcard.featured{grid-column:1 / -1; display:grid; grid-template-columns:1.15fr 1fr}
.postcard.featured img{height:100%; aspect-ratio:auto; min-height:320px}
.postcard.featured .body{padding:34px 36px; justify-content:center; gap:12px}
.postcard.featured h2{font-size:2rem}