.blog-post-page{max-width:72rem;margin:0 auto;padding:7rem 1rem 4rem}.blog-post-breadcrumb{color:#8b8b8b;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.8125rem;display:flex}.blog-post-breadcrumb a{color:#5c5c5c;text-decoration:none;transition:color .15s}.blog-post-breadcrumb a:hover{color:#0a0a0a}.blog-post-breadcrumb span{color:#b0b0aa;white-space:nowrap;overflow-x:hidden}.blog-post-header{border-bottom:1px solid #eaeae6;margin-bottom:2.5rem;padding-bottom:2rem}.blog-post-header__tags{flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;display:flex}.blog-post-header__tag{letter-spacing:.08em;color:#4a6fa5;background:#e8edf5;border-radius:.375rem;padding:.2rem .6rem;font-size:.65rem;font-weight:500}.blog-post-header h1{letter-spacing:-.025em;margin:0 0 1rem;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500;line-height:1.15}.blog-post-header__meta{color:#8b8b8b;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.blog-post-header__meta-dot{background:#d5d5cf;border-radius:50%;width:.25rem;height:.25rem}.blog-post-body{grid-template-columns:1fr;align-items:start;gap:4rem;display:grid}.blog-post-prose{color:#3a3a3a;min-width:0;font-size:.9375rem;line-height:1.8}.blog-post-prose h2{color:#0a0a0a;border-top:1px solid #eaeae6;margin:2.5rem 0 1rem;padding-top:1.5rem;font-size:1.5rem;font-weight:500}.blog-post-prose h2:first-child{border-top:none;padding-top:0}.blog-post-prose h3{letter-spacing:-.0125em;color:#1a1a1a;margin:1.75rem 0 .5rem;font-size:1.125rem;font-weight:500}.blog-post-prose p{margin:0 0 1.25rem}.blog-post-prose a{color:#2563eb;text-underline-offset:2px;text-decoration:underline}.blog-post-prose a:hover{color:#1d4ed8}.blog-post-prose strong{color:#0a0a0a;font-weight:500}.blog-post-prose blockquote{color:#5c5c5c;background:#fafaf9;border-left:3px solid #d5d5cf;border-radius:0 .5rem .5rem 0;margin:1.5rem 0;padding:1rem 1.5rem}.blog-post-prose pre{color:#e5e5e0;background:#1a1a1a;border-radius:.75rem;padding:1.25rem;font-size:.8125rem;line-height:1.65;overflow-x:auto}.blog-post-prose pre code{color:inherit;background:0 0;padding:0}.blog-post-prose :not(pre)>code{color:#b45309;background:#f0f0ee;border-radius:.375rem;padding:.125rem .375rem;font-size:.85em}.blog-post-prose ul,.blog-post-prose ol{margin:0 0 1.25rem;padding-left:1.5rem}.blog-post-prose li{margin-bottom:.375rem}.blog-post-prose img{border-radius:.75rem;margin:1.5rem 0}.blog-post-prose table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.875rem}.blog-post-prose th,.blog-post-prose td{text-align:left;border:1px solid #e5e5e0;padding:.5rem .75rem}.blog-post-prose th{background:#f5f4f1;font-weight:500}.blog-post-toc{display:none}.blog-post-toc__title{letter-spacing:.12em;text-transform:uppercase;color:#606060;margin:0 0 .75rem;font-size:.7rem;font-weight:500}.blog-post-toc__list{border-left:1px solid #e5e5e0;margin:0;padding:0;list-style:none}.blog-post-toc__item{color:#606060;border-left:2px solid #0000;margin-left:-1px;padding:.25rem 0 .65rem .8rem;font-size:.75rem;text-decoration:none;transition:all .15s;display:block}.blog-post-toc__item:hover{color:#0a0a0a}.blog-post-toc__item.is-active{color:#2563eb;border-left-color:#2563eb;font-weight:500}.blog-post-toc__item--h3{padding-left:1.75rem;font-size:.75rem}@media (min-width:768px){.blog-post-page{padding-top:8rem}}@media (min-width:1024px){.blog-post-body{grid-template-columns:1fr 220px}.blog-post-toc{display:block;position:sticky;top:6rem}.blog-post-header{width:80%}}.dark .blog-post-breadcrumb a{color:#9b9b94}.dark .blog-post-breadcrumb a:hover{color:#f3f3f3}.dark .blog-post-breadcrumb span{color:#7a7a72}.dark .blog-post-header{border-color:#ffffff14}.dark .blog-post-header h1{color:#f3f3f3}.dark .blog-post-header__meta{color:#7a7a72}.dark .blog-post-header__meta-dot{background:#ffffff1a}.dark .blog-post-header__tag{background:#3b82f626}.dark .blog-post-prose{color:#9b9b94}.dark .blog-post-prose h2{color:#f3f3f3;border-color:#ffffff14}.dark .blog-post-prose h3,.dark .blog-post-prose strong{color:#e5e5e0}.dark .blog-post-prose blockquote{color:#7a7a72;background:#1a1a1a;border-color:#ffffff1a}.dark .blog-post-prose pre{background:#111}.dark .blog-post-prose :not(pre)>code{color:#fcd34d;background:#ffffff0f}.dark .blog-post-prose a{color:#60a5fa}.dark .blog-post-prose th{background:#1a1a1a}.dark .blog-post-prose th,.dark .blog-post-prose td{border-color:#ffffff0f}.dark .blog-post-toc__list{border-color:#ffffff14}.dark .blog-post-toc__item{color:#7a7a72}.dark .blog-post-toc__item:hover{color:#f3f3f3}.dark .blog-post-toc__item.is-active{color:#60a5fa;border-left-color:#60a5fa}