.cs-article{--cs-tone-accent:var(--sk-accent);--cs-tone-accent-rgb:var(--brand-lime-rgb);--cs-tone-info:var(--sk-text-secondary);--cs-tone-warn:var(--product-warn);--cs-tone-danger:var(--product-danger);--cs-tone-danger-rgb:var(--product-danger-rgb);max-width:56rem;margin:0 auto}.cs-article .cs-section{margin-bottom:3.5rem}.cs-article .cs-subsection{margin-bottom:1.5rem}.cs-article .cs-h2{letter-spacing:-.02em;color:var(--sk-text-primary);margin:0 0 1.5rem;scroll-margin-top:6rem;font-size:clamp(28px,3.5vw,40px);font-weight:700;line-height:1.1}.cs-article .cs-h3{letter-spacing:-.01em;color:var(--sk-text-primary);margin:0 0 1rem;font-size:24px;font-weight:600;line-height:1.25}.cs-article .cs-p,.cs-article .cs-raw p,.cs-article .cs-raw li{color:var(--sk-text-secondary);font-size:15px;line-height:1.6}.cs-article .cs-p{margin:0 0 1.5rem}.cs-article .cs-p--lead{color:var(--sk-text-primary);font-size:18px}.cs-article a:not(.cs-tools__card):not(.cs-btn):not(.sk-btn):not(.cs-article__toc a){color:var(--sk-text-primary);text-decoration:underline;text-decoration-color:var(--sk-border);text-underline-offset:3px}.cs-article a:not(.cs-tools__card):not(.cs-btn):not(.sk-btn):not(.cs-article__toc a):hover{color:var(--sk-accent);text-decoration-color:currentColor}.cs-article code:not(.hljs){font-family:var(--sk-font-mono);color:var(--sk-accent);background:var(--sk-surface-elevated);border-radius:.25rem;padding:.1em .4em;font-size:.9em}.cs-article .cs-raw{margin:0 0 1.5rem}.cs-article .cs-raw h2{letter-spacing:-.02em;color:var(--sk-text-primary);margin:2rem 0 1rem;font-size:clamp(24px,3vw,32px);font-weight:700}.cs-article .cs-raw h3,.cs-article .cs-raw h4{color:var(--sk-text-primary);margin:1.5rem 0 .75rem;font-size:20px;font-weight:600}.cs-article .cs-raw ul,.cs-article .cs-raw ol,.cs-article .cs-list{color:var(--sk-text-secondary);margin:0 0 1.5rem;padding-left:1.5rem;font-size:15px;line-height:1.6}.cs-article .cs-raw ul,.cs-article .cs-list:not(.cs-list--ordered){list-style:outside}.cs-article .cs-raw ol,.cs-article .cs-list--ordered{list-style:decimal}.cs-article .cs-raw li,.cs-article .cs-list li{margin-bottom:.5rem}.cs-article .cs-raw aside,.cs-article .cs-raw blockquote{border-left:3px solid var(--sk-accent);background:rgb(var(--brand-lime-rgb) / .06);border-radius:0 .5rem .5rem 0;margin:0 0 1.5rem;padding:1rem 1.25rem}.cs-article .cs-raw details{border:1px solid var(--sk-border);background:var(--sk-surface);border-radius:.5rem;margin:0 0 .75rem;padding:.75rem 1rem}.cs-article .cs-raw summary{cursor:pointer;color:var(--sk-text-primary);font-weight:600}.cs-article .cs-raw details[open] summary{margin-bottom:.5rem}.cs-article .cs-raw table{border-collapse:collapse;width:100%;margin:0 0 1.5rem;font-size:14px;display:block;overflow-x:auto}.cs-article .cs-raw th,.cs-article .cs-raw td{border:1px solid var(--sk-border);text-align:left;color:var(--sk-text-secondary);padding:.5rem .75rem}.cs-article .cs-raw th{color:var(--sk-text-primary);background:var(--sk-surface)}.cs-article .cs-raw pre{background:var(--sk-surface);border:1px solid var(--sk-border);font-family:var(--sk-font-mono);border-radius:.5rem;margin:0 0 1.5rem;padding:1rem;font-size:13px;overflow-x:auto}.cs-article .cs-raw img{border-radius:.5rem;max-width:100%;height:auto}.cs-article .cs-box{--cs-tone:var(--cs-tone-info);background:#ffffff09;border:1px solid #ffffff1f;border-radius:.5rem;margin:0 0 2rem;padding:1.5rem}.cs-article .cs-box--accent{--cs-tone:var(--cs-tone-accent);border-color:rgb(var(--cs-tone-accent-rgb) / .3);background:rgb(var(--cs-tone-accent-rgb) / .08)}.cs-article .cs-box--warn{--cs-tone:var(--cs-tone-warn);border-color:color-mix(in srgb, var(--cs-tone-warn) 30%, transparent);background:color-mix(in srgb, var(--cs-tone-warn) 8%, transparent)}.cs-article .cs-box--danger{--cs-tone:var(--cs-tone-danger);border-color:rgb(var(--cs-tone-danger-rgb) / .3);background:rgb(var(--cs-tone-danger-rgb) / .08)}.cs-article .cs-box__title{color:var(--cs-tone);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:17px;font-weight:600;display:flex}.cs-article .cs-box__dot{background:var(--cs-tone);border-radius:999px;flex:none;width:.5rem;height:.5rem}.cs-article .cs-box__body>:last-child,.cs-article .cs-box__body .cs-p:last-child{margin-bottom:0}.cs-article .cs-steps{margin:0 0 2rem}.cs-article .cs-steps__list{counter-reset:cs-step;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.cs-article .cs-steps__item{counter-increment:cs-step;align-items:flex-start;gap:.75rem;display:flex}.cs-article .cs-steps__badge{width:1.5rem;height:1.5rem;font-family:var(--sk-font-mono);background:var(--sk-accent);color:var(--sk-on-accent);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.cs-article .cs-steps__badge:before{content:counter(cs-step)}.cs-article .cs-steps__badge--warn{background:var(--cs-tone-warn);color:var(--brand-ink)}.cs-article .cs-steps__badge--danger{background:var(--cs-tone-danger);color:var(--brand-ink)}.cs-article .cs-steps__badge--info{background:var(--sk-surface-hover);color:var(--sk-text-primary)}.cs-article .cs-steps__body{color:var(--sk-text-secondary);font-size:15px;line-height:1.6}.cs-article .cs-tools{margin:0 0 2rem}.cs-article .cs-tools__grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.cs-article .cs-tools__card{border:1px solid var(--sk-border);background:var(--sk-surface);border-radius:.5rem;height:100%;padding:1.25rem;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:block}.cs-article .cs-tools__card--link:hover{border-color:rgb(var(--brand-lime-rgb) / .4);box-shadow:0 0 24px rgb(var(--brand-lime-rgb) / .25)}.cs-article .cs-tools__name{color:var(--sk-text-primary);align-items:center;gap:.5rem;margin:0 0 .5rem;font-weight:600;display:flex}.cs-article .cs-tools__desc{color:var(--sk-text-secondary);margin:0;font-size:14px}.cs-article .cs-tools__list{color:var(--sk-text-secondary);margin:.5rem 0 0;padding:0;font-size:13px;list-style:none}.cs-article .cs-tools__list li{margin-bottom:.25rem}.cs-article .cs-chip{font-family:var(--sk-font-mono);text-transform:uppercase;letter-spacing:.1em;border:1px solid rgb(var(--brand-lime-rgb) / .3);color:var(--sk-accent);border-radius:999px;padding:.1rem .5rem;font-size:10px}.cs-article .cs-checklist__grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.cs-article .cs-checklist__item{color:var(--sk-text-secondary);gap:.75rem;font-size:14px;display:flex}.cs-article .cs-checklist__check{color:var(--sk-accent);flex:none}.cs-article .cs-methods{margin:0 0 2rem}.cs-article .cs-methods__grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem;display:grid}.cs-article .cs-methods__card{margin:0}.cs-article .cs-methods__desc{margin-bottom:1rem;font-size:14px}.cs-article .cs-methods__group+.cs-methods__group{margin-top:1rem}.cs-article .cs-methods__label{font-family:var(--sk-font-mono);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .5rem;font-size:11px}.cs-article .cs-methods__label--pros{color:var(--sk-accent)}.cs-article .cs-methods__label--cons{color:var(--cs-tone-danger)}.cs-article__crumbs{font-family:var(--sk-font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--sk-text-muted);margin-bottom:2rem;font-size:11px}.cs-article__crumbs ol{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.cs-article__crumbs a{color:inherit;text-decoration:none}.cs-article__crumbs a:hover{color:var(--sk-accent)}.cs-article__pill{border:1px solid rgb(var(--brand-lime-rgb) / .25);background:rgb(var(--brand-lime-rgb) / .1);font-family:var(--sk-font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--sk-accent);border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem .9rem;font-size:12px;text-decoration:none;display:inline-flex}.cs-article__h1{letter-spacing:-.03em;color:var(--sk-text-primary);text-wrap:balance;margin:0 0 1.5rem;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.05}.cs-article__excerpt{color:var(--sk-text-secondary);margin:0 0 2rem;font-size:18px;line-height:1.55}.cs-article__meta{border-top:1px dashed var(--sk-border);border-bottom:1px dashed var(--sk-border);font-family:var(--sk-font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--sk-text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin-bottom:2rem;padding:1rem 0;font-size:12px;display:flex}.cs-article__meta a{color:inherit;align-items:center;min-height:2.75rem;text-decoration:none;display:inline-flex}.cs-article__meta a:hover{color:var(--sk-accent)}.cs-article__tags{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.cs-article__tag{border:1px solid var(--sk-border);background:var(--sk-surface);font-family:var(--sk-font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--sk-text-secondary);border-radius:.25rem;padding:.2rem .6rem;font-size:11px}.cs-article__faq{margin-top:3rem}.cs-article__faq details{border:1px solid var(--sk-border);background:var(--sk-surface);border-radius:.5rem;margin-bottom:.75rem;padding:.75rem 1rem}.cs-article__faq summary{cursor:pointer;color:var(--sk-text-primary);font-weight:600}.cs-article__faq p{color:var(--sk-text-secondary);margin:.75rem 0 0;font-size:15px;line-height:1.6}.cs-related{border-top:1px solid var(--sk-border);margin-top:4rem;padding-top:2.5rem}.cs-related__grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem;display:grid}.cs-related__card{border:1px solid var(--sk-border);background:var(--sk-surface);border-radius:.5rem;height:100%;padding:1.5rem;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:block}.cs-related__card:hover{border-color:rgb(var(--brand-lime-rgb) / .4);box-shadow:0 0 24px rgb(var(--brand-lime-rgb) / .25)}.cs-related__card h3{color:var(--sk-text-primary);margin:.5rem 0;font-size:18px;font-weight:600}.cs-related__card p{color:var(--sk-text-secondary);margin:0 0 1rem;font-size:13px}.cs-cta{text-align:center;border:1px solid var(--sk-accent);box-shadow:0 0 24px rgb(var(--brand-lime-rgb) / .35);background:var(--sk-surface);border-radius:.75rem;margin-top:3rem;padding:2.5rem 2rem}.cs-cta h2{letter-spacing:-.02em;color:var(--sk-text-primary);margin:0 0 1rem;font-size:clamp(28px,3.5vw,40px);font-weight:700}.cs-cta p{max-width:40rem;color:var(--sk-text-secondary);margin:0 auto 1.5rem;font-size:15px;line-height:1.6}