.blog-list{max-width:720px;margin:3rem auto;padding:2rem 1.5rem;background:#ffffff;border-radius:1rem;box-shadow:0 8px 30px rgba(0,0,0,.05);transition:box-shadow .3s ease,transform .2s ease}.blog-list:hover{transform:translateY(-2px);box-shadow:0 10px 40px rgba(0,0,0,.08)}.blog-post{position:relative;padding:1.5rem 1rem;border-bottom:1px solid #e5e7eb;transition:background .3s ease,transform .2s ease;cursor:pointer}.blog-post:last-child{border-bottom:none}.blog-post:hover{background:#f9fafb;transform:translateY(-1px)}.blog-post-title{display:inline-block;font-size:1.3rem;font-weight:600;color:#0f172a;text-decoration:none;line-height:1.4;transition:color .25s ease;text-align:start}.blog-post-title:hover{color:#00796b}.blog-post-title:visited{color:#475569}.blog-post-date{font-size:.9rem;color:#6b7280;margin-top:.25rem;display:block}.blog-post-tag{display:inline-block;background:#e0f2f1;color:#065f46;font-size:.8rem;font-weight:500;padding:.3rem .7rem;border-radius:999px;margin-top:.5rem;text-transform:uppercase;letter-spacing:.5px}.blog-intro{font-size:1.2rem;text-align:center;color:#374151;margin-top:.75rem;line-height:1.6}.blog-post-header{margin-bottom:.5rem;font:1em sans-serif}@media (max-width:600px){.blog-list{padding:1.25rem;margin:2rem 1rem}.blog-post{padding:1.25rem .75rem}.blog-post-title{font-size:1.1rem}}