/* Blog and legal pages. Built by the engineer from the service pages' look; design/ is untouched.
   Everything here leans on the tokens and the .post rules in maru.css. */
.posts-sec{padding-top:0}
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.posts .card{display:block;border:1px solid var(--line);background:var(--wash);text-decoration:none;color:inherit}
.posts .card img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-bottom:1px solid var(--line)}
.posts .card .eyebrow{margin:18px 18px 6px}
.posts .card h2{font-size:clamp(18px,2vw,22px);line-height:1.2;text-transform:none;margin:0 18px 10px}
.posts .card p:last-child{margin:0 18px 20px;font-size:15px;line-height:1.5;color:var(--soft);text-wrap:pretty}
.posts .card:hover h2{text-decoration:underline}
.post .eyebrow{margin-bottom:12px}
.post .hero-img{display:block;width:100%;height:auto;border:1px solid var(--line);margin:0 0 28px}
.post ul,.post ol{margin:0 0 16px;padding-left:22px;font-size:17px;line-height:1.6}
.post li{margin-bottom:6px}
.post blockquote{margin:0 0 16px;padding-left:18px;border-left:2px solid var(--line);color:var(--soft)}
.post a{color:inherit}
.post h3{text-transform:none;font-size:clamp(18px,2vw,22px);margin:28px 0 10px}
.post-ask .btn{margin-top:24px}