.article{--paper: #08090a;--paper-alt: rgb(241 240 238 / .035);--ink: #f1f0ee;--rule: rgb(241 240 238 / .16);--graphite: rgb(241 240 238 / .58);--hot: rgb(241 240 238 / .82);--tick: rgb(241 240 238 / .3);padding-block:72px 96px;max-width:1100px}.article .wp{padding-block:52px;border-top:1px solid rgb(241 240 238 / .1)}.article .wp:first-of-type{padding-top:0;border-top:0}.article h1{font:400 clamp(34px,6vw,58px) / 1.08 var(--font-sans);letter-spacing:-.035em;text-wrap:balance;margin:0 0 24px}.article h2{font:400 clamp(25px,3.4vw,34px) / 1.18 var(--font-sans);letter-spacing:-.03em;max-width:26ch;text-wrap:balance;margin:0 0 18px}.article h3{font:400 19px/1.25 var(--font-sans);letter-spacing:-.02em;margin:0}.article .kicker{font:400 12.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#f1f0ee9e;margin-bottom:20px}.article .tip{display:inline-flex;align-items:center;gap:9px;font:400 12.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#f1f0eed1;margin-bottom:20px;border:1px solid rgb(241 240 238 / .28);border-radius:2px;padding:8px 13px}.article .tip svg{width:15px;height:15px;flex:none}.article .lede{font:400 19px/1.6 var(--font-sans);color:#f1f0ee94;max-width:58ch;text-wrap:pretty;margin:0 0 8px}.article .sub{font:400 17px/1.6 var(--font-sans);color:#f1f0ee94;max-width:68ch;margin:14px 0 0}.article .sub.mid{max-width:80ch}.article .sub em,.article .punch em{font-style:normal;color:var(--ink)}.article .punch{font:400 17.5px/1.6 var(--font-sans);max-width:72ch;margin:22px 0 0}.article code{font:400 .92em var(--font-mono);background:#f1f0ee0f;border:1px solid var(--rule);padding:1px 5px}.article .cols{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:30px;align-items:start}.article .cols3,.article .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:30px;align-items:start}.article .step .dia-s{display:block;width:100%;height:120px;margin-bottom:16px}.article .step .num{font:400 34px/.9 var(--font-sans);letter-spacing:-.03em;color:#f1f0eed1}.article .step h3{font-size:19px;margin:10px 0 0}.article .step p{margin-top:8px;color:#f1f0ee94;font:400 15.5px/1.55 var(--font-sans)}.article .dia{display:block;width:100%;height:auto;max-height:420px;margin-top:28px}.article .dia.tall{max-height:500px}.article svg .lbl{font-family:var(--font-mono);font-size:13px;letter-spacing:.11em;fill:#f1f0ee99}.article svg .lbl.hot{fill:var(--hot)}.article svg .mono{font-family:var(--font-mono);font-size:13px;fill:var(--ink)}.article svg .txt{font-family:var(--font-sans);font-size:15px;fill:var(--ink)}.article svg .txt-s{font-family:var(--font-sans);font-size:13px;fill:#f1f0ee99}.article svg .ser{font-family:var(--font-sans);fill:var(--ink)}.article svg .hot{fill:var(--hot)}.article svg .box{fill:#f1f0ee0a;stroke:#f1f0ee47;stroke-width:1.5}.article svg .box-hot{fill:#f1f0ee0f;stroke:var(--hot);stroke-width:2}.article svg .box-ink{fill:#f1f0ee0a;stroke:var(--ink);stroke-width:1.5}.article svg .plain{fill:var(--paper);stroke:#f1f0ee47;stroke-width:1.5}.article svg .outline{fill:none;stroke:#f1f0ee47;stroke-width:1.5}.article svg .strip{fill:#f1f0ee38}.article svg .strip-hot{fill:var(--hot)}.article svg .ln{stroke:#f1f0ee52;stroke-width:1.5;fill:none}.article svg .ln-hot{stroke:var(--hot);stroke-width:1.5;fill:none}.article svg .ln-ink{stroke:var(--ink);stroke-width:1.5;fill:none}.article .card{background:var(--paper-alt);border:1px solid var(--rule);border-left:3px solid var(--tick);padding:18px 22px;box-shadow:none}.article .card.warn{border-left-color:var(--hot)}.article .card h3{font:400 11.5px/1 var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:#f1f0ee9e;margin-bottom:10px}.article .card p{font:400 15.5px/1.55 var(--font-sans);color:#f1f0eeb8}.article .card p+p{margin-top:10px}.article .ledger{list-style:none;margin:26px 0 0;padding:0;max-width:76ch}.article .ledger li{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--rule);align-items:baseline}.article .ledger li:first-child{border-top:1px solid var(--rule)}.article .ledger .mk{font:400 12.5px/1 var(--font-mono);color:#f1f0ee9e}.article .ledger strong{font-weight:400;display:block;font-size:17px}.article .ledger span{color:#f1f0ee94;font-size:15.5px;display:block;margin-top:3px}.article .terms{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:48px;margin:24px 0 0;padding:0}.article .terms li{padding:14px 0;border-top:1px solid var(--rule)}.article .terms strong{font:400 19px/1.25 var(--font-sans);letter-spacing:-.02em;display:block}.article .terms span{color:#f1f0ee94;font-size:15.5px;display:block;margin-top:3px;line-height:1.45}.article table.tbl{border-collapse:collapse;margin-top:28px;width:100%;font:400 16px/1.5 var(--font-sans)}.article table.tbl th{text-align:left;font:400 12px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#f1f0ee9e;padding:0 24px 12px 0;border-bottom:1px solid rgb(241 240 238 / .3)}.article table.tbl td{padding:14px 24px 14px 0;border-bottom:1px solid var(--rule);vertical-align:top;color:#f1f0eeb8}.article table.tbl td:first-child{color:var(--ink)}.article table.tbl td.m{font-family:var(--font-mono);color:#f1f0ee9e;white-space:nowrap}.article .compare{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:28px;align-items:stretch}.article .compare .lab{font:400 12px/1 var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:#f1f0ee9e;margin-bottom:12px}.article .mdraw{font:400 15px/1.8 var(--font-mono);white-space:pre;overflow-x:auto;background:var(--paper-alt);border:1px solid var(--rule);border-left:3px solid var(--tick);padding:22px}.article .mdsym{color:#f1f0eed9}.article .mdrender{background:var(--paper-alt);border:1px solid var(--rule);border-left:3px solid var(--hot);padding:22px}.article .mdrender .md-h4{font:400 23px/1.2 var(--font-sans);letter-spacing:-.025em;margin:0 0 8px}.article .mdrender .md-h5{font:400 17px/1.3 var(--font-sans);margin:16px 0 6px;color:#f1f0eeb8}.article .mdrender ul{margin:6px 0 6px 1.15em}.article .mdrender li,.article .mdrender p{font:400 15.5px/1.65 var(--font-sans);color:#f1f0eeb8}.article .mdrender p{margin-top:10px}.article .mdrender strong{font-weight:500;color:var(--ink)}.article .hero{margin:44px 0 0}.article .hero figcaption{margin-top:18px;max-width:62ch}.article .outro{padding-top:52px;border-top:1px solid rgb(241 240 238 / .1)}@media(max-width:900px){.article .cols,.article .cols3,.article .steps,.article .compare,.article .terms{grid-template-columns:1fr;gap:26px}.article .wp{padding-block:40px}.article .dia{max-height:none}}@media(max-width:640px){.article table.tbl{display:block;overflow-x:auto;font-size:15px}.article table.tbl th,.article table.tbl td{padding-right:14px}.article table.tbl td.m{white-space:normal}.article .mdraw{font-size:13.5px}}