*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1a1a1a;background:#fff}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.blog-container{max-width:48rem;margin:0 auto;padding:2rem 1rem}.blog-header{margin-bottom:3rem;text-align:center}.blog-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.blog-header p{color:#666;font-size:1.125rem}.blog-post-card{margin-bottom:3rem;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.blog-post-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.blog-post-image img{width:100%;height:auto;display:block}.blog-post-content{padding:1.5rem}.blog-post-content h2{font-size:1.5rem;margin-bottom:.75rem}.blog-post-excerpt{color:#555;margin-bottom:1rem}.blog-post-meta{display:flex;gap:1rem;font-size:.875rem;color:#888}.reading-time:before{content:"•";margin-right:.5rem}.blog-post{max-width:42rem;margin:0 auto}.blog-post-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.blog-post-hero-image img{width:100%;height:auto;border-radius:.5rem;margin:2rem 0}.blog-post-body{font-size:1.125rem}.blog-post-body p{margin-bottom:1.5rem}.blog-post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.tag{background:#f3f4f6;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;color:#4b5563}