.blog-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--blue);z-index:9999;transition:width .1s linear;box-shadow:0 0 8px color-mix(in srgb,var(--blue) 60%,transparent)}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr);max-width:1280px;margin:0 auto;padding:0 24px}@media (min-width: 1040px){.blog-layout{grid-template-columns:minmax(0,1fr) 200px;gap:40px;align-items:start;padding:0 32px}.blog-left-toc{display:none}}@media (min-width: 1240px){.blog-layout{grid-template-columns:200px minmax(0,720px) 180px;gap:40px;padding:0 40px}.blog-layout:not(.has-toc){grid-template-columns:minmax(0,1fr) 180px}.blog-left-toc{display:block}.blog-layout:not(.has-toc) .blog-left-toc{display:none}}.blog-article{padding:0}.blog-bridge{margin:48px 0}.blog-article{min-width:0}.blog-article-inner{max-width:720px;min-width:0}.blog-left-toc{display:none;padding-top:80px}@media (min-width: 1240px){.blog-left-toc{display:block;align-self:stretch}.blog-left-toc-sticky{position:sticky;top:100px;max-height:calc(100vh - 140px);overflow-y:auto;scrollbar-width:none}.blog-left-toc-sticky::-webkit-scrollbar{display:none}}.blog-left-toc-heading{font:700 11px/1 var(--font-sans);text-transform:uppercase;letter-spacing:.5px;color:var(--ink);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.blog-post-header{padding-bottom:40px;border-bottom:1px solid var(--line);margin-bottom:44px}.blog-back{display:inline-flex;align-items:center;gap:7px;font:11px/1 var(--mono);color:var(--muted);text-decoration:none;letter-spacing:.2px;margin-bottom:32px;padding:7px 14px 7px 10px;border:1px solid var(--line);border-radius:2px;background:var(--surface);transition:color .15s,border-color .15s,background .15s}.blog-back:hover{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 40%,transparent);background:color-mix(in srgb,var(--blue) 5%,var(--paper))}.blog-post-meta-row{font:9px/1 var(--mono);color:var(--muted);letter-spacing:.5px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.meta-dot{color:var(--line)}.blog-post-title{font:400 clamp(26px,4vw,48px)/1.12 var(--mono);letter-spacing:-1.5px;margin:0 0 20px;color:var(--ink)}.blog-post-intro{font:14px/1.75 var(--font-sans);color:var(--muted);margin:0;max-width:600px}.blog-toc-mobile{margin-bottom:32px;border:1px solid var(--line);border-radius:2px;overflow:hidden}.blog-toc-summary{font:10px var(--mono);text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:12px 16px;cursor:pointer;background:var(--surface);list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.blog-toc-summary::-webkit-details-marker{display:none}.blog-toc-summary:after{content:" ↓"}details[open] .blog-toc-summary:after{content:" ↑"}.blog-toc-list{display:flex;flex-direction:column;padding:12px 16px;gap:2px;background:var(--paper)}@media (min-width: 1240px){.blog-toc-mobile{display:none}}.blog-toc-link{font:12px/1.6 var(--font-sans);color:var(--muted);text-decoration:none;display:block;padding:4px 0 4px 12px;border-left:2px solid var(--line);transition:color .15s,border-color .15s;overflow:hidden;text-overflow:ellipsis}.blog-toc-link--h3{padding-left:24px;font-size:11px}.blog-toc-link:hover,.blog-toc-link--active{color:var(--ink);border-left-color:var(--blue)}.blog-toc-sidebar{display:none}@media (min-width: 1040px){.blog-toc-sidebar{display:block;padding-top:80px;align-self:stretch}.blog-toc-sticky{position:sticky;top:100px;max-height:calc(100vh - 140px);overflow-y:auto;scrollbar-width:none;padding-right:4px}.blog-toc-sticky::-webkit-scrollbar{display:none}.blog-toc-heading{font:9px var(--mono);text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line)}}.blog-sidebar-divider{height:1px;background:var(--line);margin:20px 0}.blog-sidebar-share{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.blog-sidebar-share-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--line);border-radius:4px;color:var(--muted);text-decoration:none;transition:border-color .15s,color .15s,background .15s}.blog-sidebar-share-btn:hover{border-color:var(--blue);color:var(--blue)}.blog-sidebar-share-btn--wa:hover{border-color:#25d366;color:#25d366}.blog-sidebar-share-btn--li:hover{border-color:#0a66c2;color:#0a66c2}.blog-sidebar-share-btn--fb:hover{border-color:#1877f2;color:#1877f2}.blog-sidebar-share-btn--tg:hover{border-color:#08c;color:#08c}.blog-sidebar-share-btn--rd:hover{border-color:#ff4500;color:#ff4500}.blog-sidebar-links{display:flex;flex-direction:column;gap:2px}.blog-sidebar-link{font:10px/1.6 var(--mono);color:var(--muted);text-decoration:none;padding:3px 0;transition:color .15s}.blog-sidebar-link:hover{color:var(--blue)}.blog-sidebar-link--cta{margin-top:8px;color:var(--blue);font-weight:600;letter-spacing:.2px}.blog-post-hero-img{margin-bottom:40px;border:1px solid var(--line);overflow:hidden}.blog-post-hero-img img{width:100%;max-height:440px;-o-object-fit:cover;object-fit:cover;display:block}.blog-hero-credit{margin:-30px 0 36px;font:10px/1.5 var(--mono);color:var(--muted);letter-spacing:.2px}.blog-hero-credit a{color:var(--muted);text-decoration:underline}.blog-hero-credit a:hover{color:var(--blue)}.blog-post-body{line-height:1.75}.blog-post-body h2{font:400 22px/1.25 var(--mono);letter-spacing:-.7px;margin:44px 0 14px;color:var(--ink);padding-left:14px;border-left:3px solid var(--blue)}.blog-post-body h3{font:400 17px/1.3 var(--mono);letter-spacing:-.4px;margin:32px 0 12px;color:var(--ink)}.blog-post-body p{font:14px/1.85 var(--font-sans);color:var(--ink);margin:0 0 18px}.blog-post-body ul,.blog-post-body ol{padding-left:28px;margin:0 0 18px}.blog-post-body li{font:14px/1.7 var(--font-sans);color:var(--ink);margin-bottom:6px}.blog-post-body strong{font-weight:700}.blog-post-body em{font-style:italic}.blog-post-body s{opacity:.6}.blog-post-body a{color:var(--blue);text-decoration:underline}.blog-post-body blockquote{border-left:3px solid var(--blue);background:color-mix(in srgb,var(--blue) 4%,var(--paper));border-radius:0 4px 4px 0;padding:14px 20px;margin:28px 0;color:var(--muted);font-style:italic}.blog-post-body pre{background:var(--surface);border:1px solid var(--line);padding:18px 22px;overflow-x:auto;margin:24px 0;font:12px/1.65 var(--mono);border-radius:2px}.blog-post-body code{font:12px var(--mono);background:var(--surface);padding:2px 6px;border:1px solid var(--line);border-radius:2px}.blog-post-body pre code{background:none;border:none;padding:0;border-radius:0}.blog-post-body hr{border:none;border-top:1px solid var(--line);margin:40px 0}.blog-post-body table{width:100%;border-collapse:collapse;font:12px var(--mono);margin:24px 0;overflow-x:auto;display:block}.blog-post-body th,.blog-post-body td{border:1px solid var(--line);padding:8px 12px;text-align:left}.blog-post-body th{background:var(--surface);color:var(--ink);font-weight:600}.blog-post-body td{color:var(--ink)}.blog-post-body img+em{display:block;font:10px var(--mono);color:var(--muted);text-align:center;margin-top:6px;font-style:normal;letter-spacing:.3px}.blog-post-body img,.blog-post-img{max-width:100%;height:auto;display:block;border-radius:6px;border:1px solid var(--line);margin:32px auto 6px;box-shadow:0 4px 24px color-mix(in srgb,var(--blue) 6%,transparent)}.blog-figure{margin:32px 0;padding:0;border:none}.blog-figure .blog-post-img{margin:0 auto}.blog-figcaption{text-align:center;font:11px/1.5 var(--mono);color:var(--muted);margin-top:10px;letter-spacing:.2px}.blog-post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.blog-tag{font:500 11px/1 var(--mono);color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--paper));border:1px solid color-mix(in srgb,var(--blue) 20%,var(--line));border-radius:3px;padding:4px 8px;letter-spacing:.2px}.blog-share{margin-top:48px;padding:24px;border:1px solid var(--line);background:var(--surface);display:flex;align-items:center;gap:20px;flex-wrap:wrap}.blog-share-label{font:9px var(--mono);text-transform:uppercase;letter-spacing:.6px;color:var(--muted);white-space:nowrap}.blog-share-btns{display:flex;gap:8px;flex-wrap:wrap}.blog-share-btn{display:inline-flex;align-items:center;gap:6px;font:10px var(--mono);color:var(--ink);text-decoration:none;border:1px solid var(--line);padding:6px 12px;border-radius:2px;background:var(--paper);cursor:pointer;transition:border-color .15s,color .15s,background .15s;letter-spacing:.3px}.blog-share-btn:hover{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb,var(--blue) 6%,var(--paper))}.blog-share-btn--wa:hover{border-color:#25d366;color:#25d366;background:color-mix(in srgb,#25d366 6%,var(--paper))}.blog-share-btn--li:hover{border-color:#0a66c2;color:#0a66c2;background:color-mix(in srgb,#0a66c2 6%,var(--paper))}.blog-share-btn--fb:hover{border-color:#1877f2;color:#1877f2;background:color-mix(in srgb,#1877f2 6%,var(--paper))}.blog-share-btn--tg:hover{border-color:#08c;color:#08c;background:color-mix(in srgb,#0088cc 6%,var(--paper))}.blog-share-btn--rd:hover{border-color:#ff4500;color:#ff4500;background:color-mix(in srgb,#ff4500 6%,var(--paper))}.blog-related{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.blog-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.blog-related-card{background:var(--paper);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:box-shadow .2s}.blog-related-card:hover{box-shadow:0 0 0 1px var(--blue)}.blog-related-img-wrap{overflow:hidden;line-height:0}.blog-related-img{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s}.blog-related-card:hover .blog-related-img{transform:scale(1.04)}.blog-related-body{padding:16px;flex:1;display:flex;flex-direction:column}.blog-related-date{font:9px var(--mono);color:var(--muted);letter-spacing:.4px;margin-bottom:8px}.blog-related-title{font:400 13px/1.35 var(--mono);color:var(--ink);letter-spacing:-.2px;margin:0 0 12px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-related-link{font:10px var(--mono);color:var(--blue);letter-spacing:.3px}@media (max-width: 640px){.blog-related-grid{grid-template-columns:1fr}}.blog-post-footer{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.blog-post-footer-inner{display:flex;gap:40px;flex-wrap:wrap;margin-bottom:28px}.blog-footer-label{font:9px var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:4px}.blog-footer-val{font:12px var(--mono);color:var(--ink)}.blog-cta{padding:24px;border:1px solid var(--line);background:var(--surface)}.blog-cta h3{font:400 16px/1.3 var(--mono);letter-spacing:-.4px;margin:0 0 16px;color:var(--ink)}.blog-cta-btns{display:flex;gap:12px;flex-wrap:wrap}.blog-comments{margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}.blog-comments-heading{font:400 20px/1.2 var(--mono);letter-spacing:-.5px;color:var(--ink);margin:0 0 24px}.blog-comments-list{margin-bottom:40px;display:flex;flex-direction:column;gap:20px}.blog-comments-loading,.blog-comments-empty{font:11px var(--mono);color:var(--muted);margin:0}.blog-comment{display:flex;gap:14px;padding:20px;border:1px solid var(--line);background:var(--surface)}.blog-comment-avatar{width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--blue) 15%,var(--paper));color:var(--blue);font:600 14px/36px var(--mono);text-align:center;flex-shrink:0;text-transform:uppercase}.blog-comment-body{flex:1;min-width:0}.blog-comment-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.blog-comment-author{font:600 12px var(--mono);color:var(--ink)}.blog-comment-date{font:9px var(--mono);color:var(--muted);letter-spacing:.3px}.blog-comment-text{font:13px/1.7 var(--font-sans);color:var(--ink);margin:0}.blog-comment-form-wrap{border:1px solid var(--line);padding:28px;background:var(--surface)}.blog-comment-form-title{font:400 16px/1.2 var(--mono);letter-spacing:-.3px;color:var(--ink);margin:0 0 6px}.blog-comment-form-note{font:10px var(--mono);color:var(--muted);margin:0 0 20px}.blog-comment-form{display:flex;flex-direction:column;gap:16px}.blog-comment-form-row{display:flex;flex-direction:column;gap:5px}.blog-comment-label{font:9px var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.blog-comment-optional{text-transform:none;letter-spacing:0;opacity:.7}.blog-comment-input,.blog-comment-textarea{width:100%;background:var(--paper);border:1px solid var(--line);color:var(--ink);font:13px/1.5 var(--font-sans);padding:9px 12px;border-radius:2px;transition:border-color .15s;box-sizing:border-box}.blog-comment-input:focus,.blog-comment-textarea:focus{outline:none;border-color:var(--blue)}.blog-comment-textarea{resize:vertical;min-height:100px}.blog-comment-error{font:11px var(--mono);color:#e53e3e;padding:8px 12px;border:1px solid #e53e3e;border-radius:2px;background:color-mix(in srgb,#e53e3e 8%,var(--paper))}.blog-comment-submit{align-self:flex-start;padding:10px 24px;background:var(--blue);color:#fff;border:none;font:600 11px var(--mono);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:opacity .15s}.blog-comment-submit:hover{opacity:.88}.blog-comment-submit:disabled{opacity:.5;cursor:not-allowed}.blog-comment-success{display:flex;align-items:center;gap:8px;font:12px var(--mono);color:#22c55e;padding:12px 16px;border:1px solid #22c55e;border-radius:2px;background:color-mix(in srgb,#22c55e 8%,var(--paper))}.blog-category-badge--link{text-decoration:none;transition:background .15s,border-color .15s}.blog-category-badge.blog-category-badge--link:hover{background:color-mix(in srgb,var(--blue) 16%,transparent);border-color:var(--blue)}.blog-breadcrumb{margin:0 0 16px}.blog-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;font:10px/1.4 var(--mono);letter-spacing:.2px;color:var(--muted)}.blog-breadcrumb li+li:before{content:"›";margin:0 8px;color:var(--line)}.blog-breadcrumb a{color:var(--muted);text-decoration:none}.blog-breadcrumb a:hover{color:var(--blue);text-decoration:underline}.blog-breadcrumb li:last-child a{color:var(--ink)}.blog-disclosure{margin-top:40px;padding:14px 18px;border:1px solid var(--line);border-left:3px solid var(--blue);background:color-mix(in srgb,var(--blue) 4%,var(--paper));border-radius:0 4px 4px 0}.blog-disclosure-line{font:12px/1.6 var(--font-sans);color:var(--muted);margin:0}.blog-disclosure-line+.blog-disclosure-line{margin-top:6px}.blog-disclosure-line strong{color:var(--ink);font-weight:600}.blog-disclosure-line a{color:var(--blue);text-decoration:underline}.blog-category-badge{font:8px/1 var(--mono);text-transform:uppercase;letter-spacing:.8px;color:var(--blue);border:1px solid color-mix(in srgb,var(--blue) 40%,transparent);background:color-mix(in srgb,var(--blue) 8%,transparent);padding:3px 8px;border-radius:2px;flex-shrink:0}.blog-like-wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:40px;padding:20px 24px;border:1px solid var(--line);background:var(--surface)}.blog-like-btn{display:inline-flex;align-items:center;gap:8px;font:600 11px var(--mono);letter-spacing:.3px;color:var(--muted);border:1px solid var(--line);background:var(--paper);padding:8px 18px;border-radius:2px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.blog-like-btn:hover{color:#e53e3e;border-color:#e53e3e;background:color-mix(in srgb,#e53e3e 6%,var(--paper))}.blog-like-btn--liked{color:#e53e3e!important;border-color:#e53e3e!important;background:color-mix(in srgb,#e53e3e 10%,var(--paper))!important}.blog-like-btn--liked .blog-like-heart{fill:#e53e3e;stroke:#e53e3e}.blog-like-note{font:10px/1.5 var(--font-sans);color:var(--muted)}.blog-newsletter{margin-top:48px;border:1px solid var(--line);background:color-mix(in srgb,var(--blue) 6%,var(--paper));overflow:hidden}.blog-newsletter-inner{padding:32px;display:flex;gap:32px;align-items:center;flex-wrap:wrap}.blog-newsletter-text{flex:1;min-width:200px}.blog-newsletter-eyebrow{font:9px var(--mono);letter-spacing:.7px;color:var(--blue);margin:0 0 8px}.blog-newsletter-heading{font:400 18px/1.25 var(--mono);letter-spacing:-.5px;color:var(--ink);margin:0 0 10px}.blog-newsletter-sub{font:12px/1.7 var(--font-sans);color:var(--muted);margin:0;max-width:440px}.blog-newsletter-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;flex-shrink:0}.blog-newsletter-link{font:11px var(--mono);color:var(--muted);text-decoration:none;letter-spacing:.2px;transition:color .15s}.blog-newsletter-link:hover{color:var(--blue)}.blog-author-card{display:flex;gap:20px;align-items:flex-start;padding:28px;border:1px solid var(--line);background:var(--surface);margin-top:48px}.blog-author-avatar{width:52px;height:52px;border-radius:50%;background:var(--blue);color:#fff;font:700 11px/52px var(--mono);text-align:center;letter-spacing:.5px;flex-shrink:0}.blog-author-info{flex:1;min-width:0}.blog-author-name{font:600 13px/1.2 var(--mono);color:var(--ink);margin:0 0 8px;letter-spacing:-.2px}.blog-author-bio{font:12px/1.7 var(--font-sans);color:var(--muted);margin:0 0 12px}.blog-author-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px}.blog-author-date{font:9px var(--mono);color:var(--muted);letter-spacing:.3px}.blog-author-links{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.blog-author-link{font:10px var(--mono);color:var(--muted);text-decoration:none;letter-spacing:.2px;transition:color .15s}.blog-author-link:hover{color:var(--blue);text-decoration:underline}.blog-author-link--cta{color:var(--blue);font-weight:600}