.blog-post{padding:var(--spacing-xl) 0;flex-direction:column;align-items:center;min-height:100vh;display:flex}.blog-post__breadcrumb{width:100%;max-width:960px;padding:calc(var(--spacing-m) * .8) var(--spacing-s) 0;align-items:center;gap:calc(var(--spacing-s) * .8);color:var(--content-secondary);font-size:.75rem;display:flex}@media screen and (width>=1024px){.blog-post__breadcrumb{padding:calc(var(--spacing-m) * .8) calc(var(--spacing-4xl) * .8) 0}}.blog-post__breadcrumb__sep{opacity:.5}.blog-post__breadcrumb span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:400px;overflow:hidden}.blog-post__breadcrumb a{color:var(--content-brand);text-decoration:none}.blog-post__breadcrumb a:hover{text-decoration:underline}.blog-post__container{gap:calc(var(--spacing-3xl) * .8);width:100%;padding:calc(var(--spacing-2xl) * .8) var(--spacing-s);flex-direction:column;display:flex}@media screen and (width>=1024px){.blog-post__container{padding:calc(var(--spacing-2xl) * .8) calc(var(--spacing-4xl) * .8);max-width:960px}}.blog-post__header{gap:var(--spacing-l);text-align:center;flex-direction:column;display:flex}.blog-post__header__title{letter-spacing:0;text-transform:uppercase;color:var(--content-primary);margin:0;font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-size:clamp(2.875rem,4.792vw - 1.078rem,4.313rem);font-weight:950;line-height:1.04}@media screen and (width<1320px){.blog-post__header__title{font-size:clamp(2.25rem,1.92rem + 1.408vw,3.188rem)}}.blog-post__header__meta{gap:var(--spacing-m);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.blog-post__header__meta__right{gap:var(--spacing-m);align-items:center;display:flex}.blog-post__header__meta__date,.blog-post__header__meta__author,.blog-post__header__meta__reading-time{letter-spacing:.23em;text-transform:uppercase;text-transform:none;color:var(--content-secondary);font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:1.16}.blog-post__header__meta__reading-time{opacity:.7}.blog-post__header__tags{gap:var(--spacing-s);flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex}.blog-post__header__tags__tag{letter-spacing:.23em;text-transform:uppercase;background:var(--surface-brand);color:var(--content-primary);opacity:.8;border-radius:4px;padding:4px 12px;font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-size:.625rem;font-weight:400;line-height:1.16}.blog-post__image{aspect-ratio:680/272;border-radius:12px;width:100%;max-width:640px;margin:0 auto;overflow:hidden}.blog-post__image img{object-fit:cover;border-radius:12px;width:100%;height:100%}.blog-post__toc{width:100%;padding:calc(var(--spacing-l) * .8);background:var(--background-inverse);border:1px solid var(--border-low-contrast);border-radius:8px}.blog-post__toc__title{letter-spacing:0;text-transform:none;color:var(--content-primary);margin:0 0 calc(var(--spacing-m) * .8);font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;line-height:1.4}.blog-post__toc__list{margin:0;padding:0;list-style:none}.blog-post__toc__item a{padding:calc(var(--spacing-xs) * .8) 0;color:var(--content-secondary);font-size:.85rem;text-decoration:none;transition:color .2s;display:block}.blog-post__toc__item a:hover{color:var(--content-brand)}.blog-post__toc__item--h3 a{padding-left:calc(var(--spacing-l) * .8);font-size:.8rem}.blog-post__toc__item--h4 a{padding-left:calc(var(--spacing-l) * 1.6);font-size:.78rem}.blog-post__nav{justify-content:space-between;gap:calc(var(--spacing-l) * .8);width:100%;padding-top:calc(var(--spacing-2xl) * .8);border-top:1px solid var(--border-low-contrast);display:flex}.blog-post__nav__link{gap:calc(var(--spacing-xs) * .8);flex-direction:column;max-width:45%;text-decoration:none;transition:opacity .2s;display:flex}.blog-post__nav__link:hover{opacity:.8}.blog-post__nav__link--next{text-align:right;margin-left:auto}.blog-post__nav__label{letter-spacing:.23em;text-transform:uppercase;color:var(--content-brand);font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-size:.7rem;font-weight:400;line-height:1.16}.blog-post__nav__title{color:var(--content-primary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;display:-webkit-box;overflow:hidden}.blog-post__content__markdown{letter-spacing:.04em;color:var(--content-primary);font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:300;line-height:1.5}.blog-post__content__markdown h1,.blog-post__content__markdown h2,.blog-post__content__markdown h3,.blog-post__content__markdown h4,.blog-post__content__markdown h5,.blog-post__content__markdown h6{color:var(--content-primary);margin-top:calc(var(--spacing-2xl) * .8);margin-bottom:calc(var(--spacing-l) * .8)}.blog-post__content__markdown h1{letter-spacing:0;text-transform:uppercase;font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-size:2.4rem;font-weight:950;line-height:1.04}@media screen and (width<1320px){.blog-post__content__markdown h1{font-size:clamp(2.25rem,1.92rem + 1.408vw,3.188rem)}}.blog-post__content__markdown h2{letter-spacing:0;text-transform:uppercase;font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-size:2rem;font-weight:950;line-height:1.16}@media screen and (width<1320px){.blog-post__content__markdown h2{font-size:clamp(2rem,1.78rem + .939vw,2.625rem)}}.blog-post__content__markdown h3{letter-spacing:0;font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-size:1.6rem;font-weight:700;line-height:1.15}@media screen and (width<1320px){.blog-post__content__markdown h3{font-size:1.5rem}}.blog-post__content__markdown h4,.blog-post__content__markdown h5,.blog-post__content__markdown h6{letter-spacing:0;text-transform:none;font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.4}.blog-post__content__markdown p{margin-bottom:calc(var(--spacing-l) * .8);color:var(--content-secondary)}.blog-post__content__markdown ul,.blog-post__content__markdown ol{margin-top:calc(var(--spacing-l) * .8);margin-bottom:calc(var(--spacing-l) * .8);padding-left:calc(var(--spacing-xl) * .8);color:var(--content-secondary);line-height:1.6}.blog-post__content__markdown ul li,.blog-post__content__markdown ol li{margin-bottom:calc(var(--spacing-s) * .8);line-height:1.6}.blog-post__content__markdown ul{list-style-type:disc}.blog-post__content__markdown ol{list-style-type:decimal}.blog-post__content__markdown p+ul,.blog-post__content__markdown p+ol{margin-top:calc(var(--spacing-m) * .8)}.blog-post__content__markdown code{background:var(--background-inverse);color:var(--content-primary);border-radius:4px;padding:2px 5px;font-family:monospace;font-size:.72rem}.blog-post__content__markdown pre{padding:calc(var(--spacing-l) * .8);margin:calc(var(--spacing-xl) * .8) 0;border:1px solid var(--border-low-contrast);background:#1e1e2e;border-radius:8px;line-height:1.5;position:relative;overflow-x:auto}.blog-post__content__markdown pre .copy-code-btn{color:#a6adc8;cursor:pointer;opacity:0;z-index:1;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:.65rem;line-height:1.4;transition:opacity .2s,background .2s;position:absolute;top:8px;right:8px}.blog-post__content__markdown pre .copy-code-btn:hover{color:#cdd6f4;background:#ffffff26}.blog-post__content__markdown pre .copy-code-btn.copied{color:#a6e3a1;border-color:#a6e3a14d}.blog-post__content__markdown pre:hover .copy-code-btn{opacity:1}.blog-post__content__markdown pre code{color:#cdd6f4;white-space:pre;background:0 0;border-radius:0;padding:0;font-family:JetBrains Mono,Fira Code,Courier New,Courier,monospace;font-size:.7rem;line-height:1.5;display:block}.blog-post__content__markdown pre code .token.comment,.blog-post__content__markdown pre code .token.prolog,.blog-post__content__markdown pre code .token.doctype,.blog-post__content__markdown pre code .token.cdata{color:#6c7086;font-style:italic}.blog-post__content__markdown pre code .token.punctuation{color:#bac2de}.blog-post__content__markdown pre code .token.property,.blog-post__content__markdown pre code .token.tag,.blog-post__content__markdown pre code .token.boolean,.blog-post__content__markdown pre code .token.number,.blog-post__content__markdown pre code .token.constant,.blog-post__content__markdown pre code .token.symbol,.blog-post__content__markdown pre code .token.deleted{color:#fab387}.blog-post__content__markdown pre code .token.selector,.blog-post__content__markdown pre code .token.attr-name,.blog-post__content__markdown pre code .token.string,.blog-post__content__markdown pre code .token.char,.blog-post__content__markdown pre code .token.builtin,.blog-post__content__markdown pre code .token.inserted{color:#a6e3a1}.blog-post__content__markdown pre code .token.operator,.blog-post__content__markdown pre code .token.entity,.blog-post__content__markdown pre code .token.url{color:#89dceb}.blog-post__content__markdown pre code .token.atrule,.blog-post__content__markdown pre code .token.attr-value,.blog-post__content__markdown pre code .token.keyword{color:#cba6f7}.blog-post__content__markdown pre code .token.function,.blog-post__content__markdown pre code .token.class-name{color:#89b4fa}.blog-post__content__markdown pre code .token.regex,.blog-post__content__markdown pre code .token.important,.blog-post__content__markdown pre code .token.variable{color:#f9e2af}.blog-post__content__markdown pre code .token.important,.blog-post__content__markdown pre code .token.bold{font-weight:700}.blog-post__content__markdown pre code .token.italic{font-style:italic}.blog-post__content__markdown strong{color:var(--content-primary);font-weight:600}.blog-post__content__markdown em{font-style:italic}.blog-post__content__markdown a{color:var(--content-brand);text-decoration:underline}.blog-post__content__markdown svg{max-width:100%;height:auto;margin:calc(var(--spacing-2xl) * .8) auto;display:block}.blog-post__content__markdown img{max-width:100%;height:auto;margin:calc(var(--spacing-2xl) * .8) auto;border-radius:12px;display:block}.blog-post__content__markdown img.img-small{max-width:320px}.blog-post__content__markdown img.img-medium{max-width:480px}.blog-post__content__markdown img.img-large{max-width:640px}.blog-post__content__markdown blockquote{margin:calc(var(--spacing-xl) * .8) 0;padding-left:calc(var(--spacing-xl) * .8);border-left:4px solid var(--content-brand);color:var(--content-secondary);font-style:italic}.blog-post__content__markdown blockquote p{margin-bottom:calc(var(--spacing-s) * .8);color:var(--content-secondary)}.blog-post__content__markdown blockquote p:last-child{margin-bottom:0}.blog-post__content__markdown hr{border:none;border-top:1px solid var(--content-secondary);opacity:.3;margin:calc(var(--spacing-2xl) * .8) 0;width:100%}.blog-post__content__markdown table{border-collapse:collapse;width:100%;margin:calc(var(--spacing-xl) * .8) 0;font-size:.85rem;display:block;overflow-x:auto}@media screen and (width>=768px){.blog-post__content__markdown table{display:table}}.blog-post__content__markdown table thead th{background:var(--background-inverse);padding:calc(var(--spacing-s) * .8) calc(var(--spacing-m) * .8);text-align:left;color:var(--content-primary);border-bottom:2px solid var(--border-low-contrast);white-space:nowrap;font-weight:600}.blog-post__content__markdown table tbody td{padding:calc(var(--spacing-s) * .8) calc(var(--spacing-m) * .8);border-bottom:1px solid var(--border-low-contrast);color:var(--content-secondary)}.blog-post__content__markdown table tbody tr:last-child td{border-bottom:none}