.article-page{background:var(--c-bg-soft);padding-bottom:40px}.article-page .article-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;padding-top:8px;display:grid}.article-page .article-layout [id]{scroll-margin-top:calc(var(--yg-nav-h) + 20px)}.article-page .breadcrumb{color:var(--c-muted);flex-wrap:wrap;align-items:center;gap:9px;padding:16px 0 10px;font-size:12px;display:flex}.article-page .breadcrumb li{align-items:center;display:inline-flex}.article-page .breadcrumb a{color:var(--c-primary)}.article-page .breadcrumb a:hover{text-decoration:underline}.article-page .breadcrumb li+li:before{content:"›";color:#c2c8dc;margin-right:9px}.article-page .breadcrumb .current{color:var(--c-heading);font-weight:500}.article-page .article-head{padding-top:6px}.article-page .article-head h1{letter-spacing:-.015em;margin:14px 0 12px;font-size:32px;font-weight:700;line-height:1.12}.article-page .article-lead{max-width:620px;color:var(--c-body);font-size:14px;line-height:1.7}.article-page .byline{background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:22px;margin:22px 0 18px;padding:10px;display:flex}.article-page .byline-author{align-items:center;gap:11px;display:flex}.article-page .byline-author .author-avatar{width:40px;height:40px}.article-page .byline-name{color:var(--c-heading);font-size:13.5px;font-weight:600;line-height:1.35}.article-page .byline-block,.article-page .byline-role{color:var(--c-muted);font-size:11.5px}.article-page .byline-block{border-left:1px solid var(--c-border);padding-left:22px;line-height:1.6}.article-page .byline-block .strong{color:#4b546f;font-weight:500;display:block}.article-page .share{align-items:center;gap:9px;margin-left:auto;display:flex}.article-page .share-label{color:var(--c-muted);font-size:12px}.article-page .share a,.article-page .share button{background:var(--c-bg-tint);width:30px;height:30px;color:var(--c-primary);border-radius:7px;place-items:center;padding:0;transition:background .2s,color .2s;display:grid}.article-page .share a:hover,.article-page .share button:hover{background:var(--c-primary);color:var(--c-white)}.article-page .share .is-copied{background:var(--green);color:var(--c-white)}.article-page .article-hero{border-radius:var(--r-md);place-items:center;height:100%;margin-bottom:0;display:block}.article-page .article-hero .hero-glyph{z-index:1;letter-spacing:.04em;color:#def;border:2px solid #78c8ff8c;border-radius:50%;place-items:center;width:118px;height:118px;font-size:34px;font-weight:700;display:grid;position:relative;box-shadow:0 0 60px #3ca0ff8c,inset 0 0 40px #3ca0ff59}.article-page .article-hero.has-img:after{display:none}.article-page .prose p{color:#55607c;margin-bottom:14px;font-size:13.5px;line-height:1.85}.article-page .prose h2,.article-page .prose h3,.article-page .prose h4{color:var(--c-heading);margin:26px 0 10px;font-weight:700;line-height:1.4}.article-page .prose h2{font-size:19px}.article-page .prose h3{font-size:16px}.article-page .prose h4{font-size:14.5px}.article-page .prose ol,.article-page .prose ul{color:#55607c;margin:0 0 16px;padding-left:20px;font-size:13.5px;line-height:1.85}.article-page .prose ul{list-style:outside}.article-page .prose ol{list-style:decimal}.article-page .prose li{margin-bottom:6px}.article-page .prose li::marker{color:var(--c-primary)}.article-page .prose a{color:var(--c-primary);text-underline-offset:2px;text-decoration:underline}.article-page .prose a:hover{color:var(--c-primary-dark)}.article-page .prose strong{color:var(--c-heading);font-weight:600}.article-page .prose iframe,.article-page .prose img{border-radius:var(--r-md);width:100%;height:auto;margin:18px 0}.article-page .prose figure{margin:18px 0}.article-page .prose figcaption{color:var(--c-muted);text-align:center;margin-top:8px;font-size:11.5px}.article-page .prose blockquote{border-left:3px solid var(--c-primary);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--c-bg-tint);color:#4b546f;margin:20px 0;padding:14px 18px;font-size:13.5px;line-height:1.8}.article-page .prose blockquote p:last-child{margin-bottom:0}.article-page .prose code{background:var(--c-bg-tint);color:var(--c-primary-dark);border-radius:5px;padding:2px 6px;font-size:12.5px}.article-page .prose pre{border-radius:var(--r-md);background:var(--bg-1);color:#d7e3ff;margin:18px 0;padding:16px;font-size:12.5px;line-height:1.7;overflow-x:auto}.article-page .prose pre code{color:inherit;background:0 0;padding:0}.article-page .prose hr{border:0;border-top:1px solid var(--c-border-soft);margin:26px 0}.article-page .prose table{border-collapse:collapse;width:100%;margin:18px 0;font-size:12.5px}.article-page .prose td,.article-page .prose th{border:1px solid var(--c-border);text-align:left;padding:10px 12px}.article-page .prose th{background:var(--c-bg-tint);color:var(--c-heading);font-weight:600}.article-page .prose{overflow-wrap:anywhere}.article-page .prose>:last-child{margin-bottom:0;padding:10px}.article-page .step{border:0;border-bottom:1px solid var(--c-border-soft);box-shadow:none;background:0 0;border-radius:0;grid-template-columns:40px 34px minmax(0,1fr);align-items:start;gap:16px;padding:22px 0;transition:none;display:grid;position:static}.article-page .step:hover{box-shadow:none;transform:none}.article-page .step:first-of-type{border-top:1px solid var(--c-border-soft);margin-top:10px}.article-page .step-icon{background:var(--c-bg-tint);width:40px;height:40px;color:var(--c-primary);border-radius:11px;place-items:center;display:grid}.article-page .step-num{color:#a9b2ce;letter-spacing:.02em;padding-top:8px;font-size:15px;font-weight:700}.article-page .step h2{color:var(--c-heading);margin-bottom:7px;font-size:16px;font-weight:700}.article-page .step>div>p{color:var(--c-body);font-size:13px;line-height:1.7}.article-page .check-list{margin-top:10px}.article-page .check-list li{color:#56607b;align-items:flex-start;gap:9px;margin-bottom:8px;font-size:12.5px;display:flex}.article-page .check-list svg{color:var(--c-violet);flex:none;margin-top:2px}.article-page .callout{border-radius:var(--r-md);background:linear-gradient(100deg,#f3f1ff,#eef3ff);border:1px solid #e2e0fb;gap:12px;margin:28px 0 22px;padding:20px 22px;display:flex}.article-page .callout-icon{color:var(--c-violet);flex:none;margin-top:2px}.article-page .callout h2{color:var(--c-heading);margin-bottom:6px;font-size:15px;font-weight:700}.article-page .callout p{color:#545e7b;font-size:12.5px;line-height:1.75}.article-page .tag-row{flex-wrap:wrap;align-items:center;gap:9px;padding:18px 0;display:flex}.article-page .tag-row .label{color:var(--c-muted);margin-right:4px;font-size:12px}.article-page .tag-chip{border:1px solid var(--c-border);border-radius:var(--r-pill);background:var(--c-white);color:#4b546f;padding:6px 14px;font-size:12px;transition:border-color .2s,color .2s}.article-page .tag-chip:hover{border-color:var(--c-primary-light);color:var(--c-primary)}.article-page .post-nav{border-top:1px solid var(--c-border-soft);grid-template-columns:1fr 1fr;gap:20px;padding:18px 0 8px;display:grid}.article-page .post-nav .next{text-align:right}.article-page .post-nav .kicker{color:var(--c-primary);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;display:inline-flex}.article-page .post-nav .title{color:#4b546f;max-width:230px;font-size:12.5px;line-height:1.6;display:block}.article-page .post-nav .next .title{margin-left:auto}.article-page .post-nav a:hover .title{color:var(--c-heading)}.article-page .sidebar{top:calc(var(--yg-nav-h) + 16px);flex-direction:column;gap:20px;display:flex;position:sticky}.article-page .side-panel{padding:18px 20px}.article-page .side-panel h3{color:var(--c-heading);margin-bottom:14px;font-size:14.5px;font-weight:700}.article-page .toc li+li{margin-top:11px}.article-page .toc a{color:#55607c;font-size:12.5px}.article-page .toc a:hover{color:var(--c-primary)}.article-page .toc .is-plain{color:var(--c-muted)}.article-page .toc .is-sub{padding-left:12px}.article-page .author-box{align-items:center;gap:12px;margin-bottom:12px;display:flex}.article-page .author-box .author-avatar{width:48px;height:48px}.article-page .author-box .name{color:var(--c-heading);font-size:13.5px;font-weight:600}.article-page .author-box .role{color:var(--c-muted);font-size:11.5px}.article-page .author-bio{color:#55607c;font-size:12.5px;line-height:1.75}.article-page .author-socials{gap:9px;margin-top:14px;display:flex}.article-page .author-socials a{background:var(--c-bg-tint);width:32px;height:32px;color:var(--c-primary);border-radius:9px;place-items:center;font-size:12px;font-weight:600;display:grid}.article-page .author-socials a:hover{background:var(--c-primary);color:var(--c-white)}.article-page .cta-card{border-radius:var(--r-lg);color:var(--c-white);background:linear-gradient(135deg,#0f1547,#2e2599 45%,#7c3aed);padding:24px 22px;position:relative;overflow:hidden}.article-page .cta-card>*{z-index:1;position:relative}.article-page .cta-card .dots{z-index:0;color:#ffffff1f;position:absolute;inset:0}.article-page .cta-icon{background:#ffffff24;border:1px solid #fff3;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:15px;display:grid}.article-page .cta-card h3{color:var(--c-white);margin-bottom:8px;font-size:14px;font-weight:700;line-height:1.35}.article-page .cta-card p{color:#fffc;margin-bottom:18px;font-size:12.5px;line-height:1.7}.article-page .cta-btn{border-radius:var(--r-sm);background:var(--c-white);width:100%;color:var(--c-primary);justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.article-page .cta-btn:hover{background:#f1f4ff}.article-page .related-item{grid-template-columns:100px minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;display:grid}.article-page .related-item+.related-item{border-top:1px solid var(--c-border-soft)}.article-page .related-item .thumb{border-radius:8px}.article-page .related-item h4{color:var(--c-heading);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:100%;margin-bottom:0;font-size:12.5px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.article-page .related-item:hover h4{color:var(--c-primary)}.article-page .related-more{margin-top:12px;display:inline-flex}.article-page .article-state{text-align:center;padding:60px 20px}.article-page .article-state h2{color:var(--c-heading);margin-bottom:8px;font-size:20px;font-weight:700}.article-page .article-state p{color:var(--c-body);margin-bottom:18px;font-size:13.5px}.article-page .article-state .btn{display:inline-flex}.article-page .art-sk{background:linear-gradient(90deg,#eef1f9 25%,#f6f8ff 37%,#eef1f9 63%) 0 0/400% 100%;border-radius:8px;animation:1.4s infinite art-sk-shimmer}.article-page .art-sk-line{height:12px;margin-bottom:10px}.article-page .art-sk-title{height:30px;margin-bottom:14px}.article-page .art-sk-hero{border-radius:var(--r-md);height:300px;margin-bottom:24px}.article-page .art-sk-panel{border-radius:var(--r-lg);height:190px}.article-page .art-sk-w-40{width:40%}.article-page .art-sk-w-60{width:60%}.article-page .art-sk-w-80{width:80%}@keyframes art-sk-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.article-page .art-sk{animation:none}}.article-page .blog-card{background:var(--c-white);border:1px solid var(--c-border-soft);border-radius:var(--r-lg);box-shadow:var(--sh-card);transition:transform .25s,box-shadow .25s;overflow:hidden}.article-page .blog-card:hover{box-shadow:var(--sh-hover);transform:translateY(-4px)}.article-page .thumb{background:var(--g-thumb-a);position:relative;overflow:hidden}.article-page .thumb.v2{background:var(--g-thumb-b)}.article-page .thumb.v3{background:var(--g-thumb-c)}.article-page .thumb:after{content:"";opacity:.55;background-image:linear-gradient(#78a0ff29 1px,#0000 0),linear-gradient(90deg,#78a0ff29 1px,#0000 0);background-size:22px 22px;position:absolute;inset:0}.article-page .thumb.has-img:after{display:none}.article-page .thumb-img{-o-object-fit:inherit;object-fit:inherit;width:100%;height:auto}.article-page .badge{border-radius:var(--r-pill);background:var(--c-bg-tint);color:var(--c-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;padding:6px 14px;font-weight:600;display:inline-flex}.article-page .badge,.article-page .meta{align-items:center;gap:6px;font-size:11px}.article-page .meta{color:var(--c-muted);display:flex}.article-page .read-more{color:var(--c-primary);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.article-page .read-more:after{content:"→";transition:transform .2s}.article-page .read-more:hover:after{transform:translate(3px)}.article-page .author-avatar{background:var(--g-primary);color:var(--c-white);text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-size:16px;font-weight:700;line-height:1;display:grid}.article-page .author-box .author-avatar{font-size:19px}.article-page .text-gradient{background:var(--g-primary);color:#0000;-webkit-background-clip:text;background-clip:text}@media (width<=1000px){.article-page .article-layout{grid-template-columns:1fr}.article-page .sidebar{position:static}}@media (width<=700px){.article-page .article-head h1{font-size:20px}.article-page .prose>:last-child{margin-bottom:0;padding:10px 0}.article-page .byline{gap:14px}.article-page .byline-block{border-left:0;padding-left:0}.article-page .share{margin-left:0}.article-page .step{grid-template-columns:36px minmax(0,1fr)}.article-page .step-num{display:none}.article-page .post-nav{grid-template-columns:1fr}.article-page .post-nav .next{text-align:left}.article-page .post-nav .next .title{margin-left:0}}