/* Blog page tweaks (mirrors home blog cards) */
.blog { padding-block: 60px; }
.blog .section-title { margin-block-end: 20px; }

.blog-list { display: grid; gap: 24px; }
@media (min-width: 768px){ .blog-list { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px){ .blog-list { grid-template-columns: repeat(3, 1fr); } }

.blog-card { border: 1px solid var(--cultured); border-radius: 12px; overflow: hidden; background: var(--white); transition: var(--transition-1); }
.blog-card:is(:hover, :focus-within){ box-shadow: var(--shadow-2); transform: translateY(-2px); }
.blog-card .card-banner img { width: 100%; height: auto; display: block; }
.blog-card .card-content { padding: 18px; display: grid; gap: 10px; }
.blog-card .card-meta { display: flex; align-items: center; gap: 12px; font-size: var(--fs-6); color: var(--davys-gray); }
.blog-card .card-title { font-size: var(--fs-3); line-height: 1.3; }
.blog-card .card-title a { color: var(--eerie-black); }
.blog-card .card-text { color: var(--davys-gray); }
.blog-card .btn-text { color: var(--salmon-pink); font-weight: 700; display: inline-flex; align-items: center; gap: 6px; }