.blog-root{--bg:#060c0c;--surface:#0c1a18;--surface-2:#0f2220;--text:#f0fffe;--text-soft:#b0deda;--text-dim:#6bb8b0;--accent:#00d9c0;--accent-glow:#00d9c02e;--border:#00d9c026;--border-hover:#00d9c066;--radius:12px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.5}.blog-root *{box-sizing:border-box}.blog-root .blog-wrap{max-width:1100px;margin:0 auto;padding:0 24px}.blog-root .blog-post-hero{background:var(--surface);border-bottom:1px solid var(--border);padding:80px 0 56px}.blog-root .blog-post-breadcrumb{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:28px;font-size:13px;display:flex}.blog-root .blog-post-breadcrumb a{color:var(--text-soft);text-decoration:none;transition:color .2s}.blog-root .blog-post-breadcrumb a:hover{color:var(--accent)}.blog-root .blog-post-breadcrumb-sep{color:var(--text-dim);margin:0 4px}.blog-root .blog-post-meta-top{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;font-size:11px;display:flex}.blog-root .blog-card-category{color:var(--accent);border:1px solid var(--accent);letter-spacing:.12em;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:600}.blog-root .blog-post-title{letter-spacing:-.02em;max-width:900px;color:var(--text);margin:0 0 20px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.1}.blog-root .blog-post-excerpt{color:var(--text-soft);max-width:740px;margin:0 0 24px;font-size:clamp(17px,2vw,20px);line-height:1.5}.blog-root .blog-post-author{color:var(--text-soft);align-items:center;gap:12px;font-size:14px;display:flex}.blog-root .blog-post-author-avatar{object-fit:cover;border:2px solid var(--border-hover);border-radius:50%;width:40px;height:40px}.blog-root .blog-post-hero--with-image{isolation:isolate;border-bottom:none;align-items:center;min-height:440px;padding:100px 0 64px;display:flex;position:relative;overflow:hidden}.blog-root .blog-post-hero-bg{z-index:-1;position:absolute;inset:0}.blog-root .blog-post-hero-bg-img{object-fit:cover}.blog-root .blog-post-hero-bg-overlay{background:linear-gradient(#060c0c80 0%,#060c0ce0 100%);position:absolute;inset:0}.blog-root .blog-post-body-section{background:var(--bg);padding:56px 0 96px}.blog-root .blog-prose{max-width:720px;color:var(--text-soft);margin:0 auto;font-size:18px;line-height:1.8}.blog-root .blog-prose>*+*{margin-top:1.2em}.blog-root .blog-prose h2{color:var(--text);margin-top:1.8em;margin-bottom:.5em;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.2}.blog-root .blog-prose h3{color:var(--text);margin-top:1.6em;margin-bottom:.4em;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(18px,2vw,22px);font-weight:600;line-height:1.3}.blog-root .blog-prose h4{color:var(--text);margin-top:1.4em;margin-bottom:.4em;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:18px;font-weight:600}.blog-root .blog-prose p{margin:0}.blog-root .blog-prose a{color:var(--accent);border-bottom:1px solid #00d9c066;text-decoration:none;transition:border-color .2s}.blog-root .blog-prose a:hover{border-color:var(--accent)}.blog-root .blog-prose strong{color:var(--text);font-weight:600}.blog-root .blog-prose em{font-style:italic}.blog-root .blog-prose blockquote{border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;color:var(--text);margin:1.8em 0;padding:20px 24px;font-size:clamp(17px,2vw,20px);font-style:italic;line-height:1.55}.blog-root .blog-prose ul,.blog-root .blog-prose ol{margin:1em 0;padding-left:1.4em}.blog-root .blog-prose ul{list-style:outside}.blog-root .blog-prose ol{list-style:decimal}.blog-root .blog-prose li+li{margin-top:.5em}.blog-root .blog-prose li::marker{color:var(--accent)}.blog-root .blog-prose code{background:var(--surface);color:var(--accent);border:1px solid var(--border);border-radius:4px;padding:2px 7px;font-family:ui-monospace,monospace;font-size:.88em}.blog-root .blog-prose pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:1.6em 0;padding:20px 24px;font-family:ui-monospace,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.blog-root .blog-prose pre code{color:var(--text);background:0 0;border:none;padding:0}.blog-root .blog-prose img{border-radius:var(--radius);border:1px solid var(--border);width:100%;height:auto;margin:1.8em 0;display:block}.blog-root .blog-prose figure{margin:1.8em 0}.blog-root .blog-prose figcaption{color:var(--text-dim);text-align:center;margin-top:8px;font-size:13px}.blog-root .blog-prose hr{border:none;border-top:1px solid var(--border);margin:2.4em 0}.blog-root .blog-prose table{border-collapse:collapse;width:100%;margin:1.6em 0;font-size:15px}.blog-root .blog-prose th,.blog-root .blog-prose td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:12px 16px}.blog-root .blog-prose thead th{background:var(--surface);color:var(--text);font-weight:600}.blog-root .blog-prose .kg-callout-card,.blog-root .blog-prose .kg-toggle-card,.blog-root .blog-prose .kg-bookmark-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:1.6em 0;padding:18px 22px}.blog-root .blog-prose .kg-image-card{margin:1.8em 0}.blog-root .blog-prose .kg-image-card img{margin:0}.blog-root .blog-prose .kg-bookmark-card{color:var(--text);border-bottom:none;text-decoration:none;display:block}.blog-root .blog-prose .kg-bookmark-title{color:var(--text);margin-bottom:4px;font-weight:600}.blog-root .blog-prose .kg-bookmark-description{color:var(--text-dim);font-size:14px}.blog-root .blog-post-footer{border-top:1px solid var(--border);max-width:720px;margin:56px auto 0;padding-top:32px}.blog-root .blog-post-back{color:var(--text-dim);font-size:14px;text-decoration:none;transition:color .2s}.blog-root .blog-post-back:hover{color:var(--accent)}@media (max-width:640px){.blog-root .blog-post-hero{padding:48px 0 36px}.blog-root .blog-post-body-section{padding:32px 0 64px}.blog-root .blog-prose{font-size:16px;line-height:1.75}}