.blog-listing-hero{text-align:center;padding:3rem 0 2rem}.blog-listing-hero h1{color:#111827;letter-spacing:-.02em;font-size:2.5rem;font-weight:800}.blog-listing-hero p{color:#6b7280;max-width:480px;margin-top:.5rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;padding:2rem 0 4rem;display:grid}.blog-grid>*{opacity:0;animation:.5s forwards blog-card-in}.blog-grid>:first-child{animation-delay:50ms}.blog-grid>:nth-child(2){animation-delay:.15s}.blog-grid>:nth-child(3){animation-delay:.25s}.blog-grid>:nth-child(4){animation-delay:.35s}.blog-grid>:nth-child(5){animation-delay:.45s}.blog-grid>:nth-child(6){animation-delay:.55s}@keyframes blog-card-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-post-header{max-width:720px;margin:2rem auto 0;padding:0 1.5rem}.blog-post-header .back-link{color:#e25d55;align-items:center;gap:.35rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:gap .2s;display:inline-flex}.blog-post-header .back-link:hover{gap:.6rem}.blog-post-header h1{color:#111827;letter-spacing:-.02em;margin-top:1.5rem;font-size:2.25rem;font-weight:800;line-height:1.25}.blog-post-header .meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.blog-post-header .meta time{color:#9ca3af;font-size:.875rem}.blog-post-header .meta .tag{color:#e25d55;background:#fff1f0;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:500}.blog-post-cover{max-width:720px;margin:2rem auto 0;padding:0 1.5rem}.blog-post-cover img{object-fit:cover;border-radius:1rem;width:100%;height:auto}.blog-article{color:#374151;max-width:720px;margin:2.5rem auto 0;padding:0 1.5rem 4rem;font-size:1.05rem;line-height:1.8}.blog-article h2{color:#111827;margin-top:2.5rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.blog-article h3{color:#111827;margin-top:2rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.blog-article p{margin-bottom:1.25rem}.blog-article a{color:#e25d55;text-decoration:underline}.blog-article a:hover{opacity:.8}.blog-article ul,.blog-article ol{margin:1rem 0 1.5rem 1.25rem}.blog-article li{margin-bottom:.4rem}.blog-article img{border-radius:.75rem;max-width:100%;height:auto;margin:1.5rem 0}.blog-article blockquote{color:#4b5563;background:#fff7f6;border-left:4px solid #e25d55;border-radius:0 .75rem .75rem 0;margin:1.5rem 0;padding:1rem 1.25rem;font-style:italic}.blog-article pre{color:#e5e7eb;background:#1f2937;border-radius:.75rem;margin:1.5rem 0;padding:1.25rem;font-size:.9rem;line-height:1.6;overflow-x:auto}.blog-article code{background:#f3f4f6;border-radius:.25rem;padding:.15rem .4rem;font-size:.9em}.blog-article pre code{background:0 0;padding:0}.blog-empty{text-align:center;padding:6rem 1.5rem}.blog-empty h2{color:#111827;font-size:1.5rem;font-weight:700}.blog-empty p{color:#6b7280;margin-top:.5rem}@media (max-width:640px){.blog-listing-hero h1{font-size:1.75rem}.blog-grid{grid-template-columns:1fr}.blog-post-header h1{font-size:1.65rem}.blog-article{font-size:1rem}}