.blog-category-pill{flex:none;padding:.65rem 1rem;border:1px solid rgba(255,106,61,.22);border-radius:999px;background:rgba(255,106,61,.08);color:#ddd;font-size:.875rem;font-weight:650;transition:.2s ease}.blog-category-pill:hover,.blog-category-pill.active{background:#ff6a3d;color:#111;border-color:#ff6a3d}.blog-category-pill span{opacity:.7}.blog-card{overflow:hidden;border:1px solid rgba(255,106,61,.16);border-radius:1.15rem;background:#171719;transition:transform .2s ease,border-color .2s ease}.blog-card:hover{transform:translateY(-3px);border-color:rgba(255,106,61,.5)}.blog-card>img,.blog-cover-placeholder{width:100%;height:13rem;object-fit:cover}.blog-cover-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#2b1712,#111);color:#ff6a3d;font-size:5rem;font-weight:900}.blog-card-body{display:grid;gap:.7rem;padding:1.25rem}.blog-card-body>span{color:#ff805b;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.blog-card h2{margin:0;color:#fff;font-size:1.25rem;line-height:1.3}.blog-card h2 a{color:inherit}.blog-card p{margin:0;color:#a7a7ad;line-height:1.6}.blog-card time{color:#777;font-size:.8rem}.blog-pagination{display:flex;justify-content:center;gap:.5rem;margin:2rem 0}.blog-pagination a{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.7rem;background:rgba(255,106,61,.08);color:#ddd}.blog-pagination a.active{background:#ff6a3d;color:#111}.blog-detail{max-width:62rem;margin:0 auto}.blog-detail>header{max-width:50rem;margin:3rem auto 2rem;text-align:center}.blog-detail>header p{color:#ff805b;font-weight:700}.blog-detail h1{margin:.5rem 0 1rem;color:#fff;font-size:clamp(2rem,5vw,4rem);line-height:1.06}.blog-detail time{color:#94949a}.blog-hero{width:100%;max-height:34rem;object-fit:cover;border-radius:1.25rem}.blog-content{max-width:48rem;margin:2.5rem auto;color:#dedee2;font-size:1.05rem;line-height:1.8}.blog-content h2,.blog-content h3,.blog-content h4{margin-top:2em;color:#fff}.blog-content a{color:#ff805b;text-decoration:underline}.blog-content img{max-width:100%;height:auto;border-radius:1rem}.blog-content blockquote{margin:2rem 0;padding:1rem 1.5rem;border-left:3px solid #ff6a3d;background:rgba(255,106,61,.08)}.blog-detail>footer{display:flex;flex-wrap:wrap;gap:.5rem;max-width:48rem;margin:2rem auto}.blog-detail>footer span{padding:.4rem .7rem;border-radius:999px;background:rgba(255,106,61,.1);color:#ff9a7b}@media(max-width:640px){.blog-card>img,.blog-cover-placeholder{height:11rem}.blog-detail>header{margin-top:2rem}.blog-content{font-size:1rem}}