.blog-article-copy .clx{--clx-line: color-mix(in srgb, var(--ploy-text-primary) 12%, transparent);--clx-soft: var(--ploy-neutral-primary-s2);margin:2.5rem 0 3rem;padding:1.25rem;border-radius:1.5rem;background:var(--ploy-source-blue-100);color:var(--ploy-text-primary);font-family:var(--font-body)}.blog-article-copy .clx i{display:block;font-style:normal}.blog-article-copy .clx svg{display:block;width:1rem;height:1rem}.blog-article-copy .clx-card{overflow:hidden;border:1px solid var(--clx-line);border-radius:1rem;background:var(--ploy-background-primary);box-shadow:0 14px 30px -20px color-mix(in oklch,var(--ploy-text-primary) 45%,transparent)}.blog-article-copy .clx-head{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--clx-line)}.blog-article-copy .clx-head__icon{display:grid;place-items:center;width:2.1rem;height:2.1rem;flex:none;border-radius:.55rem;background:var(--ploy-source-charcoal-800);color:var(--ploy-accent-primary)}.blog-article-copy .clx-head__text{display:flex;flex:1;flex-direction:column;min-width:0}.blog-article-copy .clx-label,.blog-article-copy .clx-step__label,.blog-article-copy .clx-chip__k{color:var(--ploy-text-secondary);font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.blog-article-copy .clx-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:500;line-height:1.25}.blog-article-copy .clx-head__meta{color:var(--ploy-text-secondary);font-size:.8rem;white-space:nowrap}.blog-article-copy .clx-pill{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.06em;line-height:1.3;text-transform:uppercase;white-space:nowrap}.blog-article-copy .clx-pill--mint{background:var(--ploy-source-mint-100);color:var(--ploy-source-mint-700)}.blog-article-copy .clx-pill--blue{background:var(--ploy-source-blue-100);color:var(--ploy-source-blue-700)}.blog-article-copy .clx-pill--lemon{background:var(--ploy-source-lemon-100);color:var(--ploy-source-lemon-700)}.blog-article-copy .clx-pill--green{background:var(--ploy-accent-primary);color:var(--ploy-source-charcoal-800)}.blog-article-copy .clx-steps{display:flex;flex-direction:column;padding:.5rem 1.1rem .75rem}.blog-article-copy .clx-step{--step-tone: var(--ploy-source-mint-100);--step-ink: var(--ploy-source-mint-700);position:relative;display:grid;grid-template-columns:2.25rem minmax(0,1fr) 14.5rem;align-items:center;gap:1rem;padding:.85rem 0}.blog-article-copy .clx-step+.clx-step{border-top:1px dashed var(--clx-line)}.blog-article-copy .clx-step--blue{--step-tone: var(--ploy-source-blue-100);--step-ink: var(--ploy-source-blue-700)}.blog-article-copy .clx-step--peach{--step-tone: var(--ploy-source-peach-100);--step-ink: var(--ploy-source-peach-700)}.blog-article-copy .clx-step--lemon{--step-tone: var(--ploy-source-lemon-100);--step-ink: var(--ploy-source-lemon-700)}.blog-article-copy .clx-step:not(:last-child):after{content:"";position:absolute;top:calc(50% + 1.125rem);bottom:calc(-50% + 1.125rem);left:1.125rem;border-left:1.5px solid var(--clx-line)}.blog-article-copy .clx-step__icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.6rem;background:var(--step-tone);color:var(--step-ink)}.blog-article-copy .clx-step__body{display:flex;flex-direction:column;gap:.1rem}.blog-article-copy .clx-step__name{font-family:var(--font-heading);font-size:1rem;font-weight:500;line-height:1.3}.blog-article-copy .clx-step__text{color:var(--ploy-text-secondary);font-size:.875rem;line-height:1.45}.blog-article-copy .clx-chip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem .5rem;padding:.6rem .7rem;border:1px solid var(--clx-line);border-radius:.7rem;background:var(--ploy-background-primary);box-shadow:0 10px 20px -18px color-mix(in oklch,var(--ploy-text-primary) 45%,transparent)}.blog-article-copy .clx-chip__k{grid-column:1 / -1;font-size:.55rem}.blog-article-copy .clx-chip__v{display:flex;align-items:center;gap:.35rem;min-width:0;overflow:hidden;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.blog-article-copy .clx-doc{width:.6rem;height:.75rem;flex:none;border:1.3px solid currentColor;border-radius:.12rem;opacity:.6}.blog-article-copy .clx-bars{display:flex;grid-column:1 / -1;align-items:flex-end;gap:.3rem;height:1.6rem}.blog-article-copy .clx-bars i{flex:1;border-radius:.15rem .15rem 0 0}.blog-article-copy .clx-bars i:nth-child(1){height:55%;background:var(--ploy-source-mint-100)}.blog-article-copy .clx-bars i:nth-child(2){height:80%;background:#3dbbff}.blog-article-copy .clx-bars i:nth-child(3){height:100%;background:var(--ploy-accent-primary)}.blog-article-copy .clx-bars i:nth-child(4){height:65%;background:var(--ploy-source-peach-100)}.blog-article-copy .clx-bars i:nth-child(5){height:40%;background:var(--ploy-source-charcoal-800)}@media(max-width:760px){.blog-article-copy .clx{padding:.75rem}.blog-article-copy .clx-head{flex-wrap:wrap;padding:.85rem}.blog-article-copy .clx-head__meta{display:none}.blog-article-copy .clx-steps{padding:.25rem .85rem .5rem}.blog-article-copy .clx-step{grid-template-columns:2.25rem minmax(0,1fr);align-items:start;gap:.6rem .85rem}.blog-article-copy .clx-step:not(:last-child):after{top:3.1rem;bottom:-.85rem}.blog-article-copy .clx-chip{grid-column:2}}