.blog-post-page{padding-top:calc(var(--header-height) + var(--spacing-lg));padding-bottom:var(--spacing-xl);min-height:100vh;animation:.5s ease-out fadeIn}.blog-post__container{max-width:720px;padding:0 var(--spacing-md);margin:0 auto}.blog-post__back-link{color:var(--color-text-muted);margin-bottom:var(--spacing-lg);transition:color var(--transition-normal) cubic-bezier(.12, .23, .5, 1);align-items:center;font-size:.9rem;text-decoration:none;display:inline-flex}.blog-post__back-link:hover{color:var(--color-text-primary)}.blog-post__header{text-align:center;margin-bottom:var(--spacing-xl)}.blog-post__hero{margin-bottom:var(--spacing-xl);border-radius:var(--border-radius-lg);aspect-ratio:16/9;max-height:420px;overflow:hidden}.blog-post__hero-image{object-fit:cover;width:100%;height:100%;display:block}.blog-post__meta{justify-content:center;gap:var(--spacing-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md);font-size:.9rem;display:flex}.blog-post__title{margin-bottom:var(--spacing-md);color:var(--color-text-primary);letter-spacing:-.05em;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.1}.blog-post__author{color:var(--color-text-secondary);font-weight:400}.blog-post__updated{color:var(--color-text-muted);opacity:.8;margin-top:.25rem;font-size:.8rem}.blog-post__faq{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--navos-gs-smoke)}.blog-post__faq-heading{color:var(--color-text-primary);margin-bottom:var(--spacing-lg);letter-spacing:-.05em;font-size:1.75rem;font-weight:400;line-height:1.1}.blog-post__faq-list{gap:var(--spacing-lg);flex-direction:column;margin:0;display:flex}.blog-post__faq-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.blog-post__faq-question{color:var(--color-text-primary);letter-spacing:-.01em;font-size:1.125rem;font-weight:500}.blog-post__faq-answer{color:var(--color-text-description);margin:0;font-size:1rem;line-height:1.55}.blog-post__takeaways{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border:1px solid var(--navos-gs-smoke);border-radius:var(--border-radius-lg);background:var(--color-background-section)}.blog-post__takeaways-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:.8125rem;font-weight:600}.blog-post__takeaways-list{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0 0 0 1.5rem;list-style:decimal;display:flex}.blog-post__takeaways-list li{color:var(--color-text-primary);letter-spacing:-.01em;font-size:1rem;line-height:1.55}.blog-post__subscribe{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border:1px solid var(--navos-gs-smoke);border-radius:var(--border-radius-lg);background:var(--color-background-section)}.blog-post__subscribe-heading{color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:6px;font-size:1.125rem;font-weight:500}.blog-post__subscribe-text{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:.9375rem;line-height:1.5}.blog-content{font-size:var(--type-body-l-size);line-height:var(--type-body-l-line);letter-spacing:var(--type-body-l-tracking);color:var(--color-text-primary)}.blog-header-image{margin-bottom:var(--spacing-xl);border-radius:var(--border-radius-lg);overflow:hidden}.blog-header-image img{width:100%;height:auto;display:block}.blog-content h2{color:var(--color-text-primary);letter-spacing:-.05em;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:400;line-height:1.05}.blog-content h3{color:var(--color-text-primary);letter-spacing:-.04em;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:500;line-height:1.2}.blog-content h4{color:var(--color-text-primary);letter-spacing:-.02em;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-size:1.125rem;font-weight:500;line-height:1.25}.blog-content p{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.blog-content ul{margin-bottom:var(--spacing-md);padding-left:1.5rem;list-style:outside}.blog-content ol{margin-bottom:var(--spacing-md);padding-left:1.5rem;list-style:decimal}.blog-content li{margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.blog-content li::marker{color:var(--navos-gs-space)}.blog-content a{color:var(--color-accent-primary);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--navos-gs-smoke);text-decoration-color:var(--navos-gs-smoke);transition:text-decoration-color var(--transition-fast)}.blog-content a:hover{-webkit-text-decoration-color:var(--color-accent-primary);text-decoration-color:var(--color-accent-primary)}.blog-content strong{color:var(--color-text-primary);font-weight:600}.blog-content blockquote{border-left:3px solid var(--navos-gs-smoke);padding-left:var(--spacing-md);margin:var(--spacing-lg) 0;color:var(--navos-gs-graphite);font-style:italic}.blog-content blockquote p{color:inherit}.blog-content hr{border:none;border-top:1px solid var(--navos-gs-smoke);margin:var(--spacing-xl) 0}.blog-content code{background:var(--color-background-card);border-radius:4px;padding:.15em .4em;font-family:SF Mono,Fira Code,Fira Mono,Menlo,monospace;font-size:.875em}.blog-content pre{background:var(--navos-gs-phantom);color:var(--navos-gs-smoke);padding:var(--spacing-md);border-radius:var(--border-radius-md);margin:var(--spacing-lg) 0;font-size:.875rem;line-height:1.6;overflow-x:auto}.blog-content pre code{color:inherit;background:0 0;border-radius:0;padding:0}.blog-content table{border-collapse:collapse;width:100%;margin:var(--spacing-lg) 0;font-size:.9375rem;line-height:1.5}.blog-content thead th{text-align:left;color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 0;border-bottom:2px solid var(--navos-gs-smoke);letter-spacing:-.01em;font-weight:500}.blog-content tbody td{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 0;border-bottom:1px solid var(--color-background-card);color:var(--color-text-primary);vertical-align:top}.blog-content tbody tr:last-child td{border-bottom:none}.blog-content img{border-radius:var(--border-radius-md);margin:var(--spacing-lg) 0}.blog-post-not-found{min-height:60vh;padding-top:var(--header-height);flex-direction:column;justify-content:center;align-items:center;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.blog-post__title{font-size:2rem}.blog-content h2,.blog-content h3{margin-top:var(--spacing-lg)}.blog-content table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}
