.blog-wrap{max-width:1120px;margin:0 auto;padding:0 20px}.blog-nav{position:sticky;top:0;z-index:30;backdrop-filter:blur(14px);background:#0d0d12c0;border-bottom:1px solid #26263180}.blog-nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}.blog-nav-links{display:flex;align-items:center;gap:18px;font-size:14px;color:#a3a0b5}.blog-nav-links a:hover{color:#ece9f5}.blog-hero{padding:56px 0 28px}.blog-hero h1{font-family:var(--font-serif),Georgia,serif;font-size:clamp(34px,5vw,52px);color:#ece9f5}.blog-hero p{color:#a3a0b5;margin-top:10px;max-width:60ch}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;padding:12px 0 72px}.blog-card{display:flex;flex-direction:column;border:1px solid #2e2e3c;border-radius:14px;background:#15151c;overflow:hidden;transition:border-color .15s,transform .15s}.blog-card:hover{border-color:#a78bff66;transform:translateY(-2px)}.blog-card-cover{aspect-ratio:1200/630;background:#1c1c26;-o-object-fit:cover;object-fit:cover;width:100%}.blog-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.blog-card-title{font-weight:600;font-size:17px;color:#ece9f5;line-height:1.35}.blog-card-excerpt{font-size:13.5px;color:#a3a0b5;line-height:1.5;flex:1}.blog-card-meta{font-size:12px;color:#6b6880;font-family:var(--font-mono),monospace}.blog-article-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;padding:40px 0 80px}@media (min-width:1024px){.blog-article-grid{grid-template-columns:minmax(0,1fr) 240px}}.blog-cover{width:100%;border-radius:16px;border:1px solid #2e2e3c;margin:22px 0 6px}.blog-title{font-family:var(--font-serif),Georgia,serif;font-size:clamp(30px,4.6vw,46px);line-height:1.15;color:#ece9f5}.blog-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-size:12.5px;color:#6b6880;font-family:var(--font-mono),monospace}.blog-back{font-size:13.5px;color:#a78bff}.blog-back:hover{text-decoration:underline}.blog-prose{margin-top:26px;max-width:68ch;font-size:16.5px;line-height:1.75;color:#c9c6d8}.blog-prose p{margin:0 0 1.15em}.blog-prose h2,.blog-prose h3{color:#ece9f5;scroll-margin-top:90px;position:relative}.blog-prose h2{font-size:26px;margin:1.9em 0 .7em;font-weight:650}.blog-prose h3{font-size:20px;margin:1.5em 0 .6em;font-weight:600}.blog-prose h2 .blog-anchor,.blog-prose h3 .blog-anchor{position:absolute;left:-1.1em;opacity:0;color:#a78bff;text-decoration:none;transition:opacity .12s}.blog-prose h2:hover .blog-anchor,.blog-prose h3:hover .blog-anchor{opacity:1}.blog-prose a{color:#a78bff;text-decoration:underline;text-underline-offset:3px}.blog-prose a:hover{color:#c4b0ff}.blog-prose strong{color:#ece9f5}.blog-prose ol,.blog-prose ul{margin:0 0 1.15em;padding-left:1.4em}.blog-prose ul{list-style:disc}.blog-prose ol{list-style:decimal}.blog-prose li{margin-bottom:.45em}.blog-prose li::marker{color:#a78bff}.blog-prose blockquote{border-left:3px solid #a78bff;margin:1.4em 0;padding:.3em 0 .3em 1.1em;color:#a3a0b5;font-style:italic}.blog-prose code{background:#1c1c26;border:1px solid #2e2e3c;border-radius:5px;padding:.12em .4em;font-size:.88em;font-family:var(--font-mono),monospace;color:#d6ff5c}.blog-prose pre{background:#12121a;border:1px solid #2e2e3c;border-radius:10px;padding:16px 18px;overflow-x:auto;margin:0 0 1.3em}.blog-prose pre code{background:none;border:none;padding:0;color:#c9c6d8}.blog-prose img{max-width:100%;border-radius:12px;border:1px solid #2e2e3c;margin:1.2em 0}.blog-prose hr{border:none;border-top:1px solid #2e2e3c;margin:2em 0}.blog-toc{position:sticky;top:84px;align-self:start;font-size:13px;display:none}@media (min-width:1024px){.blog-toc{display:block}}.blog-toc-title{font-family:var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:#6b6880;margin-bottom:12px}.blog-toc a{display:block;padding:5px 0 5px 12px;color:#a3a0b5;border-left:2px solid #2e2e3c;line-height:1.4}.blog-toc a.h3{padding-left:24px;font-size:12.5px}.blog-toc a:hover{color:#ece9f5}.blog-toc a.active{color:#a78bff;border-left-color:#a78bff}.blog-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,#a78bff,#ff4d8d);z-index:50;width:0}.blog-cta{margin:44px 0 0;padding:26px 28px;border-radius:16px;border:1px solid #a78bff44;background:linear-gradient(135deg,#a78bff14,#ff4d8d0e)}.blog-cta-title{font-size:20px;font-weight:650;color:#ece9f5}.blog-cta-sub{font-size:14px;color:#a3a0b5;margin:6px 0 16px}.blog-related{margin-top:56px}.blog-related h2{font-size:20px;color:#ece9f5;margin-bottom:16px}