.blog-post{padding:var(--spacing-xl) 0;min-height:100vh;display:flex;flex-direction:column;align-items:center}.blog-post__breadcrumb{width:100%;max-width:960px;padding:calc(var(--spacing-m) * .8) var(--spacing-s) 0;display:flex;align-items:center;gap:calc(var(--spacing-s) * .8);font-size:.75rem;color:var(--content-secondary)}@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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.blog-post__breadcrumb a{color:var(--content-brand);text-decoration:none}.blog-post__breadcrumb a:hover{text-decoration:underline}.blog-post__container{display:flex;flex-direction:column;gap:calc(var(--spacing-3xl) * .8);width:100%;padding:calc(var(--spacing-2xl) * .8) var(--spacing-s)}@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{display:flex;flex-direction:column;gap:var(--spacing-l);text-align:center}.blog-post__header__title{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:950;font-size:clamp(2.875rem,-1.078rem + 4.792vw,4.313rem);line-height:1.04;letter-spacing:0;text-transform:uppercase;color:var(--content-primary);margin:0}@media screen and (width<1320px){.blog-post__header__title{font-size:clamp(2.25rem,1.92rem + 1.408vw,3.188rem)}}.blog-post__header__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-m);justify-content:space-between;align-items:center}.blog-post__header__meta__right{display:flex;gap:var(--spacing-m);align-items:center}.blog-post__header__meta__date,.blog-post__header__meta__author,.blog-post__header__meta__reading-time{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.16;letter-spacing:.23em;text-transform:uppercase;text-transform:none;font-size:.875rem;color:var(--content-secondary)}.blog-post__header__meta__reading-time{opacity:.7}.blog-post__header__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-s);align-items:center;justify-content:flex-start}.blog-post__header__tags__tag{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.16;letter-spacing:.23em;text-transform:uppercase;font-size:.625rem;padding:4px 12px;border-radius:4px;background:var(--surface-brand);color:var(--content-primary);opacity:.8}.blog-post__image{width:100%;max-width:640px;margin:0 auto;border-radius:12px;overflow:hidden;aspect-ratio:680/272}.blog-post__image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.blog-post__toc{width:100%;padding:calc(var(--spacing-l) * .8);background:var(--background-inverse);border-radius:8px;border:1px solid var(--border-low-contrast)}.blog-post__toc__title{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(1.438rem,1.438rem + 0vw,1.438rem);line-height:1.4;letter-spacing:0;text-transform:none;font-size:1rem;color:var(--content-primary);margin:0 0 calc(var(--spacing-m) * .8)}.blog-post__toc__list{list-style:none;margin:0;padding:0}.blog-post__toc__item a{display:block;padding:calc(var(--spacing-xs) * .8) 0;color:var(--content-secondary);text-decoration:none;font-size:.85rem;transition:color .2s ease}.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{display:flex;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)}.blog-post__nav__link{display:flex;flex-direction:column;gap:calc(var(--spacing-xs) * .8);text-decoration:none;max-width:45%;transition:opacity .2s ease}.blog-post__nav__link:hover{opacity:.8}.blog-post__nav__link--next{margin-left:auto;text-align:right}.blog-post__nav__label{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:400;font-size:.75rem;line-height:1.16;letter-spacing:.23em;text-transform:uppercase;font-size:.7rem;color:var(--content-brand)}.blog-post__nav__title{font-size:.85rem;color:var(--content-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-post__content__markdown{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:300;font-size:1.125rem;line-height:1.2;letter-spacing:.04em;color:var(--content-primary);line-height:1.5;font-size:.9rem}.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{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:950;font-size:clamp(2.875rem,-1.078rem + 4.792vw,4.313rem);line-height:1.04;letter-spacing:0;text-transform:uppercase;font-size:2.4rem}@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{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:950;font-size:clamp(2.625rem,1.125rem + 1.667vw,3rem);line-height:1.16;letter-spacing:0;text-transform:uppercase;font-size:2rem}@media screen and (width<1320px){.blog-post__content__markdown h2{font-size:clamp(2rem,1.78rem + .939vw,2.625rem)}}.blog-post__content__markdown h3{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(1.5rem,.5rem + 1.111vw,1.75rem);line-height:1.15;letter-spacing:0;font-size:1.6rem}@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{font-family:Power Grotesk,Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(1.438rem,1.438rem + 0vw,1.438rem);line-height:1.4;letter-spacing:0;text-transform:none;font-size:1.2rem}.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);padding:2px 5px;border-radius:4px;font-family:monospace;font-size:.72rem;color:var(--content-primary)}.blog-post__content__markdown pre{position:relative;background:#1e1e2e;padding:calc(var(--spacing-l) * .8);border-radius:8px;overflow-x:auto;margin:calc(var(--spacing-xl) * .8) 0;line-height:1.5;border:1px solid var(--border-low-contrast)}.blog-post__content__markdown pre .copy-code-btn{position:absolute;top:8px;right:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#a6adc8;font-size:.65rem;padding:4px 10px;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease;z-index:1;font-family:inherit;line-height:1.4}.blog-post__content__markdown pre .copy-code-btn:hover{background:#ffffff26;color:#cdd6f4}.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{background:transparent;padding:0;border-radius:0;font-size:.7rem;color:#cdd6f4;display:block;white-space:pre;line-height:1.5;font-family:JetBrains Mono,Fira Code,Courier New,Courier,monospace}.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;display:block;margin:calc(var(--spacing-2xl) * .8) auto}.blog-post__content__markdown img{max-width:100%;height:auto;border-radius:12px;margin:calc(var(--spacing-2xl) * .8) auto;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{width:100%;border-collapse:collapse;margin:calc(var(--spacing-xl) * .8) 0;font-size:.85rem;overflow-x:auto;display:block}@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;font-weight:600;color:var(--content-primary);border-bottom:2px solid var(--border-low-contrast);white-space:nowrap}.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}