.docs{--ink:#0f100e;--rule-dark:#2a2d28;--text-dark:#f1eee6;--muted-dark:#8e9189;--yellow:#f5c400;--yellow-hover:#ffd21a;--paper:#efece4;--paper-2:#e4e0d6;--rule:#d3cec2;--ink-text:#16150f;--muted:#6e6b62;--red:#d5401e;--green:#3f7d5c;--gutter:48px;background:var(--paper);color:var(--ink-text);font-family:var(--font-archivo), "Helvetica Neue", Arial, sans-serif;min-height:100vh;font-size:16px;line-height:1.6}.docs .label{font-family:var(--font-plex-mono), ui-monospace, Menlo, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:500}.docs code{font-family:var(--font-plex-mono), ui-monospace, Menlo, monospace;background:var(--paper-2);border:1px solid var(--rule);overflow-wrap:anywhere;padding:1px 5px;font-size:.84em}.docs a{color:var(--ink-text)}.docs .rail{z-index:10;height:52px;padding-inline:var(--gutter);background:var(--ink);color:var(--text-dark);border-bottom:1px solid var(--rule-dark);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.docs .rail a{color:var(--text-dark)}.docs .rail-brand{text-transform:uppercase;align-items:center;gap:10px;font-weight:700;font-stretch:112%;text-decoration:none;display:flex}.docs .rail-brand .sq{background:var(--yellow);width:10px;height:10px}.docs .rail-brand .by{font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.08em;color:var(--muted-dark);font-size:11px;font-weight:500;font-stretch:100%}.docs .rail-links{color:var(--muted-dark);gap:24px;display:flex}.docs .rail-links a{color:var(--muted-dark);text-decoration:none}.docs .rail-links a:hover,.docs .rail-links a.bracket{color:var(--text-dark)}.docs .bracket:before{content:"[ ";color:var(--yellow)}.docs .bracket:after{content:" ]";color:var(--yellow)}.docs .layout{max-width:1200px;padding:56px var(--gutter) 96px;grid-template-columns:240px minmax(0,1fr);gap:64px;display:grid}.docs .toc{flex-direction:column;align-self:start;gap:22px;max-height:calc(100vh - 110px);display:flex;position:sticky;top:84px;overflow-y:auto}.docs .toc-group{border-left:1px solid var(--rule);flex-direction:column;gap:2px;display:flex}.docs .toc-group .label{padding:0 0 6px 14px}.docs .toc a{color:var(--muted);border-left:1px solid #0000;margin-left:-1px;padding:4px 0 4px 14px;font-size:14px;text-decoration:none}.docs .toc a:hover{color:var(--ink-text);border-left-color:var(--ink-text)}.docs .content{max-width:760px}.docs section{border-bottom:1px solid var(--rule);margin-bottom:64px;padding-bottom:64px;scroll-margin-top:80px}.docs h1{text-transform:uppercase;letter-spacing:-.02em;margin:14px 0 20px;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;font-stretch:118%;line-height:.98}.docs h2{text-transform:uppercase;letter-spacing:-.015em;margin:10px 0 16px;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:700;font-stretch:112%;line-height:1}.docs h3{text-transform:uppercase;letter-spacing:.01em;margin:40px 0 10px;font-size:16px;font-weight:700;font-stretch:108%}.docs p{margin:0 0 14px}.docs .lede{color:var(--muted);max-width:60ch;font-size:19px;line-height:1.5}.docs .note{color:var(--muted);font-size:14px}.docs .flow{border-top:1px solid var(--ink-text);grid-template-columns:repeat(4,minmax(0,1fr));margin:32px 0 8px;padding:0;list-style:none;display:grid}.docs .flow li{border-right:1px solid var(--rule);flex-direction:column;gap:4px;padding:14px 14px 14px 0;font-size:14px;display:flex}.docs .flow li+li{padding-left:14px}.docs .flow li:last-child{border-right:0}.docs .flow strong{text-transform:uppercase;font-size:14px;font-weight:700;font-stretch:108%}.docs .flow span:last-child{color:var(--muted)}.docs .steps{border-top:1px solid var(--rule);margin:8px 0 0;padding:0;list-style:none}.docs .step{border-bottom:1px solid var(--rule);grid-template-columns:44px minmax(0,1fr);gap:8px;padding:14px 0;display:grid}.docs .step-n{color:var(--ink-text);padding-top:4px}.docs .plain,.docs .checklist{margin:8px 0 14px;padding-left:20px}.docs .plain li,.docs .checklist li{margin:6px 0}.docs .checklist{padding-left:0;list-style:none}.docs .checklist li{padding-left:26px;position:relative}.docs .checklist li:before{content:"";border:1px solid var(--ink-text);width:13px;height:13px;position:absolute;top:5px;left:0}.docs .callout{border:1px solid var(--rule);border-left:3px solid var(--ink-text);background:var(--paper-2);margin:20px 0;padding:14px 16px;font-size:15px}.docs .compare{border:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.docs .compare>div{padding:16px}.docs .compare>div+div{border-left:1px solid var(--rule)}.docs .compare p{margin-bottom:8px}.docs .mark-bad{color:var(--red)!important}.docs .mark-good{color:var(--green)!important}.docs .table{margin:12px 0 16px;overflow-x:auto}.docs table{border-collapse:collapse;width:100%;font-size:15px}.docs th{text-align:left;border-bottom:1px solid var(--ink-text);padding:0 14px 10px 0}.docs td{border-bottom:1px solid var(--rule);vertical-align:top;padding:12px 14px 12px 0}.docs td:first-child{min-width:150px;font-weight:600}.docs th:first-child{min-width:150px}.docs .code,.docs .example{border:1px solid var(--ink-text);background:#fbfaf6;margin-top:20px}.docs .code-bar{border-bottom:1px solid var(--ink-text);background:var(--paper-2);justify-content:space-between;align-items:center;padding:8px 8px 8px 14px;display:flex}.docs .example .label{border-bottom:1px solid var(--rule);padding:10px 14px}.docs pre{white-space:pre-wrap;max-height:460px;font-family:var(--font-plex-mono), ui-monospace, Menlo, monospace;margin:0;padding:16px;font-size:13px;line-height:1.6;overflow:auto}.docs .copy{height:34px;font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-text);background:var(--yellow);cursor:pointer;border:0;padding-inline:14px;font-size:11px;font-weight:600}.docs .copy:hover{background:var(--yellow-hover)}.docs .copy:focus-visible{outline:2px solid var(--ink-text);outline-offset:-5px}.docs .fig{margin:16px 0 6px}.docs .fig img{border:1px solid var(--ink-text);background:#fff;width:100%;height:auto;display:block;box-shadow:0 18px 40px -24px #00000073}.docs .fig figcaption{padding-top:8px}.docs .video{aspect-ratio:16/9;border:1px solid var(--ink-text);background:var(--ink);max-width:100%;margin:20px 0;position:relative}.docs .video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.docs .faq dt{margin-top:20px;font-weight:700}.docs .faq dd{color:var(--muted);margin:4px 0 0}.docs .foot{justify-content:space-between;gap:12px;display:flex}.docs .foot a{color:var(--muted);text-decoration:none}@media (max-width:960px){.docs{--gutter:20px}.docs .layout{grid-template-columns:1fr;gap:24px;padding-top:28px}.docs .toc{border-bottom:1px solid var(--rule);flex-flow:wrap;gap:16px 28px;max-height:none;padding-bottom:20px;position:static}.docs .flow{grid-template-columns:repeat(2,minmax(0,1fr))}.docs .flow li:nth-child(2){border-right:0}.docs .flow li:nth-child(3){padding-left:0}.docs .flow li:nth-child(n+3){border-top:1px solid var(--rule)}}@media (max-width:600px){.docs .rail-links .hide-sm,.docs .rail-brand .by,.docs .toc{display:none}.docs .compare{grid-template-columns:1fr}.docs .compare>div+div{border-left:0;border-top:1px solid var(--rule)}.docs td:first-child,.docs th:first-child{min-width:110px}}