.blog-post-container[data-astro-cid-7jjqptxk]{padding-bottom:6rem}.post-header[data-astro-cid-7jjqptxk]{position:relative;padding:6rem 0 4rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.header-content-wrapper[data-astro-cid-7jjqptxk]{position:relative;z-index:10;max-width:800px}.back-link[data-astro-cid-7jjqptxk]{display:inline-flex;align-items:center;color:var(--accent-cyan);font-family:var(--font-title);font-size:1.1rem;font-weight:600;margin-bottom:2rem;transition:var(--transition-fast);background:#22d3ee1a;padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(34,211,238,.2)}.back-link[data-astro-cid-7jjqptxk]:hover{color:var(--accent-cyan);transform:translate(-4px)}.post-meta[data-astro-cid-7jjqptxk]{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.meta-date[data-astro-cid-7jjqptxk],.reading-time[data-astro-cid-7jjqptxk]{font-size:.85rem;color:var(--text-muted)}.meta-separator[data-astro-cid-7jjqptxk]{color:var(--border-color)}.post-title[data-astro-cid-7jjqptxk]{font-size:3rem;line-height:1.2;color:#fff;margin-bottom:1.5rem;letter-spacing:-.02em;font-weight:800}@media(max-width:768px){.post-title[data-astro-cid-7jjqptxk]{font-size:2.25rem}}.post-description[data-astro-cid-7jjqptxk]{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;font-weight:400}.post-layout[data-astro-cid-7jjqptxk]{display:grid;grid-template-columns:8fr 4fr;gap:3.5rem;margin-top:3.5rem}@media(max-width:1024px){.post-layout[data-astro-cid-7jjqptxk]{grid-template-columns:1fr;gap:2rem}.post-sidebar[data-astro-cid-7jjqptxk]{display:none}}.post-content-column[data-astro-cid-7jjqptxk]{min-width:0}.post-banner-container[data-astro-cid-7jjqptxk]{width:100%;aspect-ratio:1200 / 630;border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:3rem;background:#0f172a;overflow:hidden}.post-banner[data-astro-cid-7jjqptxk]{width:100%;height:100%;object-fit:cover;display:block}.post-sidebar[data-astro-cid-7jjqptxk]{position:relative}.sticky-sidebar[data-astro-cid-7jjqptxk]{position:sticky;top:6.5rem;display:flex;flex-direction:column;gap:2rem}.sidebar-widget[data-astro-cid-7jjqptxk]{padding:1.75rem;border-radius:var(--radius-lg)}.widget-title[data-astro-cid-7jjqptxk]{font-family:var(--font-title);font-size:1.1rem;font-weight:700;margin-bottom:1.25rem;color:#fff;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.author-header[data-astro-cid-7jjqptxk]{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.author-avatar[data-astro-cid-7jjqptxk]{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.author-name[data-astro-cid-7jjqptxk]{font-size:1rem;font-weight:700;color:#fff}.author-title[data-astro-cid-7jjqptxk]{font-size:.75rem;color:var(--text-muted);display:block}.author-bio[data-astro-cid-7jjqptxk]{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.author-link[data-astro-cid-7jjqptxk]{font-size:.85rem;font-weight:600;color:var(--accent-cyan)}.toc-list[data-astro-cid-7jjqptxk]{list-style:none;padding:0;margin:0}.toc-item[data-astro-cid-7jjqptxk]{margin-bottom:.75rem;line-height:1.4}.toc-item[data-astro-cid-7jjqptxk].depth-2{font-weight:600;margin-top:1rem}.toc-item[data-astro-cid-7jjqptxk].depth-3{padding-left:1.25rem;font-size:.85rem;opacity:.8}.toc-item[data-astro-cid-7jjqptxk] a[data-astro-cid-7jjqptxk]{color:var(--text-secondary);transition:var(--transition-fast);text-decoration:none}.toc-item[data-astro-cid-7jjqptxk] a[data-astro-cid-7jjqptxk]:hover{color:var(--accent-cyan)}.sidebar-ad-wrapper[data-astro-cid-7jjqptxk]{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color)}.prose .phone-screenshot{max-width:320px;margin:2.5rem auto;display:block;border-radius:20px;box-shadow:0 10px 40px #0006;border:4px solid var(--bg-tertiary)}.prose .desktop-screenshot{max-width:100%;margin:2.5rem auto;display:block;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0006;border:1px solid var(--border-color)}
