.blog-post-reading-column{max-width:52rem}.blog-post-loading{width:100%;padding:8rem 0 6rem}.blog-post-skeleton{background:linear-gradient(90deg, var(--c-muted) 25%, var(--c-background) 50%, var(--c-muted) 75%);border-radius:var(--radius-lg);background-size:200% 100%;animation:1.4s ease-in-out infinite blog-post-shimmer}.blog-post-skeleton-image{height:18rem;margin-bottom:2.5rem}.blog-post-skeleton-title{width:66.667%;height:2.5rem;margin-bottom:1.5rem}.blog-post-skeleton-copy{border-radius:var(--radius-sm);width:100%;height:8rem}.blog-post-hero{color:var(--c-primary-foreground);background:var(--c-primary);padding:8rem 0 4rem;position:relative;overflow:hidden}[data-theme=light] .blog-post-hero{color:var(--c-foreground);background:var(--c-surface-secondary)}[data-theme=light] .blog-post-hero-background img{opacity:.13;mix-blend-mode:multiply}[data-theme=light] .blog-post-hero-background:after{background:linear-gradient(90deg, var(--c-surface-secondary), hsl(var(--surface-secondary) / .92), hsl(var(--surface-secondary) / .72))}[data-theme=light] .blog-post-back-link,[data-theme=light] .blog-post-meta{color:var(--c-muted-foreground)}.blog-post-hero-background,.blog-post-hero-dots{pointer-events:none;position:absolute;inset:0}.blog-post-hero-background img{object-fit:cover;opacity:.3;mix-blend-mode:luminosity;width:100%;height:100%}.blog-post-hero-background:after{content:"";background:linear-gradient(90deg, var(--c-primary), hsl(var(--primary) / .9), hsl(var(--primary) / .6));position:absolute;inset:0}.blog-post-hero-dots{opacity:.1;background-image:radial-gradient(var(--c-primary-foreground) 1px, transparent 1px);background-size:1rem 1rem}.blog-post-hero-content{z-index:1;position:relative}.blog-post-back-link{color:hsl(var(--primary-foreground) / .7);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.875rem;font-weight:500;transition:color .2s;display:inline-flex}.blog-post-back-link:hover{color:var(--c-primary-foreground)}.blog-post-back-link svg,.blog-post-meta svg{flex:none;width:1rem;height:1rem}.blog-post-category{border-radius:var(--radius-full);width:fit-content;color:var(--c-secondary-foreground);background:var(--c-secondary);margin-bottom:1.5rem;padding:.3rem .7rem;font-size:.75rem;font-weight:600;display:block}.blog-post-hero h1{margin-bottom:1.5rem;font-size:clamp(1.875rem,7vw,3.5rem);font-weight:700;line-height:1.15}.blog-post-meta{color:hsl(var(--primary-foreground) / .7);flex-wrap:wrap;gap:.75rem 1.5rem;font-size:.875rem;display:flex}.blog-post-meta span{align-items:center;gap:.5rem;display:inline-flex}.blog-post-body{background:var(--c-background);padding:4rem 0}.blog-post-cover{z-index:1;border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);margin-top:-6rem;margin-bottom:3rem;position:relative;overflow:hidden}.blog-post-cover img{aspect-ratio:3/2;object-fit:cover;width:100%}.blog-post-content{max-width:none;font-size:1.125rem;line-height:1.75}.blog-post-content h3{color:var(--c-foreground);margin:2rem 0 .8rem;font-size:1.5rem;font-weight:700;line-height:1.3}.blog-post-content p{color:var(--c-muted-foreground);margin-top:1.25rem}.blog-post-content ol{color:var(--c-muted-foreground);margin:1.25rem 0;padding-left:1.75rem}.blog-post-content li{padding-left:.35rem}.blog-post-content li+li{margin-top:.75rem}.blog-post-content li::marker{color:var(--c-secondary);font-weight:700}.blog-post-content strong{color:var(--c-foreground);font-weight:700}.blog-post-cta{border-top:1px solid var(--c-border);color:var(--c-muted-foreground);flex-direction:column;align-items:flex-start;gap:1.5rem;margin-top:4rem;padding-top:2rem;display:flex}.blog-post-request-error{min-height:50vh;padding-top:8rem}@keyframes blog-post-shimmer{to{background-position:-200% 0}}@media (min-width:640px){.blog-post-cta{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width:768px){.blog-post-hero{padding:10rem 0 5rem}.blog-post-cover{margin-top:-6rem}}