.blog-post:where(.astro-4sn4zg3r){padding-block:clamp(var(--space-12),8vw,var(--space-20))}.blog-post__container:where(.astro-4sn4zg3r){max-width:800px}.blog-post__header:where(.astro-4sn4zg3r){display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-10);animation:fadeInUp .6s var(--ease-out) forwards}.blog-post__back:where(.astro-4sn4zg3r){display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-muted);font-weight:500;font-size:var(--type-sm);text-decoration:none;transition:color var(--duration-fast) var(--ease-out),gap var(--duration-fast) var(--ease-out);margin-bottom:var(--space-4)}.blog-post__back:where(.astro-4sn4zg3r):hover{color:var(--color-text);gap:var(--space-3)}.blog-post__back:where(.astro-4sn4zg3r):visited{color:var(--color-muted)}.blog-post__back:where(.astro-4sn4zg3r) svg:where(.astro-4sn4zg3r){transition:transform var(--duration-fast) var(--ease-out)}.blog-post__back:where(.astro-4sn4zg3r):hover svg:where(.astro-4sn4zg3r){transform:translate(-3px)}.blog-post__meta:where(.astro-4sn4zg3r){display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.blog-post__date:where(.astro-4sn4zg3r){color:var(--color-muted);font-size:var(--type-sm);font-weight:500}.blog-post__tags:where(.astro-4sn4zg3r){list-style:none;display:flex;gap:var(--space-2);padding:0;margin:0;flex-wrap:wrap}.blog-post__tags:where(.astro-4sn4zg3r) li:where(.astro-4sn4zg3r){padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#0071e314;color:var(--color-primary);font-size:var(--type-xs);font-weight:500}.blog-post__header:where(.astro-4sn4zg3r) h1:where(.astro-4sn4zg3r){font-size:clamp(var(--type-2xl),5vw,var(--type-4xl));font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-post__description:where(.astro-4sn4zg3r){font-size:var(--type-lg);color:var(--color-text-secondary);line-height:1.6;margin:0;max-width:65ch}.blog-post__content:where(.astro-4sn4zg3r){display:grid;gap:var(--space-6);border-radius:var(--radius-2xl);padding:clamp(var(--space-8),5vw,var(--space-12));animation:fadeInUp .6s var(--ease-out) .1s backwards}.blog-post__content:where(.astro-4sn4zg3r) h2{font-size:var(--type-xl);font-weight:600;letter-spacing:-.02em;margin-top:var(--space-4);color:var(--color-text)}.blog-post__content:where(.astro-4sn4zg3r) h3{font-size:var(--type-lg);font-weight:600;letter-spacing:-.02em;margin-top:var(--space-3);color:var(--color-text)}.blog-post__content:where(.astro-4sn4zg3r) p{margin:0;color:var(--color-text-secondary);line-height:1.7}.blog-post__content:where(.astro-4sn4zg3r) ul,.blog-post__content:where(.astro-4sn4zg3r) ol{padding-left:var(--space-6);color:var(--color-text-secondary);line-height:1.7}.blog-post__content:where(.astro-4sn4zg3r) li{margin-bottom:var(--space-2)}.blog-post__content:where(.astro-4sn4zg3r) blockquote{border-left:3px solid var(--color-primary);padding-left:var(--space-6);margin-left:0;color:var(--color-text-secondary);font-style:italic}.blog-post__content:where(.astro-4sn4zg3r) code{font-family:var(--font-mono);font-size:.9em;background:#0000000a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.blog-post__content:where(.astro-4sn4zg3r) pre{background:var(--color-text);color:var(--color-bg);padding:var(--space-6);border-radius:var(--radius-lg);overflow-x:auto;font-family:var(--font-mono);font-size:var(--type-sm);line-height:1.6}.blog-post__content:where(.astro-4sn4zg3r) pre code{background:none;padding:0;border-radius:0;color:inherit;font-size:inherit}.blog-post__content:where(.astro-4sn4zg3r) a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.blog-post__content:where(.astro-4sn4zg3r) a:hover{text-decoration:none}.blog-post__content:where(.astro-4sn4zg3r) img{border-radius:var(--radius-lg);margin-block:var(--space-4)}.blog-post__content:where(.astro-4sn4zg3r) hr{border:none;border-top:1px solid var(--color-border);margin-block:var(--space-8)}