.guide{gap:40px;padding-top:40px;display:grid}.guide article{gap:44px;max-width:900px;display:grid}.crumbs{font:600 13px/1 var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.crumbs a{color:var(--ink);text-decoration:none}.crumbs a:hover{text-decoration:underline}.guide-head{justify-items:start;gap:18px;max-width:860px;display:grid}.guide-head h1{font-size:clamp(2rem,4.4vw,3.4rem)}.answer{border-left:6px solid var(--accent);max-width:62ch;margin:0;padding-left:16px;font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.5}.guide-meta{flex-wrap:wrap;align-items:center;gap:14px 20px;display:flex}.updated{font:500 13px/1.4 var(--mono);color:var(--muted)}.steps-box{background:var(--surface);border:var(--bw) solid var(--line);box-shadow:var(--shadow);gap:16px;padding:28px;display:grid}.steps-box h2{font-size:1.5rem}.steps{counter-reset:s;gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;grid-template-columns:38px 1fr;align-items:start;gap:14px;display:grid}.steps li:before{content:counter(s);background:var(--accent);width:38px;height:38px;color:var(--accent-ink);border:2px solid var(--line);font:800 16px/1 var(--mono);place-items:center;display:grid}.prose-guide{gap:18px;max-width:76ch;display:grid}.prose-guide>*{margin:0}.prose-guide h2{margin-top:22px;font-size:clamp(1.5rem,2.6vw,2rem)}.prose-guide h3{margin-top:12px;font-size:1.2rem}.prose-guide p,.prose-guide li{line-height:1.65}.prose-guide ul,.prose-guide ol{gap:8px;padding-left:1.3em;display:grid}.prose-guide a{text-underline-offset:3px}.prose-guide :not(pre)>code{background:var(--sunk);border:1px solid color-mix(in srgb, var(--line) 25%, transparent);padding:1px 5px;font-size:.9em}.prose-guide pre{color:#ecece4;border:var(--bw) solid var(--line);box-shadow:var(--shadow-sm);font:13px/1.6 var(--mono);background:#161615;margin:0;padding:16px 18px;overflow-x:auto}.table-wrap{border:var(--bw) solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:15px}.table-wrap th,.table-wrap td{border-bottom:2px solid var(--line);border-right:2px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.table-wrap th:last-child,.table-wrap td:last-child{border-right:0}.table-wrap tr:last-child td{border-bottom:0}.table-wrap thead th{background:var(--sunk);font-weight:800}.demo{grid-template-columns:1fr 1fr;gap:18px;max-width:none;display:grid}.demo figure{border:var(--bw) solid var(--line);box-shadow:var(--shadow);grid-template-rows:auto 1fr;min-width:0;margin:0;display:grid}.demo figcaption{font:700 11.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;border-bottom:var(--bw) solid var(--line);padding:7px 10px}.demo-in figcaption{background:var(--ink);color:var(--paper)}.demo-out figcaption{background:var(--accent);color:var(--accent-ink)}.demo-in pre{box-shadow:none;white-space:pre-wrap;word-break:break-word;border:0}.demo-doc{color:#141414;background:#fff;gap:10px;padding:18px 20px;font-family:Calibri,Carlito,Segoe UI,sans-serif;font-size:15px;display:grid;overflow-x:auto}.demo-doc>*{margin:0}.demo-doc .katex-display{margin:4px 0;overflow:auto hidden}.demo-doc .table-wrap{box-shadow:none;border-width:1px}.demo-doc .table-wrap th,.demo-doc .table-wrap td{border-width:1px;border-color:#c9ccd2;padding:5px 8px;font-size:13.5px}.demo-doc .table-wrap thead th{background:#eef1f6}.demo-doc img{width:100%;height:auto}@media (max-width:760px){.demo{grid-template-columns:1fr}}.cta-box{background:var(--accent);color:var(--accent-ink);border:var(--bw) solid var(--line);box-shadow:10px 10px 0 var(--line);grid-template-columns:1fr auto;align-items:center;gap:6px 24px;padding:26px 28px;display:grid}.cta-box b{font-variation-settings:"wdth" 120;font-size:1.4rem}.cta-box span{grid-column:1}.cta-box .btn{--b-bg:#141414;--b-fg:#f3f3ee;grid-area:1/2/span 2}@media (max-width:640px){.cta-box{grid-template-columns:1fr}.cta-box .btn{grid-area:auto/1}}.related{gap:22px;display:grid}.related h2{font-size:1.8rem}.api-docs{max-width:900px;margin-top:24px}.api-docs h2{font-size:clamp(1.8rem,3vw,2.4rem)}.api-docs h3{border-top:var(--bw) solid var(--line);margin-top:18px;padding-top:18px;font-size:1.35rem}