/* Blog: the index cards and the article body. Everything else comes from site.css. */
.post-list{list-style:none;margin:0;padding:0;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.post-card a{display:flex;flex-direction:column;gap:10px;height:100%;padding:26px 26px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);color:var(--body);text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.post-card a:hover,.post-card a:focus-visible{border-color:var(--green);transform:translateY(-2px);box-shadow:0 10px 30px rgba(16,26,34,.08)}
.post-card h2{font-size:clamp(19px,2vw,22px);line-height:1.3;margin:0;color:var(--ink)}
.post-card__meta{margin:0;font-size:13px;color:var(--gold-deeper);letter-spacing:.02em}
.post-card__excerpt{margin:0;font-size:15px;line-height:1.65;color:var(--body)}
.post-card__more{margin-top:auto;font-weight:600;font-size:14px;color:var(--green-deep)}
.blog-empty{max-width:60ch;font-size:16px;line-height:1.7;color:var(--body)}
.blog-empty a{color:var(--green-deep);text-decoration:underline;text-underline-offset:3px}

.page-header .eyebrow a{color:inherit;text-decoration:none}
.page-header .eyebrow a:hover{text-decoration:underline}
.post-body h3{font-size:clamp(18px,2vw,21px);margin:30px 0 10px}
.post-body ul,.post-body ol{margin:0 0 18px;padding-left:22px;font-size:15.5px;line-height:1.75;color:var(--body)}
.post-body li{margin-bottom:6px}
.post-body blockquote{margin:24px 0;padding:6px 0 6px 18px;border-left:3px solid var(--gold)}
.post-body blockquote p{font-style:italic}
.post-figure{margin:0 0 28px}
.post-figure img{width:100%;height:auto;border-radius:var(--radius);display:block}
.post-figure figcaption{margin-top:8px;font-size:12.5px;color:var(--gold-deeper)}
.post-back{margin:36px 0 0}
.post-back a{font-weight:600;color:var(--green-deep)}
.blog-cta{padding-top:0}
.blog-cta h2{margin:0 0 10px}
.blog-cta p{max-width:60ch;color:var(--body)}