.blog-post-shell{max-width:44rem;margin-inline:auto;position:relative}.blog-sidebar{display:none}.blog-main{min-width:0}.blog-inline-nav{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media(min-width:1200px){.blog-post-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,44rem) minmax(0,1fr);column-gap:clamp(1.5rem,2.5vw,2.5rem);align-items:start;width:100%;max-width:86rem}.blog-sidebar{display:flex;grid-column:1;position:sticky;top:7.94rem;align-self:start;justify-self:end;width:100%;max-width:20rem;max-height:calc(100vh - 8rem);min-width:0;overflow:hidden}.blog-sidebar-inner{display:flex;flex-direction:column;gap:1rem;width:100%;max-height:inherit;min-height:0}.blog-toc-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.blog-sidebar-toc{overflow-y:auto;min-height:0}.blog-main{grid-column:2}.blog-inline-nav{display:none}}.blog-content{font-size:1rem;line-height:1.75;color:#141414}@media(min-width:768px){.blog-content{font-size:1.0625rem}}.blog-content>*{margin:0}.blog-content>*+*{margin-top:1.15rem}.blog-content h2,.blog-content h3{color:#000;scroll-margin-top:6rem}.blog-content h2{font-family:Playfair Display,ui-serif,serif;font-size:1.5rem;font-weight:500;line-height:1.3;letter-spacing:-.01em;margin-top:2.5rem;margin-bottom:.5rem}@media(min-width:768px){.blog-content h2{font-size:1.625rem}}.blog-content h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.0625rem;font-weight:600;line-height:1.4;margin-top:1.75rem;margin-bottom:.4rem}.blog-content>h2+p,.blog-content>h2+ul,.blog-content>h2+ol,.blog-content>h3+p,.blog-content>h3+ul,.blog-content>h3+ol{margin-top:.5rem}.blog-content p{line-height:1.75}.blog-content strong{font-weight:600;color:#000}.blog-content em{font-style:italic}.blog-content blockquote{border-left:3px solid #000;padding:.25rem 0 .25rem 1.25rem;font-style:italic;color:#000000bf;margin:1.5rem 0}.blog-content blockquote p{font-size:1rem;margin:0}.blog-content img{width:100%;height:auto;margin:1.75rem 0;border-radius:2px}.blog-content ul{list-style:disc outside;padding-left:1.4rem}.blog-content ol{list-style:decimal outside;padding-left:1.4rem}.blog-content ul ul{list-style:circle outside}.blog-content ol ol{list-style:lower-alpha outside}.blog-content li{margin-bottom:.4rem;line-height:1.7;padding-left:.15rem}.blog-content li::marker{color:#0006}.blog-content li:last-child{margin-bottom:0}.blog-content li>p{margin:0}.blog-content li>p+p{margin-top:.4rem}.blog-content hr{border:none;border-top:1px solid rgba(0,0,0,.1);margin:2.5rem 0}.blog-content>p a,.blog-content>ul a,.blog-content>ol a,.blog-content>blockquote a,.blog-content li a{color:#000;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-thickness .15s ease}.blog-content>p a:hover,.blog-content>ul a:hover,.blog-content>ol a:hover,.blog-content>blockquote a:hover,.blog-content li a:hover{text-decoration-thickness:2px}.midarticle-cta a,.midarticle-cta a:hover{text-decoration:none!important}.blog-content :not(pre)>code{font-family:ui-monospace,SFMono-Regular,Menlo,Liberation Mono,Consolas,monospace;font-size:.875em;background:#0000000f;color:#1a1a1a;padding:.15em .4em;border-radius:4px;border:1px solid rgba(0,0,0,.06);white-space:nowrap}.blog-content pre,.blog-content pre.astro-code{background:#1c2128!important;color:#d1d7e0!important;padding:1.25rem 1.4rem;border-radius:6px;overflow-x:auto;margin:1.75rem 0;font-size:.85rem;line-height:1.65;border:1px solid rgba(255,255,255,.06);box-shadow:0 1px 2px #0000000a;font-family:ui-monospace,SFMono-Regular,Menlo,Liberation Mono,Consolas,monospace;tab-size:2}@media(min-width:768px){.blog-content pre,.blog-content pre.astro-code{font-size:.875rem}}.blog-content pre code{background:transparent!important;padding:0;color:inherit;font-size:inherit;border:0;white-space:pre;font-family:inherit}.blog-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem}.blog-content th,.blog-content td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.1)}.blog-content th{font-weight:600;background:#00000008}.toc-link{color:#0009;text-decoration:none;line-height:1.4;display:block;padding:.25rem 0 .25rem .15rem;transition:color .15s ease,background-color .15s ease,padding-left .15s ease}.toc-link:hover{color:#000}.toc-link.is-active{color:#000;padding-left:.5rem}.blog-toc-list li::marker{color:#00000059;font-size:.8em}details[open]>summary>.toc-chevron,details[open]>summary>.faq-chevron{transform:rotate(45deg)}
