.blog-article{color:#f5f3f7;background:#060409;padding:max(3rem,min(11vw,6.5rem)) max(1.25rem,min(5vw,3rem)) max(2.5rem,min(6vw,4rem))}.blog-article *{background-color:#0000}.blog-article__header{border-bottom:1px solid #171021;padding-bottom:2rem}.blog-article__container{max-width:72rem;margin:0 auto}.blog-article__back{font-family:var(--ff-mono);font-size:var(--fs-micro);letter-spacing:.18em;text-transform:uppercase;color:#9d95ab;text-decoration:none}.blog-article__meta{font-family:var(--ff-mono);font-size:var(--fs-micro);letter-spacing:.18em;text-transform:uppercase;color:#9d95ab;flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;margin:1.5rem 0 0;display:flex}.blog-article__meta span,.blog-article__meta span time{color:#9d95ab}.blog-article__meta>span+span{position:relative}.blog-article__meta>span+span:before{content:"";vertical-align:middle;background:#6e6680;border-radius:50%;width:3px;height:3px;margin-right:1.1rem;display:inline-block}.blog-article__tag{font-weight:500;color:#a855f7!important}.blog-article__title{font-family:var(--ff-heading);font-size:var(--fs-h2);letter-spacing:-.02em;max-width:15em;margin:1rem 0 0;line-height:1.1}.blog-article__excerpt{font-size:var(--fs-body);color:#9d95ab;max-width:42rem;margin:1rem 0 0;line-height:1.6}.blog-article__shell{grid-template-columns:minmax(0,1fr) 15rem;align-items:start;gap:max(2rem,min(5vw,4rem));margin-top:max(2rem,min(5vw,3rem));display:grid}@media (max-width:940px){.blog-article__shell{grid-template-columns:1fr}}.blog-article__body{font-family:var(--ff-ui);font-size:var(--fs-body);color:#9d95ab;max-width:44rem;line-height:1.8}.blog-article__toc{position:-webkit-sticky;position:sticky;top:6rem}@media (max-width:940px){.blog-article__toc{background:#0b0812;border:1px solid #221a30;border-radius:.9rem;padding:1.1rem 1.25rem;position:static}}.blog-article__toc-k{font-family:var(--ff-mono);font-size:var(--fs-micro);letter-spacing:.24em;text-transform:uppercase;color:#6e6680;border-bottom:1px solid #171021;margin:0 0 .5rem;padding-bottom:.65rem}.blog-article__toc ol{counter-reset:toc;margin:0;padding:0;list-style:none}.blog-article__toc li{counter-increment:toc}.blog-article__toc a{color:#6e6680;font-size:.82rem;line-height:1.45;font-family:var(--ff-ui);gap:.7rem;padding:.45rem 0;text-decoration:none;transition:color .3s;display:flex}.blog-article__toc a:before{content:"0" counter(toc);font-family:var(--ff-mono);letter-spacing:.14em;color:#221a30;flex-shrink:0;padding-top:.2rem;font-size:.58rem;transition:color .3s}.blog-article__toc a:hover{color:#9d95ab}.blog-article__toc a.on{color:#f5f3f7}.blog-article__toc a.on:before{color:#a855f7}.blog-article__related{border-top:1px solid #171021;margin-top:max(3rem,min(7vw,5rem));padding-top:max(2.5rem,min(6vw,4rem))}.blog-article__related-k{font-family:var(--ff-mono);font-size:var(--fs-eyebrow);letter-spacing:.26em;text-transform:uppercase;color:#6e6680;margin:0 0 1.5rem}.blog-article__related-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (max-width:760px){.blog-article__related-grid{grid-template-columns:1fr}}.blog-article__related-card{background:#0b0812;border:1px solid #171021;border-radius:1rem;padding:1.5rem 1.6rem;text-decoration:none;transition:border-color .35s,transform .35s,background .35s;display:block}.blog-article__related-card:hover{background:#0f0b18;border-color:#a855f773;transform:translateY(-3px)}.blog-article__related-meta{font-family:var(--ff-mono);font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase;color:#6e6680}.blog-article__related-card h3{font-family:var(--ff-heading);color:#f5f3f7;margin:.5rem 0 0;font-size:1.08rem;line-height:1.3}
