.blog-post{max-width:780px;margin:0 auto}.blog-post-topbar{justify-content:flex-end;gap:.6rem;margin-bottom:1rem;display:flex}.blog-back-btn{border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.9rem;font-weight:600;line-height:1;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.blog-back-btn:hover,.blog-back-btn:focus-visible{background:var(--color-primary);color:#fff}.blog-back-btn i{font-size:1rem}.blog-title{margin-bottom:.5rem;font-size:2rem;font-weight:700;line-height:1.25}.blog-author{color:var(--color-gray-560);margin-bottom:.25rem;font-size:.9rem}.blog-date{color:var(--color-gray-560);margin-bottom:1.5rem;font-size:.85rem;display:block}.blog-author-link{color:var(--color-primary);font-weight:600;text-decoration:none}.blog-author-link:hover,.blog-author-link:focus-visible{text-decoration:underline}.blog-hero{border-radius:16px;width:100%;height:320px;margin-bottom:2rem;overflow:hidden}.blog-hero img{object-fit:cover;width:100%;height:100%}.blog-content p{color:var(--color-gray-850);margin-bottom:1.2rem;font-size:1rem;line-height:1.7}.blog-content h2{margin-top:2rem;margin-bottom:.8rem;font-size:1.35rem;font-weight:700}.blog-content ul{margin-bottom:1.2rem;margin-left:1.2rem}.blog-content li{margin-bottom:.4rem}@media (max-width:768px){.blog-title{font-size:1.6rem}.blog-hero{height:220px}}