.blog-post[data-astro-cid-4sn4zg3r]{background:var(--color-white);padding:var(--spacing-4xl) 0}.post-header-actions[data-astro-cid-4sn4zg3r]{display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:2px solid var(--color-border);flex-wrap:wrap}.post-header-actions[data-astro-cid-4sn4zg3r] .btn[data-astro-cid-4sn4zg3r]{display:inline-flex;align-items:center;gap:var(--spacing-sm);flex:0 1 auto}.post-hero-image[data-astro-cid-4sn4zg3r]{width:100%;height:400px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-3xl);box-shadow:var(--shadow-lg)}.post-hero-image[data-astro-cid-4sn4zg3r] img[data-astro-cid-4sn4zg3r]{width:100%;height:100%;object-fit:cover}.post-header[data-astro-cid-4sn4zg3r]{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:2px solid var(--color-border)}.post-meta[data-astro-cid-4sn4zg3r]{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);flex-wrap:wrap;align-items:center}.post-date[data-astro-cid-4sn4zg3r],.post-author[data-astro-cid-4sn4zg3r]{font-size:var(--font-size-sm);color:var(--color-text-light)}.post-category[data-astro-cid-4sn4zg3r]{display:inline-block;padding:6px 12px;background:var(--color-accent);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize}.post-title[data-astro-cid-4sn4zg3r]{font-size:var(--font-size-4xl);color:var(--color-primary);margin-bottom:var(--spacing-md);line-height:1.2}.post-description[data-astro-cid-4sn4zg3r]{font-size:var(--font-size-lg);color:var(--color-text-light);line-height:1.7}.post-wrapper[data-astro-cid-4sn4zg3r]{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-4xl)}.post-content[data-astro-cid-4sn4zg3r]{max-width:900px}.post-content h2{font-size:var(--font-size-3xl);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);color:var(--color-primary)}.post-content h3{font-size:var(--font-size-2xl);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--color-primary)}.post-content p{margin-bottom:var(--spacing-md);line-height:1.8;color:var(--color-text)}.post-content ul,.post-content ol{margin-bottom:var(--spacing-md);margin-left:var(--spacing-lg);color:var(--color-text)}.post-content li{margin-bottom:var(--spacing-sm);line-height:1.8}.post-content strong{font-weight:700;color:var(--color-primary)}.post-content code{background:var(--color-secondary);padding:2px 6px;border-radius:var(--radius-sm);font-family:Courier New,monospace;color:var(--color-primary)}.post-content blockquote{border-left:4px solid var(--color-accent);padding-left:var(--spacing-md);margin:var(--spacing-lg) 0;color:var(--color-text-light);font-style:italic}.post-footer[data-astro-cid-4sn4zg3r]{margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:2px solid var(--color-border)}.post-tags[data-astro-cid-4sn4zg3r]{margin-bottom:var(--spacing-2xl)}.post-tags[data-astro-cid-4sn4zg3r] h3[data-astro-cid-4sn4zg3r]{font-size:var(--font-size-md);margin-bottom:var(--spacing-md);color:var(--color-primary)}.tags-list[data-astro-cid-4sn4zg3r]{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.tag[data-astro-cid-4sn4zg3r]{display:inline-block;padding:6px 12px;background:var(--color-secondary);color:var(--color-text);border-radius:var(--radius-full);font-size:var(--font-size-sm);text-decoration:none;transition:all var(--transition-fast);border:1px solid transparent}.tag[data-astro-cid-4sn4zg3r]:hover{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.post-navigation[data-astro-cid-4sn4zg3r]{margin-top:var(--spacing-xl)}.back-link[data-astro-cid-4sn4zg3r]{color:var(--color-accent);text-decoration:none;font-weight:600;transition:all var(--transition-fast);display:inline-block}.back-link[data-astro-cid-4sn4zg3r]:hover{color:var(--color-primary);transform:translate(-4px)}.post-sidebar[data-astro-cid-4sn4zg3r]{position:sticky;top:100px;height:fit-content}.sidebar-box[data-astro-cid-4sn4zg3r]{background:var(--color-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.sidebar-box[data-astro-cid-4sn4zg3r] h3[data-astro-cid-4sn4zg3r]{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--color-primary)}.sidebar-box[data-astro-cid-4sn4zg3r] p[data-astro-cid-4sn4zg3r]{color:var(--color-text-light);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.related-posts[data-astro-cid-4sn4zg3r]{display:flex;flex-direction:column;gap:var(--spacing-md)}.related-post-link[data-astro-cid-4sn4zg3r]{display:block;padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);border:1px solid var(--color-border)}.related-post-link[data-astro-cid-4sn4zg3r]:hover{border-color:var(--color-accent);transform:translate(4px)}.related-post-link[data-astro-cid-4sn4zg3r] h4[data-astro-cid-4sn4zg3r]{font-size:var(--font-size-sm);color:var(--color-primary);margin-bottom:var(--spacing-xs);line-height:1.4}.related-date[data-astro-cid-4sn4zg3r]{font-size:var(--font-size-xs);color:var(--color-text-light)}.no-related[data-astro-cid-4sn4zg3r]{color:var(--color-text-light);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-md)}.cta-box[data-astro-cid-4sn4zg3r]{text-align:center}.cta-box[data-astro-cid-4sn4zg3r] .btn[data-astro-cid-4sn4zg3r]{width:100%;justify-content:center}@media(max-width:1024px){.post-wrapper[data-astro-cid-4sn4zg3r]{grid-template-columns:1fr}.post-sidebar[data-astro-cid-4sn4zg3r]{position:static;top:auto}}@media(max-width:768px){.blog-post[data-astro-cid-4sn4zg3r]{padding:var(--spacing-2xl) 0}.post-header-actions[data-astro-cid-4sn4zg3r]{flex-direction:column;gap:var(--spacing-sm)}.post-header-actions[data-astro-cid-4sn4zg3r] .btn[data-astro-cid-4sn4zg3r]{width:100%;justify-content:center}.post-hero-image[data-astro-cid-4sn4zg3r]{height:250px}.post-title[data-astro-cid-4sn4zg3r]{font-size:var(--font-size-2xl)}.post-meta[data-astro-cid-4sn4zg3r]{gap:var(--spacing-md)}.post-content h2{font-size:var(--font-size-2xl)}.post-content h3{font-size:var(--font-size-xl)}}
