.blog-post-page__header{padding-top:calc(var(--header-height) + var(--space-6));padding-bottom:var(--space-4)}.blog-post-page__back{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-smooth);font-weight:500;display:inline-flex}.blog-post-page__back:hover{color:var(--color-deep-ocean)}.blog-post{padding:var(--space-6) 0 var(--space-16)}.blog-post__meta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.blog-post__date,.blog-post__author{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.blog-post__title{font-size:var(--text-3xl);margin-bottom:var(--space-8);max-width:720px}.blog-post__hero{aspect-ratio:16/7;border-radius:var(--radius-xl);margin-bottom:var(--space-10);background:linear-gradient(135deg,oklch(93% .015 210),oklch(88% .03 80/.4));overflow:hidden}.blog-post__hero-placeholder{opacity:.2;justify-content:center;align-items:center;height:100%;font-size:4rem;display:flex}.blog-post__hero-img{object-fit:cover;width:100%;height:100%}.blog-post__content{gap:var(--space-5);flex-direction:column;display:flex}.blog-post__content h2{font-size:var(--text-2xl);margin-top:var(--space-4);color:var(--color-deep-ocean)}.blog-post__content p{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.blog-post__footer{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border-light);display:flex}@media (width<=768px){.blog-post__title{font-size:var(--text-2xl)}.blog-post__footer{flex-direction:column}}
