.pull-stat{background:var(--blue-light,#edf4ff);border-left:3px solid var(--blue,#0f62fe);align-items:center;gap:24px;margin:32px 0;padding:28px 32px;display:flex}.pull-stat-value{letter-spacing:-.03em;color:var(--blue,#0f62fe);flex-shrink:0;font-size:48px;font-weight:300;line-height:1}.pull-stat-text{color:var(--text-02,#525252);font-size:15px;line-height:1.5}.pull-stat-text strong{color:var(--text-01,#161616)}.callout{border-left:3px solid;margin:24px 0;padding:20px 24px;font-size:14px;line-height:1.6}.callout-title{letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}.callout-info{background:var(--blue-light,#edf4ff);border-color:var(--blue,#0f62fe)}.callout-info .callout-title{color:var(--blue,#0f62fe)}.callout-info p{color:var(--text-02,#525252);margin-bottom:0}.callout-warning{background:var(--orange-bg,#fff2e8);border-color:var(--orange,#8a3800)}.callout-warning .callout-title{color:var(--orange,#8a3800)}.callout-warning p{color:var(--text-02,#525252);margin-bottom:0}.callout-success{background:var(--green-bg,#defbe6);border-color:var(--green,#198038)}.callout-success .callout-title{color:var(--green,#198038)}.callout-success p{color:var(--text-02,#525252);margin-bottom:0}.callout-danger{background:var(--red-bg,#fff1f1);border-color:var(--red,#da1e28)}.callout-danger .callout-title{color:var(--red,#da1e28)}.callout-danger p{color:var(--text-02,#525252);margin-bottom:0}.takeaways{border:1px solid var(--ui-03,#e0e0e0);background:var(--ui-01,#fff);margin:32px 0}.takeaways-header{background:var(--ui-02,#f4f4f4);border-bottom:1px solid var(--ui-03,#e0e0e0);letter-spacing:.04em;text-transform:uppercase;color:var(--text-01,#161616);align-items:center;gap:8px;padding:14px 24px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;display:flex}.takeaways-header:before{content:"";background:var(--blue,#0f62fe);border-radius:2px;width:12px;height:12px}.takeaways-body{padding:20px 24px}.takeaways-body ul{margin:0;padding-left:20px}.takeaways-body li{color:var(--text-02,#525252);margin-bottom:12px;font-size:15px;line-height:1.55}.takeaways-body li:last-child{margin-bottom:0}.takeaways-body li strong{color:var(--text-01,#161616)}.article-figure{border:1px solid var(--ui-03,#e0e0e0);margin:32px 0;overflow:hidden}.article-figure img{width:100%;display:block}.article-figure-caption{background:var(--ui-02,#f4f4f4);color:var(--text-03,#8d8d8d);border-top:1px solid var(--ui-03,#e0e0e0);padding:12px 16px;font-size:13px}.article-figure-caption strong{color:var(--text-02,#525252)}
.blog-article-page{--blue:#0f62fe;--blue-hover:#0353e9;--blue-light:#edf4ff;--blue-mid:#d0e2ff;--blue-30:#a6c8ff;--text-01:#161616;--text-02:#525252;--text-03:#8d8d8d;--ui-01:#fff;--ui-02:#f4f4f4;--ui-03:#e0e0e0;--ui-05:#161616;--ui-bg:#f8fafc;--green:#198038;--green-bg:#defbe6;--red:#da1e28;--red-bg:#fff1f1;--teal:#007d79;--cyan:#1192e8;--orange:#8a3800;--orange-bg:#fff2e8;--yellow:#f1c21b;--yellow-bg:#fcf4d6;background:var(--ui-bg);min-height:100vh}.progress-bar{background:var(--blue);z-index:99;width:0%;height:2px;transition:width .1s linear;position:fixed;top:48px;left:0}.article-header{background:var(--ui-05);color:#fff;padding:36px 48px 32px;position:relative;overflow:hidden}.article-header:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 0%,#0f62fe0f 50%,#0f62fe1f 100%);width:45%;height:100%;position:absolute;top:0;right:0}.article-header:after{content:"";background:linear-gradient(90deg,var(--blue)0%,transparent 50%);height:1px;position:absolute;bottom:0;left:0;right:0}.header-inner{max-width:1200px;margin:0 auto;position:relative}.breadcrumb{color:var(--text-03);align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.breadcrumb a{color:var(--blue-30);text-decoration:none;transition:color .15s}.breadcrumb a:hover{color:#fff}.breadcrumb .sep{color:#6f6f6f}.article-meta-row{align-items:center;gap:14px;margin-bottom:16px;display:flex}.tag{letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500}.tag-blue{color:var(--blue-30);background:#0f62fe33}.tag-teal{color:#3ddbd9;background:#007d7933}.tag-red{color:#ff8389;background:#da1e2833}.meta-date{color:#c6c6c6;font-size:13px}.meta-read{color:var(--text-03);font-family:IBM Plex Mono,monospace;font-size:13px}.meta-sep{background:#6f6f6f;width:1px;height:12px}.article-headline{letter-spacing:-.02em;max-width:760px;margin-bottom:16px;font-size:36px;font-weight:600;line-height:1.2}.article-subtitle{color:#c6c6c6;max-width:640px;margin-bottom:20px;font-size:16px;line-height:1.55}.author-row{align-items:center;gap:12px;display:flex}.author-avatar{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.author-name{color:#fff;font-size:14px;font-weight:600}.author-role{color:var(--text-03);font-size:12px}.article-layout{grid-template-columns:1fr 260px;gap:48px;max-width:1200px;margin:0 auto;padding:40px 48px;display:grid}.toc{align-self:start;position:sticky;top:80px}.toc-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-03);border-bottom:2px solid var(--ui-05);margin-bottom:16px;padding-bottom:10px;font-family:IBM Plex Mono,monospace;font-size:11px}.toc-list{list-style:none}.toc-list li{margin-bottom:0}.toc-list a{color:var(--text-03);border-left:2px solid var(--ui-03);padding:8px 0 8px 16px;font-size:13px;line-height:1.35;text-decoration:none;transition:all .15s;display:block}.toc-list a:hover{color:var(--text-01);border-left-color:var(--text-01)}.toc-list a.active{color:var(--blue);border-left-color:var(--blue);font-weight:500}.toc-share{border-top:1px solid var(--ui-03);margin-top:28px;padding-top:20px}.toc-share-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-03);margin-bottom:12px;font-family:IBM Plex Mono,monospace;font-size:11px}.share-btns{gap:8px;display:flex}.share-btn{border:1px solid var(--ui-03);cursor:pointer;width:36px;height:36px;color:var(--text-02);background:0 0;justify-content:center;align-items:center;font-size:13px;transition:all .15s;display:flex}.share-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.article-body h2{letter-spacing:-.02em;border-top:1px solid var(--ui-03);color:var(--text-01);margin-top:40px;margin-bottom:16px;padding-top:32px;font-size:24px;font-weight:600}.article-body h2:first-child{border-top:none;margin-top:0;padding-top:0}.article-body h3{letter-spacing:-.01em;color:var(--text-01);margin-top:28px;margin-bottom:12px;font-size:18px;font-weight:600}.article-body p{color:var(--text-02);margin-bottom:20px;font-size:16px;line-height:1.7}.article-body p strong{color:var(--text-01);font-weight:600}.article-body ul{margin:0 0 20px;padding-left:20px}.article-body ul li{color:var(--text-02);margin-bottom:8px;font-size:16px;line-height:1.7}.article-body ul li strong{color:var(--text-01)}.pull-stat{background:var(--blue-light);border-left:3px solid var(--blue);align-items:center;gap:24px;margin:32px 0;padding:28px 32px;display:flex}.pull-stat-value{letter-spacing:-.03em;color:var(--blue);flex-shrink:0;font-size:48px;font-weight:300;line-height:1}.pull-stat-text{color:var(--text-02);font-size:15px;line-height:1.5}.pull-stat-text strong{color:var(--text-01)}.callout{border-left:3px solid;margin:24px 0;padding:20px 24px;font-size:14px;line-height:1.6}.callout-title{letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}.callout-info{background:var(--blue-light);border-color:var(--blue)}.callout-info .callout-title{color:var(--blue)}.callout-info p{color:var(--text-02);margin-bottom:0}.callout-warning{background:var(--orange-bg);border-color:var(--orange)}.callout-warning .callout-title{color:var(--orange)}.callout-warning p{color:var(--text-02);margin-bottom:0}.callout-success{background:var(--green-bg);border-color:var(--green)}.callout-success .callout-title{color:var(--green)}.callout-success p{color:var(--text-02);margin-bottom:0}.callout-danger{background:var(--red-bg);border-color:var(--red)}.callout-danger .callout-title{color:var(--red)}.callout-danger p{color:var(--text-02);margin-bottom:0}.code-block{background:var(--ui-05);border:1px solid #393939;margin:24px 0;overflow:hidden}.code-header{color:var(--text-03);letter-spacing:.02em;background:#262626;justify-content:space-between;align-items:center;padding:8px 16px;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.code-copy{color:#c6c6c6;cursor:pointer;background:0 0;border:1px solid #6f6f6f;padding:3px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;transition:all .15s}.code-copy:hover{border-color:var(--blue);color:var(--blue)}.code-body{color:#c6c6c6;padding:16px 20px;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.article-table{border-collapse:collapse;width:100%;margin:24px 0;font-size:14px}.article-table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-03);background:var(--ui-02);border-bottom:2px solid var(--ui-03);padding:10px 16px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}.article-table td{border-bottom:1px solid var(--ui-03);color:var(--text-02);padding:12px 16px}.article-table tr:hover td{background:var(--blue-light)}.article-body table{border-collapse:collapse;width:100%;margin:24px 0;font-size:14px}.article-body th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-03);background:var(--ui-02);border-bottom:2px solid var(--ui-03);padding:10px 16px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}.article-body td{border-bottom:1px solid var(--ui-03);color:var(--text-02);padding:12px 16px}.article-body tr:hover td{background:var(--blue-light)}.takeaways{border:1px solid var(--ui-03);background:var(--ui-01);margin:32px 0}.takeaways-header{background:var(--ui-02);border-bottom:1px solid var(--ui-03);letter-spacing:.04em;text-transform:uppercase;color:var(--text-01);align-items:center;gap:8px;padding:14px 24px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;display:flex}.takeaways-header:before{content:"";background:var(--blue);border-radius:2px;width:12px;height:12px}.takeaways-body{padding:20px 24px}.takeaways-body ul{margin:0;padding-left:20px}.takeaways-body li{color:var(--text-02);margin-bottom:12px;font-size:15px;line-height:1.55}.takeaways-body li:last-child{margin-bottom:0}.takeaways-body li strong{color:var(--text-01)}.article-figure{border:1px solid var(--ui-03);margin:32px 0;overflow:hidden}.article-figure img{width:100%;display:block}.article-figure-caption{background:var(--ui-02);color:var(--text-03);border-top:1px solid var(--ui-03);padding:12px 16px;font-size:13px}.article-figure-caption strong{color:var(--text-02)}.author-card{background:var(--ui-01);border:1px solid var(--ui-03);align-items:center;gap:20px;margin-top:48px;padding:28px 32px;display:flex}.author-card-avatar{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:600;display:flex}.author-card-name{color:var(--text-01);margin-bottom:2px;font-size:16px;font-weight:600}.author-card-title{color:var(--text-03);margin-bottom:6px;font-size:13px}.author-card-bio{color:var(--text-02);font-size:14px;line-height:1.5}.article-tags{border-top:1px solid var(--ui-03);flex-wrap:wrap;align-items:center;gap:8px;margin-top:32px;padding-top:24px;display:flex}.article-tags-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-03);margin-right:4px;font-family:IBM Plex Mono,monospace;font-size:11px}.article-tag{border:1px solid var(--ui-03);color:var(--text-02);padding:5px 14px;font-size:13px;text-decoration:none;transition:all .15s}.article-tag:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.series-nav{border:1px solid var(--ui-03);background:var(--ui-01);margin-top:40px}.series-nav-header{background:var(--ui-02);border-bottom:1px solid var(--ui-03);padding:16px 24px}.series-nav-label{letter-spacing:.04em;text-transform:uppercase;color:var(--blue);margin-bottom:4px;font-family:IBM Plex Mono,monospace;font-size:11px;display:block}.series-nav-title{color:var(--text-01);font-size:15px;font-weight:600}.series-nav-links{grid-template-columns:1fr 1fr;display:grid}.series-prev,.series-next{color:inherit;padding:20px 24px;text-decoration:none;transition:background .2s;display:block}.series-prev:hover,.series-next:hover{background:var(--blue-light)}.series-next{text-align:right;border-left:1px solid var(--ui-03)}.series-direction{letter-spacing:.04em;text-transform:uppercase;color:var(--text-03);margin-bottom:4px;font-family:IBM Plex Mono,monospace;font-size:11px;display:block}.series-link-title{color:var(--blue);font-size:14px;font-weight:500}.article-cta{max-width:1200px;margin:0 auto;padding:0 48px}.cta-inner{background:var(--ui-05);justify-content:space-between;align-items:center;gap:32px;padding:36px 40px;display:flex}.cta-text h3{color:#fff;letter-spacing:-.01em;margin-bottom:6px;font-size:22px;font-weight:600}.cta-text p{color:#c6c6c6;margin:0;font-size:14px}.cta-btns{flex-shrink:0;gap:12px;display:flex}.cta-primary{background:var(--blue);color:#fff;cursor:pointer;border:none;padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s}.cta-primary:hover{background:var(--blue-hover)}.cta-secondary{color:#fff;cursor:pointer;background:0 0;border:1px solid #6f6f6f;padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s}.cta-secondary:hover{border-color:#fff}.related{max-width:1200px;margin:0 auto;padding:40px 48px 48px}.related-head{letter-spacing:.04em;text-transform:uppercase;color:var(--text-01);border-bottom:1px solid var(--ui-03);margin-bottom:20px;padding-bottom:12px;font-size:14px;font-weight:600}.related-grid{background:var(--ui-03);border:1px solid var(--ui-03);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.related-card{background:var(--ui-01);cursor:pointer;padding:28px;text-decoration:none;transition:background .2s;display:block}.related-card:hover{background:var(--blue-light)}.related-card:hover .related-title{color:var(--blue)}.related-tag{letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500}.related-tag-blue{color:var(--blue)}.related-tag-teal{color:var(--teal)}.related-tag-red{color:var(--red)}.related-title{letter-spacing:-.01em;color:var(--text-01);margin-bottom:10px;font-size:17px;font-weight:600;line-height:1.3;transition:color .2s}.related-excerpt{color:var(--text-03);margin-bottom:16px;font-size:14px;line-height:1.5}.related-meta{color:var(--text-03);font-family:IBM Plex Mono,monospace;font-size:12px}@media (max-width:1024px){.article-layout{grid-template-columns:1fr}.toc{order:-1;position:static}.toc-list{flex-wrap:wrap;gap:4px;display:flex}.toc-list a{border-left:none;border:1px solid var(--ui-03);padding:6px 14px;font-size:12px}.toc-list a.active{background:var(--blue-light)}.toc-share{display:none}}@media (max-width:768px){.article-header{padding:28px 24px}.article-headline{font-size:26px}.article-layout,.related{padding:28px 24px}.related-grid{grid-template-columns:1fr}.cta-inner{text-align:center;flex-direction:column;padding:28px 24px}.article-cta{padding:0 24px}.author-card,.pull-stat{text-align:center;flex-direction:column}.series-nav-links{grid-template-columns:1fr}.series-next{text-align:left;border-left:none;border-top:1px solid var(--ui-03)}}