.blogGrid{display:flex;flex-wrap:wrap;gap:2rem;margin-top:3rem}@media (min-width:768px){.blogCard{flex-basis:calc(50% - 1rem)}}@media (min-width:1280px){.blogCard{flex-basis:calc(25% - 1.5rem)}}.blogCard{flex-basis:100%;flex-grow:1;background-color:#fff;border:1px solid transparent;border-radius:var(--border-radius);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);text-align:left}.blogCard:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:0 20px 25px -5px rgba(37,99,235,.1),0 8px 10px -6px rgba(37,99,235,.1);border-color:#60a5fa}.blogCardContent{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.blogCardTitle{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;color:#111827}.blogCardExcerpt{color:#4b5563;flex-grow:1;line-height:1.6}.blogCardDate{font-size:.875rem;color:#6b7280;margin-top:1rem}.errorMessage{color:#ef4444}