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