/* Blog index: one even grid of articles, newest first; the title link covers the whole card. */
.bl { --ink: #1f2b3d; --muted: #5c6878; padding: clamp(3.5rem, 2.5rem + 3vw, 5.5rem) 0; color: var(--ink); }
.bl :where(h2, p, ul) { margin: 0; }
.bl :focus-visible { outline: 3px solid #1f74d3; outline-offset: 3px; }

.bl-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(2.5rem, 4vw, 3.5rem) clamp(1.5rem, 3vw, 2.5rem); padding: 0; list-style: none; }
.bl-card { position: relative; display: flex; flex-direction: column; }
.bl-card img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 14px; }
.bl-card h2 { margin-top: 20px; font-family: "Poppins", sans-serif; font-size: 1.2rem; font-weight: 600; line-height: 1.4; letter-spacing: 0; }
.bl-card h2 a { color: var(--navy); }
.bl-card h2 a::after { content: ""; position: absolute; inset: 0; }
.bl-card:hover h2 a { text-decoration: underline; text-underline-offset: 3px; }
.bl-card__text { margin-top: 10px; line-height: 1.65; color: var(--muted); }
.bl-card__meta { display: flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 14px; font-family: "Poppins", sans-serif; font-size: .875rem; color: var(--muted); }
.bl-card__meta svg { width: 16px; height: 16px; }

@media (max-width: 1024px) {
  .bl-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .bl-cards { grid-template-columns: minmax(0, 1fr); }
  .bl-card h2 { font-size: 1.1rem; }
}