:root{--ink:#17191c;--blue:#245dff;--navy:#071632;--green:#54e39d;--pale:#f8fbff;--line:#d7e0ea;--muted:#667085;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--pale);font-family:"Host Grotesk",system-ui,sans-serif}
a{color:inherit;text-decoration:none}code,pre,.mono{font-family:"JetBrains Mono",monospace}
.docs-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:rgba(248,251,255,.96);padding:26px 22px;overflow:auto}
.docs-brand{display:flex;align-items:center;gap:10px;font:500 17px/1 "Fragment Mono",monospace;margin-bottom:32px}.docs-mark{display:grid;place-items:center;width:29px;height:29px;background:var(--ink);color:#fff}
.product-label{font:400 10px/1.3 "JetBrains Mono",monospace;letter-spacing:.13em;color:#315b98;margin:18px 0 8px}
.side-nav{display:grid;gap:4px}.side-nav a{padding:9px 10px;border-radius:4px;font-size:14px}.side-nav a:hover,.side-nav a.active{background:#e8f0ff;color:#0d3eb7}
.side-foot{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:10px;font:400 12px/1.35 "JetBrains Mono",monospace}
.main{min-width:0}.topbar{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;background:rgba(248,251,255,.92);backdrop-filter:blur(10px);z-index:3}
.topbar span{font:400 11px/1 "JetBrains Mono",monospace;letter-spacing:.08em;color:var(--muted)}.topbar a{font-size:14px}
.article{max-width:880px;padding:76px 56px 120px}.eyebrow{font:400 11px/1.2 "JetBrains Mono",monospace;letter-spacing:.14em;color:#315b98;margin-bottom:20px}
h1{font:500 clamp(50px,6vw,82px)/.92 "Fragment Mono",monospace;letter-spacing:-.055em;margin:0 0 28px}h2{font:500 32px/1 "Fragment Mono",monospace;letter-spacing:-.035em;margin:58px 0 18px}h3{font:500 20px/1.15 "Fragment Mono",monospace;margin:34px 0 12px}
.lead{font-size:22px;line-height:1.42;max-width:760px}p,li{font-size:17px;line-height:1.6}ul{padding-left:24px}
.callout{border:1px solid var(--ink);border-left:6px solid var(--green);padding:18px 20px;margin:26px 0;background:#fff}.callout strong{font-family:"Fragment Mono",monospace}
.flow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink);margin:30px 0;background:#fff}.flow div{padding:18px;border-right:1px solid var(--ink)}.flow div:last-child{border-right:0}.flow small{display:block;font:400 10px/1 "JetBrains Mono",monospace;color:#315b98;margin-bottom:8px}.flow strong{font:500 17px/1.1 "Fragment Mono",monospace}
pre{background:var(--navy);color:#edf4ff;padding:22px;border-radius:4px;overflow:auto;font-size:13px;line-height:1.6}code.inline{background:#eaf0f8;padding:2px 5px;border-radius:3px;font-size:.9em}
table{width:100%;border-collapse:collapse;margin:24px 0;background:#fff}th,td{border:1px solid var(--line);padding:12px;text-align:left;font-size:14px}th{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.05em;background:#eef4ff}
.next{margin-top:72px;border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:flex-end}.next a{border:1px solid var(--ink);padding:14px 16px;font-family:"Fragment Mono",monospace}.next a:hover{background:var(--ink);color:#fff}
.badge{display:inline-block;border:1px solid var(--ink);padding:5px 7px;font:400 10px/1 "JetBrains Mono",monospace;letter-spacing:.08em;background:#fff}
@media(max-width:860px){.docs-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{top:0;padding:0 22px}.article{padding:54px 24px 90px}.flow{grid-template-columns:1fr}.flow div{border-right:0;border-bottom:1px solid var(--ink)}.flow div:last-child{border-bottom:0}}