.article-head{padding-block:3.5rem 1rem}.eyebrow{font-family:var(--sb-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sb-accent);margin:0 0 1rem;font-size:.8125rem;line-height:1.5}.article-head h1{letter-spacing:-.03em;max-width:52rem;color:var(--sb-text-strong);margin:0;font-size:clamp(2.25rem,6vw,4rem);font-weight:700;line-height:1.05}.article-head .lede{max-width:42rem;color:var(--sb-text-2);margin:1.5rem 0 0;font-size:1.25rem;line-height:1.5}.article{padding-bottom:1rem}.article .block{margin-top:3.5rem}.article .block>h2{letter-spacing:-.02em;color:var(--sb-text-strong);margin:0 0 1rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.2}.article .block>h3,.cards h3{color:var(--sb-text-strong);margin:0 0 .375rem;font-size:1.0625rem;font-weight:600}.article .block>:where(p,ul:not([class]),ol:not([class]),pre,.note){max-width:44rem}.article .block>p{margin:0 0 1rem}.article .block>ul:not([class]),.article .block>ol:not([class]){margin:0 0 1rem;padding-left:1.25rem}.article .block>ul:not([class])>li{margin-bottom:.5rem;padding-left:.25rem}.article .block>ul:not([class])>li::marker{color:var(--sb-accent)}.article code{font-family:var(--sb-font-mono);color:var(--sb-text-strong);overflow-wrap:anywhere;font-size:.9em}.article .strong{color:var(--sb-text-strong)}.article .block>.note{border:1px solid var(--sb-border-mid);border-left:3px solid var(--sb-link);background:var(--sb-surface);border-radius:8px;margin:0 0 1rem;padding:1rem 1.125rem}.article .note p:last-child{margin-bottom:0}.article .block>pre{box-sizing:border-box;border:1px solid var(--sb-border-mid);background:var(--sb-surface);font-family:var(--sb-font-mono);color:var(--sb-text-strong);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:0 0 1rem;padding:.875rem 1.125rem;font-size:.875rem;line-height:1.6}.article .block>pre code{font-size:inherit}.cards{grid-template-columns:repeat(auto-fit,minmax(min(16.25rem,100%),1fr));gap:1.25rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.article .cards{max-width:none;padding:0}.article .cards>li{border-top:2px solid var(--sb-safe);flex-direction:column;gap:.75rem;margin:0;padding:1rem 0 0;display:flex}.article .cards>li.budgeted{border-top-color:var(--sb-link)}.cards .label{font-family:var(--sb-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sb-label);margin:0;font-size:.75rem;line-height:1.5}.cards .verdict{color:var(--sb-safe);margin:0;font-weight:600}.cards .budgeted .verdict{color:var(--sb-link)}.article .cards p{margin:0}.article .steps{flex-direction:column;gap:.75rem;max-width:44rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.article .steps>li{border:1px solid var(--sb-border-mid);background:var(--sb-surface);border-radius:8px;margin:0;padding:.875rem 1.125rem}.steps .head{font-family:var(--sb-font-mono);flex-wrap:wrap;align-items:baseline;gap:.25rem .875rem;margin:0 0 .375rem;font-size:.875rem;display:flex}.steps .n{color:var(--sb-accent)}.steps .host{color:var(--sb-label)}.steps .cmd{color:var(--sb-text-strong);overflow-wrap:anywhere;margin:0 0 .5rem}.steps p{margin-top:0}.steps p:last-child{margin-bottom:0}.cmp{border-collapse:collapse;width:100%;margin:0 0 1rem}.cmp th,.cmp td{border-top:1px solid var(--sb-border);text-align:left;vertical-align:top;padding:.75rem 1rem .75rem 0}.cmp thead th{font-family:var(--sb-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sb-label);border-top:0;font-size:.75rem;font-weight:400}.cmp tbody th{width:9rem;color:var(--sb-text-strong);font-weight:600}@media (width<=47.99em){.cmp,.cmp tbody,.cmp tr,.cmp th,.cmp td{display:block}.cmp thead{clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.cmp tr{border-top:1px solid var(--sb-border);padding:.875rem 0}.cmp th,.cmp td{border-top:0;padding:0 0 .375rem}.cmp tbody th{width:auto}.cmp td:before{content:attr(data-label);font-family:var(--sb-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sb-label);font-size:.75rem;display:block}}.end{border-top:1px solid var(--sb-border);background:#0f1b2de6;margin-top:4rem}.end-inner{flex-direction:column;gap:1.25rem;padding-block:2.5rem;display:flex}.end p{max-width:36rem;color:var(--sb-text-2);margin:0;font-size:1.25rem;line-height:1.4}