/* Follow the Word — blog list, gift reports and single post */
.phero .signup{color:var(--vsi-ink)}
.signup .fine{font-size:.82rem;color:var(--vsi-ink-muted)}
.blog-empty{color:var(--vsi-ink-muted);padding:22px;border:1px dashed var(--vsi-line);border-radius:var(--r-card);background:var(--vsi-surface);grid-column:1/-1}

/* what your gift did */
.places{display:flex;flex-wrap:wrap;gap:8px;margin:-18px 0 24px}
.places .chk{font:600 .88rem var(--f-body);background:var(--vsi-surface);cursor:pointer;color:var(--vsi-ink)}
.places .chk[aria-pressed="true"]{background:var(--vsi-heading);border-color:var(--vsi-heading);color:var(--vsi-on-night)}
.impacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.impact{display:grid;gap:6px;align-content:start;padding:22px;background:var(--vsi-surface);border:1px solid var(--vsi-line);border-top:4px solid var(--vsi-bright);border-radius:var(--r-card);color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s}
.impact:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,31,42,.08)}
.impact-num{font-family:var(--f-display);font-stretch:118%;font-weight:800;font-size:clamp(2.2rem,4vw,3rem);line-height:1;color:var(--vsi-heading)}
.impact-label{color:var(--vsi-ink-muted);font-size:.95rem;line-height:1.35}
.impact-where{margin-top:10px;font-family:var(--f-data);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vsi-canopy)}
.impact-title{font-family:var(--f-display);font-stretch:106%;font-weight:700;font-size:1.08rem;line-height:1.25}
.impact-date{color:var(--vsi-ink-muted);font-size:.72rem}

/* latest updates */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.post-card{display:grid;grid-template-rows:auto 1fr;background:var(--vsi-surface);border:1px solid var(--vsi-line);border-radius:var(--r-card);overflow:hidden;color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s}
.post-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,31,42,.08)}
.post-card .ph{border-radius:0;aspect-ratio:16/10}
.post-card-body{padding:20px 22px 22px;display:grid;gap:10px;align-content:start}
.post-card p{color:var(--vsi-ink-muted);font-size:.96rem}
.post-card .more{font-weight:700;color:var(--vsi-link);font-size:.92rem}
.post-card.lead{grid-column:1/-1;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:none}
.post-card.lead .ph{aspect-ratio:auto;min-height:320px;height:100%}
.post-card.lead .post-card-body{padding:clamp(22px,3vw,40px);align-content:center}
.post-card.lead .h3{font-size:clamp(1.5rem,2.6vw,2.1rem)}
.post-card.lead:not(:has(.ph)){grid-template-columns:1fr}

/* single post */
.post-head{background:var(--vsi-night);color:var(--vsi-on-night)}
.post-head .wrap{padding-block:clamp(36px,5vw,64px);display:grid;gap:14px;max-width:820px}
.post-head .eyebrow{color:var(--vsi-lamp)}
.post-head h1{color:var(--vsi-on-night);max-width:22ch}
.post-head .back{color:var(--vsi-on-night-muted);text-decoration:none;font-weight:600;font-size:.92rem}
.post-head .byline{color:var(--vsi-on-night-muted)}
.post-wrap{max-width:820px;padding-block:clamp(28px,4vw,48px) clamp(48px,6vw,80px);display:grid;gap:26px}
.post-img{margin:0;border-radius:var(--r-card);overflow:hidden}
.post-img img{width:100%}
.impact-callout{display:grid;gap:4px;padding:18px 22px;background:var(--vsi-tint);border-left:4px solid var(--vsi-bright);border-radius:var(--r-card)}
.impact-callout b{font-family:var(--f-display);font-stretch:118%;font-weight:800;font-size:2.4rem;line-height:1;color:var(--vsi-heading)}
.post-body{display:grid;gap:18px;font-size:1.08rem}
.post-body .ph{border-radius:var(--r-card);margin:6px 0}
.post-body ul{margin:0;padding-left:1.2em;display:grid;gap:6px}

@media (max-width:860px){
  .impacts,.posts{grid-template-columns:1fr 1fr}
  .post-card.lead{grid-template-columns:1fr}
  .post-card.lead .ph{min-height:0;aspect-ratio:16/10}
}
@media (max-width:560px){
  .impacts,.posts{grid-template-columns:1fr}
}