:root{--blog-code-bg:#0f1117;--blog-code-text:#e2e8f0;--blog-code-border:#1e293b;--blog-code-header:#1a1f2e;--blog-table-head:#f0f4ff;--blog-table-stripe:#f8f9fb;--blog-table-border:#dde3ee;--blog-summary-bg:#fffbeb;--blog-summary-border:#f59e0b;--blog-summary-text:#78350f;--blog-success:#22c55e;--blog-radius:10px;--blog-radius-sm:6px}[data-theme=dark]{--blog-code-bg:#060c16;--blog-code-text:#c9d4e8;--blog-code-border:#1a2a40;--blog-code-header:#0f1a2a;--blog-table-head:#111f35;--blog-table-stripe:#0e1828;--blog-table-border:#1a3050;--blog-summary-bg:#1c1600;--blog-summary-border:#d97706;--blog-summary-text:#fbbf24}.blog-page{background-color:var(--bg);font-family:var(--font-serif),Georgia,serif;padding-top:80px}.blog-page p,.blog-page .blog-card-desc,.blog-page .blog-keywords,.blog-page .blog-footer,.blog-page .blog-meta{font-family:var(--font-sans),system-ui,sans-serif}.blog-posts-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:30px;padding:40px 0;display:grid}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}[data-theme=dark] .blog-footer{border-color:#334155}.author-info{align-items:center;gap:10px;display:flex}.author-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;display:flex;box-shadow:0 2px 5px #0000001a}.blog-post-page{background-color:var(--bg);color:var(--text);min-height:100vh;font-family:var(--font-sans),system-ui,sans-serif;padding-bottom:120px}.blog-breadcrumb svg{opacity:.5;flex-shrink:0}.post-hero{max-width:780px;margin:0 auto;padding:32px 24px 24px}.post-subtitle{color:var(--muted);font-size:1.1rem;line-height:1.6;font-family:var(--font-serif),Georgia,serif;margin:0 0 20px;font-style:italic}.post-meta-strip{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;padding-bottom:20px;font-size:.85rem;font-weight:500;display:flex}.post-category-tag{color:#60a5fa;letter-spacing:.08em;text-transform:uppercase;background:#6366f126;border:1px solid #6366f140;border-radius:999px;margin-bottom:16px;padding:5px 16px;font-size:.72rem;font-weight:700;display:inline-block}[data-theme=light] .post-category-tag{color:#4f46e5;background:#6366f11a}.post-meta-strip .divider{color:var(--border)}.post-meta-strip strong{color:var(--text)}.meta-item{align-items:center;gap:5px;display:flex}.meta-updated{opacity:.7;font-style:italic}.author-link{color:var(--accent);font-weight:600;text-decoration:none}.author-link:hover{opacity:.8}.author-with-social{align-items:center;gap:6px;display:inline-flex}.author-social-icons{align-items:center;gap:6px;margin-left:4px;display:inline-flex}.author-social-icons a{color:var(--muted);transition:color .15s,transform .15s;display:inline-flex}.author-social-icons a:hover{color:var(--accent);transform:translateY(-1px)}.post-cover-wrapper{max-width:1100px;margin:0 auto 32px;padding:0 24px}.post-cover-img{border-radius:var(--blog-radius);width:100%;height:auto;box-shadow:var(--shadow-lg);display:block}.summary-icon{font-size:16px}.post-video-wrapper{max-width:780px;margin:0 auto 32px;padding:0 24px}.post-video-wrapper iframe{aspect-ratio:16/9;border-radius:var(--blog-radius);width:100%;box-shadow:var(--shadow-lg);border:none}.post-layout{grid-template-columns:minmax(0,2fr) 300px;align-items:start;gap:48px;max-width:1100px;margin:0 auto;padding:0 24px 80px;display:grid}@media (max-width:900px){.post-layout{grid-template-columns:1fr}}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6a7d9e;font-style:italic}.token.punctuation{color:#8ab4d4}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol{color:#79c0ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin{color:#a5d6ff}.token.operator,.token.entity,.token.url{color:#d2a8ff}.token.atrule,.token.attr-value,.token.keyword{color:#ff7b72}.token.function,.token.class-name{color:#ffa657}.token.regex,.token.important,.token.variable{color:#ffa198}.sidebar-cta-label{letter-spacing:.09em;text-transform:uppercase;color:var(--accent,#6366f1);margin:0 0 4px;font-size:.7rem;font-weight:700}.sidebar-cta h3{color:var(--text);font-size:1rem;font-weight:700;line-height:1.3;font-family:var(--font-serif),Georgia,serif;margin:0 0 8px}.sidebar-cta p{color:var(--muted);font-size:.85rem;line-height:1.5;font-family:var(--font-sans),system-ui,sans-serif;margin:0}.sidebar-pills-label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.7rem;font-weight:700;font-family:var(--font-sans),system-ui,sans-serif;align-items:center;gap:6px;margin:0 0 12px;display:flex}.pills-cloud{flex-wrap:wrap;gap:7px;display:flex}.pill-keyword{color:#10b981;background:#10b98112;border-color:#10b98133}[data-theme=dark] .pill-keyword{color:#34d399;background:#10b9811a;border-color:#10b98140}.blog-faq{border-top:1px solid var(--border);margin-top:64px;padding-top:48px}.blog-faq__heading{color:var(--text);text-align:center;margin-bottom:32px;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700}.blog-faq__item{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.blog-faq__item:hover{border-color:var(--accent);box-shadow:0 4px 20px #6366f114}.blog-faq__question{color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;padding:20px 24px;font-size:1rem;font-weight:600;list-style:none;transition:background-color .2s;display:flex}.blog-faq__question::-webkit-details-marker{display:none}.blog-faq__question:after{content:"+";color:var(--accent);flex-shrink:0;margin-left:16px;font-size:1.5rem;font-weight:300}.blog-faq__item[open] .blog-faq__question:after{content:"−"}.blog-faq__question:hover{background-color:#6366f108}.blog-faq__answer{color:var(--muted);border-top:1px solid var(--border);padding:16px 24px 20px;font-size:.9375rem;line-height:1.7}@media (max-width:640px){.post-hero{padding:20px 16px 16px}.post-cover-wrapper,.post-video-wrapper{padding:0 16px}.post-layout{gap:32px;padding:0 16px 60px}.post-title-main{font-size:24px}.post-subtitle,.smart-cta-inline-inner{flex-direction:column;align-items:flex-start}.smart-cta-inline-btn{justify-content:center;width:100%}.smart-cta-bottom-inner{padding:40px 24px}}@media print{.smart-cta-inline,.smart-cta-bottom{display:none}.post-layout{grid-template-columns:1fr}}.post-hero:before{opacity:.15}[data-theme=light] .post-hero:before{opacity:.08}.blog-breadcrumb a{color:var(--muted);text-decoration:none;transition:color .15s}.blog-breadcrumb a:hover{color:var(--accent)}.back-to-blog{align-items:center;font-size:.82rem;font-weight:600;transition:color .15s;display:inline-flex;color:var(--accent)!important}.back-to-blog:hover{color:var(--text)}.breadcrumb-sep{color:var(--border);margin:0 4px}.category-badge-container{text-align:center;margin-bottom:16px}.post-title-main{font-family:var(--font-sans),system-ui,sans-serif;letter-spacing:-.025em;color:var(--text);text-align:center;margin:16px 0 20px;font-size:clamp(1.9rem,4.5vw,2.75rem);font-weight:800;line-height:1.2}.post-subtitle{font-family:var(--font-sans),system-ui,sans-serif;color:var(--muted);text-align:center;max-width:680px;margin:0 auto 24px;font-size:1.1rem;font-style:normal;line-height:1.6}.post-hero-content{text-align:center;max-width:860px;margin:0 auto}.post-body-content{color:var(--text);min-width:0;font-size:1.1rem;line-height:1.85}.post-body-content *{box-sizing:border-box;max-width:100%}.post-body-content h1,.post-body-content h2,.post-body-content h3,.post-body-content h4{color:var(--text);margin:2.5em 0 .8em;font-weight:700;line-height:1.3}.post-body-content h1{letter-spacing:-.02em;font-size:2rem}.post-body-content h2{letter-spacing:-.015em;border-bottom:1px solid var(--border,#e2e8f0);padding-bottom:.4em;font-size:1.65rem}.post-body-content h3{font-size:1.3rem}.post-body-content h4{font-size:1.1rem}.post-body-content p{margin:0 0 1.4em}.post-body-content a{text-underline-offset:3px;text-decoration:underline}.post-body-content a:hover{opacity:.8}.post-body-content ul,.post-body-content ol{margin:0 0 1.4em;padding-left:1.75em}.post-body-content li{margin-bottom:.5em}.post-body-content li::marker{color:var(--accent,#6366f1)}.post-body-content strong{color:var(--text);font-weight:700}.post-body-content em{color:var(--muted,#64748b);font-style:italic}.post-body-content blockquote{border-left:4px solid var(--accent,#6366f1);color:var(--muted,#64748b);background:#6366f10d;border-radius:0 12px 12px 0;margin:2em 0;padding:16px 24px;font-size:1.05rem;line-height:1.7}.post-body-content hr{border:none;border-top:2px solid var(--border,#e2e8f0);margin:2.5em 0}.post-body-content img{border-radius:12px;max-width:100%;height:auto;margin:2em 0;display:block;box-shadow:0 4px 20px #00000014}.post-body-content table{border-collapse:collapse;border:1px solid var(--border,#e2e8f0);border-radius:12px;width:100%;margin:2em 0;font-size:.95rem;overflow:hidden;box-shadow:0 2px 12px #0000000a}.post-body-content thead{background:linear-gradient(135deg,#6366f114,#8b5cf60f)}.post-body-content thead th{text-align:left;color:var(--text);border-bottom:2px solid var(--border,#e2e8f0);padding:14px 18px;font-size:.9rem;font-weight:700}.post-body-content tbody td{border-top:1px solid var(--border,#e2e8f0);color:var(--muted,#64748b);padding:12px 18px;line-height:1.6}.post-body-content tbody tr:hover{background:#6366f108}.post-body-content code:not(pre code){color:#c7254e;word-break:break-word;background:#eff1f3;border:1px solid #e8ebef;border-radius:4px;padding:2px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.875em}.post-body-content pre{color:#e6edf3;background:#0d1117;border:1px solid #30363d;border-radius:10px;margin:1.5em 0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.85rem;line-height:1.6;position:relative;overflow:hidden;box-shadow:0 2px 16px #00000014}.post-body-content pre code{font-size:inherit;color:inherit;white-space:pre;word-break:normal;word-wrap:normal;background:0 0;border:none;padding:18px 20px;line-height:1.6;display:block;overflow-x:auto}.post-body-content pre::-webkit-scrollbar{height:6px}.post-body-content pre::-webkit-scrollbar-track{background:0 0}.post-body-content pre::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}.post-body-content pre::-webkit-scrollbar-thumb:hover{background:#484f58}[data-theme=light] .post-body-content pre{color:#1f2328;background:#f6f8fa;border:1px solid #d0d7de}[data-theme=light] .post-body-content pre::-webkit-scrollbar-thumb{background:#d0d7de}[data-theme=light] .post-body-content pre::-webkit-scrollbar-thumb:hover{background:#b1bac4}[data-theme=light] .post-body-content code:not(pre code){color:#c7254e;background:#eff1f3;border:1px solid #e8ebef}[data-theme=dark] .post-body-content code:not(pre code){color:#f97583;background:#6e768133}
