.blog-post-page{--bp-bg:var(--color-paper);--bp-surface:var(--color-surface);--bp-text:var(--color-ink);--bp-muted:var(--color-muted);--bp-faint:var(--color-faint);--bp-line:var(--color-line);--bp-accent:var(--color-teal-ink);background:var(--bp-bg)}html.bp-theme-dark .blog-post-page{--bp-bg:#0e0e13;--bp-surface:#16161d;--bp-text:#f4f4f5;--bp-muted:#a6a6b2;--bp-faint:#76767f;--bp-line:#ffffff1a;--bp-accent:#31e7dd}html.bp-theme-dark body{background:#0e0e13}.bp-main{max-width:46rem;padding-top:2.5rem;padding-bottom:5rem}.bp-theme-toggle{z-index:60;border:1px solid var(--bp-line);background:var(--bp-surface);width:2.75rem;height:2.75rem;color:var(--bp-text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 10px 30px -12px #00000059}.bp-theme-toggle:hover{transform:translateY(-2px)}.bp-theme-toggle svg{width:1.2rem;height:1.2rem}.bp-breadcrumb ol{color:var(--bp-faint);flex-wrap:wrap;align-items:center;gap:.5rem;padding:0;font-size:.78rem;list-style:none;display:flex}.bp-breadcrumb a{color:var(--bp-faint);text-decoration:none}.bp-breadcrumb a:hover{color:var(--bp-text)}.bp-breadcrumb-current{color:var(--bp-muted);text-overflow:ellipsis;white-space:nowrap;max-width:28ch;overflow:hidden}.bp-header{margin-top:1.75rem}.bp-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.bp-tag{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--bp-accent);background:#31e7dd1a;border-radius:999px;padding:.2rem .55rem;font-size:.7rem}.bp-title{font-family:var(--font-display);letter-spacing:-.032em;color:var(--bp-text);font-size:clamp(2rem,5vw,3rem);font-weight:600;line-height:1.1}.bp-excerpt{color:var(--bp-muted);margin-top:1rem;font-size:1.2rem;line-height:1.6}.bp-meta{border-bottom:1px solid var(--bp-line);align-items:center;gap:.85rem;margin-top:1.75rem;padding-bottom:1.75rem;display:flex}.bp-meta-author-img{object-fit:cover;border-radius:999px}.bp-meta-author-name{color:var(--bp-text);font-weight:600}.bp-meta-author-role{color:var(--bp-muted);margin-left:.5rem;font-size:.875rem}.bp-meta-line{color:var(--bp-faint);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.2rem;font-size:.85rem;display:flex}.bp-meta-sep{color:var(--bp-line)}.bp-hero{border-radius:var(--radius-xl);border:1px solid var(--bp-line);margin:2.25rem 0;overflow:hidden}.bp-hero img{width:100%;height:auto;display:block}.bl-prose{color:var(--bp-text)}.bl-prose-p{color:var(--bp-text);margin:1.4rem 0;font-size:1.0625rem;line-height:1.8}.bl-prose-h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--bp-text);margin:2.75rem 0 1rem;font-size:1.7rem;font-weight:600;line-height:1.25}.bl-prose-h3{font-family:var(--font-display);color:var(--bp-text);margin:2.25rem 0 .75rem;font-size:1.35rem;font-weight:600}.bl-prose-h4{color:var(--bp-text);margin:1.75rem 0 .5rem;font-size:1.1rem;font-weight:600}.bl-prose-ul,.bl-prose-ol{color:var(--bp-text);margin:1.4rem 0;padding-left:1.4rem}.bl-prose-ul{list-style:outside}.bl-prose-ol{list-style:decimal}.bl-prose-ul li,.bl-prose-ol li{margin:.5rem 0;font-size:1.0625rem;line-height:1.75}.bl-prose-quote{border-left:3px solid var(--bp-accent);color:var(--bp-muted);margin:1.75rem 0;padding:.5rem 0 .5rem 1.5rem;font-size:1.25rem;font-style:italic;line-height:1.6}.bl-prose-link{color:var(--bp-accent);text-underline-offset:2px;text-decoration:underline}.bl-inline-code{font-family:var(--font-mono);background:var(--bp-surface);border:1px solid var(--bp-line);border-radius:6px;padding:.1rem .35rem;font-size:.875em}.bl-prose-figure{margin:2rem 0}.bl-prose-figure img{border-radius:var(--radius-lg);border:1px solid var(--bp-line);width:100%}.bl-prose-caption{color:var(--bp-faint);text-align:center;margin-top:.6rem;font-size:.85rem;font-style:italic}.bl-callout{border-radius:var(--radius-lg);border:1px solid var(--bp-line);background:var(--bp-surface);gap:.85rem;margin:1.75rem 0;padding:1.1rem 1.25rem;display:flex}.bl-callout-icon{color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.8rem;font-weight:700;display:inline-flex}.bl-callout-info .bl-callout-icon{background:var(--color-teal-ink)}.bl-callout-tip .bl-callout-icon{background:#14a44d}.bl-callout-warning .bl-callout-icon{background:var(--color-coral)}.bl-callout-body{color:var(--bp-text);font-size:.975rem;line-height:1.65}.bl-code{border-radius:var(--radius-lg);background:#16161d;border:1px solid #ffffff14;margin:1.75rem 0;padding:1.1rem 1.25rem;overflow-x:auto}.bl-code code{font-family:var(--font-mono);color:#e6e6ea;white-space:pre;font-size:.875rem;line-height:1.6}.bl-prose-youtube{margin:2rem 0}.bl-youtube-wrap{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#000;position:relative;overflow:hidden}.bl-youtube-wrap iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.bl-youtube-poster{cursor:pointer;background:#000;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.bl-youtube-poster img{object-fit:cover;opacity:.85;width:100%;height:100%}.bl-youtube-play{color:#0e0e13;background:#31e7ddeb;border-radius:999px;justify-content:center;align-items:center;width:4rem;height:4rem;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bl-post-cta{border-radius:var(--radius-xl);background:var(--color-dark);color:#fff;margin:3rem 0 1rem;padding:2rem;position:relative;overflow:hidden}.bl-post-cta-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-teal);font-size:.75rem}.bl-post-cta-heading{font-family:var(--font-display);color:#fff;margin-top:.6rem;font-size:1.5rem;font-weight:600}.bl-post-cta-body{color:var(--color-dark-muted);margin-top:.6rem;line-height:1.6}.bl-post-cta-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.bl-cta-btn{border-radius:var(--radius);align-items:center;gap:.4rem;padding:.7rem 1.3rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.bl-cta-btn:hover{transform:translateY(-1px)}.bl-cta-btn-primary{background:var(--color-teal);color:#0e0e13}.bl-cta-btn-secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff2e}.bp-footer-row{border-top:1px solid var(--bp-line);margin-top:2.5rem;padding-top:1.75rem}.bl-share{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.bl-share-label{color:var(--bp-faint);margin-right:.25rem;font-size:.85rem}.bl-share-btn{border:1px solid var(--bp-line);background:var(--bp-surface);color:var(--bp-muted);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.85rem;text-decoration:none;transition:all .2s;display:inline-flex}.bl-share-btn:hover{color:var(--bp-text);border-color:var(--bp-accent)}.bp-author-bio{border-radius:var(--radius-lg);border:1px solid var(--bp-line);background:var(--bp-surface);gap:1.1rem;margin-top:2.5rem;padding:1.5rem;display:flex}.bp-author-bio-img{object-fit:cover;border-radius:999px;flex-shrink:0}.bp-author-bio-name{color:var(--bp-text);font-weight:600}.bp-author-bio-role{color:var(--bp-muted);margin-left:.5rem;font-size:.875rem}.bp-author-bio-text{color:var(--bp-muted);margin-top:.5rem;font-size:.95rem;line-height:1.6}.bp-author-bio-socials{gap:1rem;margin-top:.75rem;display:flex}.bp-author-bio-socials a{color:var(--bp-accent);font-size:.85rem;text-decoration:none}.bp-author-bio-socials a:hover{text-decoration:underline}.bp-related{margin-top:3.5rem}.bp-related-title{font-family:var(--font-display);color:var(--bp-text);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.bp-related-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;display:grid}@media (min-width:640px){.bp-related-grid{grid-template-columns:repeat(3,1fr)}}.bp-back-row{margin-top:3rem}.bp-back-link{color:var(--bp-accent);font-size:.95rem;font-weight:500;text-decoration:none}.bp-back-link:hover{text-decoration:underline}