.post-hero{background:linear-gradient(135deg,color-mix(in oklab,var(--primary) 10%,transparent),transparent);padding:7rem 0 2.5rem}.post-hero .container{max-width:760px}.post-back{color:var(--primary);margin-bottom:1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.post-category{background:var(--primary);color:var(--primary-foreground);letter-spacing:.02em;border-radius:999px;margin-bottom:1rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.post-hero h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2rem,3.5vw,3rem);line-height:1.15}.post-meta{color:color-mix(in oklab,var(--foreground) 60%,transparent);font-size:.95rem}.post-body{max-width:720px;color:color-mix(in oklab,var(--foreground) 88%,transparent);margin:0 auto;padding:3rem 1.5rem 4rem;font-size:1.0625rem;line-height:1.75}.post-body h2{letter-spacing:-.01em;color:var(--foreground);margin:2.5rem 0 1rem;font-size:1.5rem}.post-body p{margin:0 0 1.25rem}.post-body ul{margin:0 0 1.25rem 1.25rem;padding:0}.post-body ul li{margin-bottom:.5rem}.post-cta{background:var(--card);border:1px solid color-mix(in oklab,var(--primary) 25%,transparent);text-align:center;border-radius:16px;max-width:720px;margin:0 auto 5rem;padding:2rem}.post-cta h3{margin:0 0 .75rem;font-size:1.4rem}.post-cta p{color:color-mix(in oklab,var(--foreground) 70%,transparent);margin:0 0 1.25rem}.post-notfound{text-align:center;padding:8rem 1.5rem}
