/* Homepage Client Stories: a small text teaser. */
#client-stories { padding-top: 18px; padding-bottom: 18px; }
#client-stories .section-heading { margin-bottom: 10px; }
#client-stories .section-heading h2 { font-size: 22px; line-height: 1.2; margin: 0; }
#client-stories .section-heading .eyebrow,
#client-stories .section-heading > p,
#client-stories .wof-post-image,
#client-stories .wof-post-body > p { display: none; }
#client-stories .wof-post-grid { display: block; max-width: 760px; margin: 0; }
#client-stories .wof-post-card { display: block; width: 100%; max-width: none; min-height: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
#client-stories .wof-post-body { padding: 0; }
#client-stories .wof-post-body h3 { font-size: 17px; line-height: 1.35; margin: 0 0 6px; }
#client-stories .wof-post-body .wof-inline-link { font-size: 14px; line-height: 1.3; }
#client-stories .wof-center { text-align: left; margin: 8px 0 0; }
#client-stories .wof-center .button { display: inline; padding: 0; min-height: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: 13px; text-decoration: underline; }
/* Homepage article teasers: small thumbnails, titles and read links. */
#guides .guide-grid { gap: 14px; }
#guides .guide-card.article-photo-card { display: grid; grid-template-columns: 86px minmax(0, 1fr); min-height: 0; height: auto; border-radius: 12px; }
#guides .article-photo-card .guide-card-image { width: 86px; min-height: 0; height: 100%; padding: 9px; display: flex; align-items: center; }
#guides .article-photo-card .guide-card-image img { width: 100%; height: auto; max-height: 82px; object-fit: contain; }
#guides .article-photo-card .guide-card-body { padding: 12px 14px; gap: 0; }
#guides .article-photo-card .guide-tag { font-size: 10px; line-height: 1.3; letter-spacing: 1px; margin-bottom: 5px; }
#guides .article-photo-card h3 { font-size: 18px; line-height: 1.25; margin: 0 0 8px; }
#guides .article-photo-card .guide-card-body > p { display: none; }
#guides .article-photo-card .read-more { font-size: 13px; line-height: 1.3; margin: 0; padding: 0; }
@media (max-width: 600px) {
 #guides .guide-card.article-photo-card { grid-template-columns: 70px minmax(0, 1fr); }
 #guides .article-photo-card .guide-card-image { width: 70px; padding: 7px; }
 #guides .article-photo-card .guide-card-body { padding: 10px 12px; }
 #guides .article-photo-card h3 { font-size: 16px; }
 #client-stories .section-heading h2 { font-size: 20px; }
}