/* ===================================================================
   Access Funding Network — blog.css
   Guides index (post cards) + article reading layout.
   Depends on tokens.css + main.css.
   =================================================================== */

/* Index hero reuses .afn-home-hero from home.css */

/* Post cards grid */
.afn-post-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
.afn-post-card {
  display: flex; flex-direction: column; background: var(--afn-card);
  border: 1px solid var(--afn-border); border-radius: var(--afn-radius-lg);
  padding: 1.75rem; text-decoration: none;
  transition: border-color .14s ease, transform .08s ease, box-shadow .14s ease;
}
.afn-post-card:hover { border-color: var(--afn-primary); box-shadow: var(--afn-shadow-md); transform: translateY(-2px); text-decoration: none; }
.afn-post-card__cat { font-size: var(--afn-fs-xs); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--afn-primary); margin-bottom: 0.6rem; }
.afn-post-card h2 { font-size: var(--afn-fs-lg); margin: 0 0 0.5rem; color: var(--afn-ink); }
.afn-post-card p { font-size: var(--afn-fs-sm); color: var(--afn-muted); margin: 0 0 1rem; }
.afn-post-card__more { margin-top: auto; color: var(--afn-primary); font-weight: 600; font-size: var(--afn-fs-sm); display: inline-flex; align-items: center; gap: 0.35rem; }

/* Article */
.afn-article-head { background: var(--afn-tint); border-bottom: 1px solid var(--afn-tint-2); padding: 3rem 0 2.5rem; }
.afn-article-head__inner { max-width: 760px; margin: 0 auto; }
.afn-article-head h1 { font-size: var(--afn-fs-2xl); margin: 0.75rem 0 0.75rem; }
.afn-article-meta { font-size: var(--afn-fs-sm); color: var(--afn-muted); }
.afn-article-meta a { color: var(--afn-primary); }

.afn-article { padding: 3rem 0 1rem; }
.afn-article__body { max-width: 720px; margin: 0 auto; }
.afn-article__body h2 { font-size: var(--afn-fs-xl); margin: 2.25rem 0 0.75rem; }
.afn-article__body h3 { font-size: var(--afn-fs-lg); margin: 1.75rem 0 0.5rem; }
.afn-article__body p { margin: 0 0 1.1rem; color: var(--afn-body); }
.afn-article__body ul { margin: 0 0 1.25rem; padding-left: 1.25rem; }
.afn-article__body li { margin-bottom: 0.5rem; color: var(--afn-body); }
.afn-article__body strong { color: var(--afn-ink); }

/* Inline CTA inside articles */
.afn-inline-cta {
  background: var(--afn-card); border: 1px solid var(--afn-border); border-left: 4px solid var(--afn-primary);
  border-radius: var(--afn-radius); padding: 1.5rem 1.75rem; margin: 2rem 0;
}
.afn-inline-cta p { margin: 0 0 1rem; color: var(--afn-ink); font-weight: 600; }
.afn-inline-cta .afn-btn { margin: 0; }

.afn-article__back { display: inline-flex; align-items: center; gap: 0.4rem; color: var(--afn-primary); font-weight: 600; font-size: var(--afn-fs-sm); margin-bottom: 1rem; }

@media (max-width: 860px) {
  .afn-post-grid { grid-template-columns: 1fr; }
}