.article{padding-bottom:110px}.article-header{max-width:940px;padding-block:65px 45px}.article-header h1{margin:24px 0;font-size:clamp(46px,6vw,78px);line-height:.98}.article-header>p{max-width:760px;color:var(--muted);font-size:20px;line-height:1.6}.article-header>small{font-family:var(--font-mono);color:var(--muted)}.article-hero{max-width:1120px}.article-hero img{width:100%;max-height:650px;object-fit:cover;border-radius:16px}.article-body{max-width:820px;padding-top:65px}.article-body section{margin-block:60px}.article-body h2{font-size:36px;letter-spacing:-.04em}.article-body li,.article-body p{font-size:18px;line-height:1.8;color:#484a43}.tldr{padding:28px 32px;border:1px solid #bfdc4b;border-radius:14px;background:#efffc1}.tldr strong{font-family:var(--font-mono)}.article-cta{margin-block:70px;padding:38px;border-radius:16px;background:var(--ink);color:#fff}.article-cta p{color:#d8d8d2}.article-faq details{border-top:1px solid var(--line);padding:20px 0}.article-faq summary{display:flex;justify-content:space-between;font-weight:700;cursor:pointer}.article-screenshot{margin:34px -120px 0}.article-screenshot img{display:block;width:calc(100% + 240px);max-width:none;border:1px solid var(--line);border-radius:14px}.article-screenshot figcaption{margin-top:10px;color:var(--muted);font:10px var(--font-mono)}@media (max-width:1000px){.article-screenshot{margin-inline:0}.article-screenshot img{width:100%}}.article-tools{display:grid;grid-gap:10px;gap:10px;margin:28px 0 8px;padding-top:20px;border-top:1px solid var(--line)}.article-tools strong{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.article-tools div{display:flex;flex-wrap:wrap;gap:10px}.article-tools a{border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:13px;font-weight:600;text-decoration:none;color:var(--ink);background:#fff}.article-tools a:hover{border-color:#b9b6a8}