.blog-post-header-band{z-index:1;border-bottom:1px solid var(--blog-border);position:relative}.blog-post-header-inner{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:48rem;margin-inline:auto;padding:3.5rem 1.5rem 2rem;display:flex}.blog-post-meta-row{color:var(--blog-muted-foreground);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem .85rem;font-size:.875rem;display:flex}.blog-post-back{width:1.5rem;height:1.5rem;color:var(--blog-foreground);background:var(--blog-background);border:1px solid var(--blog-border);border-radius:.375rem;place-items:center;text-decoration:none;transition:background-color .15s;display:inline-grid}.blog-post-back:hover{background:var(--blog-muted)}.blog-post-tags{flex-wrap:wrap;gap:.75rem;display:flex}.blog-post-tag{height:1.5rem;color:var(--blog-muted-foreground);background:var(--blog-muted);border:1px solid var(--blog-border);border-radius:.375rem;justify-content:center;align-items:center;padding:0 .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.blog-post-date{color:var(--blog-muted-foreground);font-weight:500}.blog-post-header-inner h1{color:var(--blog-foreground);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,4.5vw,3.15rem);font-weight:650;line-height:1.08}.blog-post-description{max-width:40rem;color:var(--blog-muted-foreground);text-wrap:pretty;margin:0;font-size:1.0625rem;line-height:1.6}.blog-post-columns{z-index:1;width:100%;max-width:80rem;margin-inline:auto;padding-inline:1rem;display:flex;position:relative}.blog-post-columns-frame{pointer-events:none;border-right:1px solid var(--blog-border);border-left:1px solid var(--blog-border);width:calc(100% - 2rem);height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.blog-post-main{width:100%;min-width:0;overflow:hidden}.blog-post-hero{color:#f8fafc;background:radial-gradient(circle at 70% 30%,#ffffff14,#0000 40%),linear-gradient(160deg,#0f172a 0%,#020617 100%);border:1px solid #0000;flex-direction:column;justify-content:flex-end;gap:.75rem;width:100%;height:min(31.25rem,55vw);min-height:16rem;padding:1.75rem;display:flex;position:relative;overflow:hidden}.blog-post-hero.is-violet{background:radial-gradient(circle at 30% 70%,#8b5cf652,#0000 45%),linear-gradient(160deg,#111827 0%,#1e1b4b 100%)}.blog-post-hero.is-blue{background:radial-gradient(circle at 70% 30%,#3b82f64d,#0000 42%),linear-gradient(160deg,#0f172a 0%,#0c4a6e 100%)}.blog-post-hero.is-emerald{background:radial-gradient(circle at 20% 20%,#10b98147,#0000 45%),linear-gradient(160deg,#0f172a 0%,#064e3b 100%)}.blog-post-hero.is-amber{background:radial-gradient(circle at 80% 70%,#f59e0b42,#0000 45%),linear-gradient(160deg,#111827 0%,#78350f 100%)}.blog-post-hero.is-rose{background:radial-gradient(circle at 40% 30%,#f43f5e42,#0000 45%),linear-gradient(160deg,#111827 0%,#4c0519 100%)}.blog-post-hero.is-slate{background:radial-gradient(circle at 60% 40%,#94a3b833,#0000 45%),linear-gradient(160deg,#0f172a 0%,#1e293b 100%)}.blog-post-hero strong{letter-spacing:-.03em;font-size:clamp(1.5rem,3vw,2rem);font-weight:600}.blog-post-hero p{color:#f8fafcb8;max-width:36rem;margin:0;font-size:.95rem;line-height:1.5}.blog-post-body{padding:1.5rem}.blog-post-aside{background:linear-gradient(90deg, color-mix(in srgb, var(--blog-muted) 55%, transparent) 0%, color-mix(in srgb, var(--blog-muted) 28%, transparent) 42%, color-mix(in srgb, var(--blog-muted) 10%, transparent) 72%, transparent 100%);border:none;flex-shrink:0;width:21.875rem;padding:1.5rem;display:none}.blog-post-aside-sticky{flex-direction:column;gap:2rem;display:flex;position:sticky;top:5rem}.blog-post-toc-card{background:0 0;border:none;border-radius:0;padding:0}@media (width>=48rem){.blog-post-body{padding:2.5rem}}@media (width>=64rem){.blog-post-columns{padding-inline:0}.blog-post-columns-frame{width:100%}.blog-post-aside{padding:2.5rem;display:block}}.blog-author-card{align-items:flex-start;gap:.5rem;display:flex}.blog-author-avatar{color:#f8fafc;border:1px solid var(--blog-border);border-radius:9999px;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-size:.625rem;font-weight:700;display:inline-grid}.blog-author-avatar.is-violet{background:linear-gradient(145deg,#7c3aed,#4c1d95)}.blog-author-avatar.is-blue{background:linear-gradient(145deg,#2563eb,#0c4a6e)}.blog-author-avatar.is-emerald{background:linear-gradient(145deg,#059669,#064e3b)}.blog-author-avatar.is-slate{background:linear-gradient(145deg,#64748b,#1e293b)}.blog-author-avatar.is-amber{background:linear-gradient(145deg,#d97706,#78350f)}.blog-author-avatar.is-rose{background:linear-gradient(145deg,#e11d48,#4c0519)}.blog-author-meta{flex:1;min-width:0}.blog-author-meta h3{color:var(--blog-foreground);letter-spacing:-.02em;margin:0;font-size:.875rem;font-weight:600;line-height:1.3}.blog-author-meta p{color:var(--blog-muted-foreground);margin:.1rem 0 0;font-size:.75rem;line-height:1.4}.blog-mobile-toc-trigger{z-index:60;width:3rem;height:3rem;color:var(--blog-primary-foreground);cursor:pointer;background:var(--blog-primary);border:0;border-radius:9999px;place-items:center;transition:opacity .15s;display:inline-grid;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 10px 30px #0f172a38}.blog-mobile-toc-trigger:hover{opacity:.92}.blog-mobile-toc-drawer{z-index:80;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.blog-mobile-toc-backdrop{cursor:pointer;background:#0f172a73;border:0;position:absolute;inset:0}.blog-mobile-toc-panel{z-index:1;background:var(--blog-background);border-top:1px solid var(--blog-border);border-radius:1rem 1rem 0 0;flex-direction:column;max-height:min(75vh,32rem);display:flex;position:relative;overflow:hidden;box-shadow:0 -12px 40px #0f172a1f}.blog-mobile-toc-header{justify-content:space-between;align-items:center;padding:1rem 1.25rem .5rem;display:flex}.blog-mobile-toc-header h3{color:var(--blog-foreground);margin:0;font-size:.95rem;font-weight:600}.blog-mobile-toc-close{width:2rem;height:2rem;color:var(--blog-muted-foreground);cursor:pointer;border:1px solid var(--blog-border);background:0 0;border-radius:.5rem;place-items:center;display:inline-grid}.blog-mobile-toc-body{flex:1;min-height:0;padding:.5rem 1.25rem 1rem;overflow:auto}@media (width>=64rem){.blog-mobile-toc-trigger,.blog-mobile-toc-drawer{display:none}}.blog-promo-desktop{background:radial-gradient(80% 70% at 12% 0,#8b5cf647 0%,#0000 55%),radial-gradient(70% 60% at 100% 100%,#6366f12e 0%,#0000 50%),linear-gradient(165deg,#f5f3ff 0%,#eef2ff 48%,#f8fafc 100%);border:none;border-radius:1rem;flex-direction:column;gap:.55rem;padding:1.2rem 1.2rem 1.25rem;display:flex;overflow:hidden}.blog-promo-desktop h3{color:#0f172a;letter-spacing:-.03em;margin:0;font-size:1.05rem;font-weight:650;line-height:1.25}.blog-promo-desktop>p{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}.blog-promo-desktop .rainbow-button{width:100%;margin-top:.5rem}.blog-promo-mobile{background:radial-gradient(90% 80% at 0%,#8b5cf629 0%,#0000 60%),#f8fafc;border:none;border-radius:.9rem;justify-content:space-between;align-items:center;gap:.75rem;margin:0 1rem 1rem;padding:.9rem 1rem;display:flex}.blog-promo-copy{flex:1;min-width:0}.blog-promo-title{text-overflow:ellipsis;color:#0f172a;white-space:nowrap;margin:0;font-size:.8125rem;font-weight:600;overflow:hidden}.blog-promo-desc{text-overflow:ellipsis;color:#64748b;white-space:nowrap;margin:.15rem 0 0;font-size:.75rem;overflow:hidden}.blog-promo-link{color:#0f172a;flex-shrink:0;align-items:center;gap:.3rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-promo-link:hover{color:#2563eb}.blog-toc h4{color:var(--blog-foreground);margin:0 0 1rem;font-size:.875rem;font-weight:600}.blog-toc nav ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.blog-toc button{width:100%;color:var(--blog-muted-foreground);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:.875rem;line-height:1.4;transition:color .15s;display:block}.blog-toc button:hover{color:var(--blog-foreground)}.blog-toc button.is-active{color:var(--blog-primary);text-underline-offset:4px;font-weight:500;text-decoration:underline}.blog-read-more{border-top:1px solid var(--blog-border)}.blog-read-more-inner{padding:1.5rem}.blog-read-more-inner h2{color:var(--blog-foreground);letter-spacing:-.03em;margin:0 0 2rem;font-size:1.5rem;font-weight:500}.blog-read-more-list{flex-direction:column;gap:2rem;display:flex}.blog-read-more-item{color:inherit;cursor:pointer;grid-template-columns:1fr;align-items:center;gap:1rem;text-decoration:none;display:grid}.blog-read-more-thumb{color:#f8fafc;background:linear-gradient(160deg,#0f172a 0%,#1e293b 100%);border-radius:.5rem;justify-content:flex-end;align-items:flex-end;width:100%;min-height:8rem;padding:.85rem;transition:opacity .15s;display:flex;position:relative;overflow:hidden}.blog-read-more-item:hover .blog-read-more-thumb{opacity:.85}.blog-read-more-thumb.is-violet{background:radial-gradient(circle at 30% 70%,#8b5cf659,#0000 45%),linear-gradient(160deg,#111827 0%,#1e1b4b 100%)}.blog-read-more-thumb.is-blue{background:radial-gradient(circle at 70% 30%,#3b82f659,#0000 42%),linear-gradient(160deg,#0f172a 0%,#0c4a6e 100%)}.blog-read-more-thumb.is-emerald{background:radial-gradient(circle at 20% 20%,#10b9814d,#0000 45%),linear-gradient(160deg,#0f172a 0%,#064e3b 100%)}.blog-read-more-thumb.is-amber{background:radial-gradient(circle at 80% 70%,#f59e0b47,#0000 45%),linear-gradient(160deg,#111827 0%,#78350f 100%)}.blog-read-more-thumb.is-rose{background:radial-gradient(circle at 40% 30%,#f43f5e47,#0000 45%),linear-gradient(160deg,#111827 0%,#4c0519 100%)}.blog-read-more-thumb.is-slate{background:radial-gradient(circle at 60% 40%,#94a3b838,#0000 45%),linear-gradient(160deg,#0f172a 0%,#1e293b 100%)}.blog-read-more-thumb span{letter-spacing:-.02em;font-size:.8125rem;font-weight:600}.blog-read-more-copy{flex-direction:column;gap:.5rem;min-width:0;display:flex}.blog-read-more-copy h3{-webkit-line-clamp:2;color:var(--blog-card-foreground);letter-spacing:-.02em;text-underline-offset:4px;-webkit-box-orient:vertical;margin:0;font-size:1.125rem;font-weight:600;line-height:1.35;transition:color .15s;display:-webkit-box;overflow:hidden}.blog-read-more-item:hover .blog-read-more-copy h3{color:var(--blog-primary);text-decoration:underline}.blog-read-more-copy p{-webkit-line-clamp:3;color:var(--blog-muted-foreground);-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-read-more-item:hover .blog-read-more-copy p{text-underline-offset:4px;text-decoration:underline}.blog-read-more-copy time{color:var(--blog-muted-foreground);font-size:.75rem;font-weight:500;display:block}@media (width>=64rem){.blog-read-more-inner{padding:2.5rem}.blog-read-more-item{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}}