.page-header{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;text-align:center}.page-header h1{font-size:2.5rem;font-weight:700;color:#1a202c}.page-header p{text-align:center;font-size:1rem;color:#6b7280;margin-top:.75rem}.blog-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width: 768px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width: 1024px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.blog-item-link{display:block;text-decoration:none;color:inherit;cursor:pointer}.blog-card{background-color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.blog-item-link:hover .blog-card{transform:translateY(-8px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.blog-thumbnail-container{overflow:hidden;aspect-ratio:3 / 2}.blog-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .5s ease-in-out}.blog-item-link:hover .blog-thumbnail{transform:scale(1.1)}.blog-card-placeholder{width:100%;height:100%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#6b7280}.blog-text{padding-top:.75rem;text-align:center}.blog-text h3{font-size:1.25rem;font-weight:600;color:#09008b;margin-bottom:.25rem}.blog-text h3:hover{text-decoration:underline;transform:translateY(-3px)}.no-posts{text-align:center;color:#ff5050;font-size:1.125rem}