:root {
  --brand: #315bd5;
  --brand2: #315bd5;
  --ink: #111827;
  --body: #5f6878;
  --muted: #7c8594;
  --line: #e2e7ef;
  --soft: #f7f9fc;
  --bg: #ffffff;
  --raised: #ffffff;
  color-scheme: light;
}
html[data-theme="dark"] {
  --brand: #829fff;
  --brand2: #829fff;
  --ink: #f2f5fb;
  --body: #aeb7c5;
  --muted: #838c9a;
  --line: #293140;
  --soft: #151922;
  --bg: #0f1218;
  --raised: #191e28;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin: 0; background: var(--bg) !important; background-image: linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px) !important; background-size: 64px 64px !important; color: var(--body) !important; font-family: "Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif !important; transition: background-color 180ms ease,color 180ms ease; }
.topbar { min-height: 72px; padding: 12px max(24px,calc((100% - 1200px)/2)) !important; border-bottom: 1px solid var(--line) !important; background: color-mix(in srgb,var(--bg) 94%,transparent) !important; box-shadow: none !important; backdrop-filter: blur(14px); }
.topbar .brand { width: 176px; display: inline-flex; line-height: 0; }
.topbar .brand img { width: 100%; height: auto; filter: grayscale(1) brightness(0); }
html[data-theme="dark"] .topbar .brand img { filter: grayscale(1) brightness(0) invert(1); }
.topbar .back,.docs-theme-toggle { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px !important; border: 1px solid var(--line) !important; border-radius: 7px !important; background: var(--bg) !important; color: var(--ink) !important; font: 600 12px/1 inherit !important; box-shadow: none !important; cursor: pointer; transition: border-color 180ms ease,background-color 180ms ease,color 180ms ease,transform 180ms cubic-bezier(.16,1,.3,1); }
.topbar .back { margin-left: auto; }.topbar .back:hover,.docs-theme-toggle:hover { border-color: var(--brand) !important; background: var(--soft) !important; color: var(--brand) !important; transform: translateY(-1px); }.docs-theme-toggle { min-width: 64px; min-height: 44px; font: 600 12px/1 "SFMono-Regular",Consolas,monospace !important; letter-spacing: .05em; }
.wrap { max-width: 980px !important; margin: 32px auto 72px !important; padding: 46px 50px 72px !important; border: 1px solid var(--line); background: var(--bg); }
.crumb { margin-bottom: 28px !important; color: var(--muted) !important; font-size: 11px !important; }.crumb a,a { color: var(--brand) !important; }
h1 { max-width: 820px; margin: 0 0 14px !important; color: var(--ink) !important; font-size: clamp(34px,4vw,54px) !important; font-weight: 700 !important; letter-spacing: -.055em !important; line-height: 1.05 !important; }.lead-sub { margin-bottom: 34px !important; padding-bottom: 22px !important; border-bottom: 1px solid var(--line) !important; color: var(--muted) !important; font: 11px/1.6 "SFMono-Regular",Consolas,monospace !important; letter-spacing: .04em; }
h2 { margin: 46px 0 18px !important; padding: 13px 0 13px 18px !important; border: 0 !important; border-left: 2px solid var(--brand) !important; border-radius: 0 !important; background: var(--soft) !important; color: var(--ink) !important; font-size: 21px !important; }h3 { color: var(--ink) !important; }h3::before { color: var(--brand) !important; }p,ul,ol,li { color: var(--body) !important; }strong { color: var(--ink) !important; }
code { border-radius: 4px !important; background: var(--soft) !important; color: var(--brand) !important; font-family: "SFMono-Regular",Consolas,monospace !important; }pre { padding: 18px 20px !important; border: 1px solid var(--line); border-radius: 4px !important; background: var(--soft) !important; color: var(--ink) !important; box-shadow: none !important; }pre code { background: transparent !important; color: inherit !important; }
table { width: 100%; display: table; overflow: visible !important; border: 1px solid var(--line) !important; border-radius: 2px !important; background: var(--bg); box-shadow: none !important; font-variant-numeric: tabular-nums; }th { padding: 10px 14px !important; border-bottom: 1px solid var(--line) !important; background: var(--soft) !important; color: var(--body) !important; font-size: 12px; }td { border-bottom-color: var(--line) !important; color: var(--body) !important; }tr:hover td { background: color-mix(in srgb,var(--brand) 7%,var(--bg)) !important; }
.callout { padding: 15px 18px !important; border: 1px solid color-mix(in srgb,var(--brand) 35%,var(--line)) !important; border-left: 3px solid var(--brand) !important; border-radius: 0 5px 5px 0 !important; background: color-mix(in srgb,var(--brand) 7%,var(--bg)) !important; color: var(--body) !important; }.callout p { color: var(--body) !important; }
.doc-grid { gap: 1px !important; border: 1px solid var(--line); background: var(--line); }.doc-card { min-height: 230px; padding: 28px !important; border: 0 !important; border-radius: 0 !important; background: var(--raised) !important; box-shadow: none !important; }.doc-card:hover { border: 0 !important; background: color-mix(in srgb,var(--brand) 6%,var(--raised)) !important; box-shadow: none !important; transform: none !important; }.doc-card .ic { width: 42px !important; height: 42px !important; position: relative; border: 1px solid var(--line); border-radius: 5px !important; background: var(--soft) !important; color: transparent; font-size: 0 !important; }.doc-card .ic::before { width: 15px; height: 19px; border: 1.5px solid var(--brand); border-radius: 2px; content: ''; }.doc-card .ic::after { position: absolute; width: 7px; height: 1.5px; background: var(--brand); box-shadow: 0 4px var(--brand),0 8px var(--brand); content: ''; }.doc-card h3 { margin-top: 24px !important; }.doc-card p { color: var(--muted) !important; }.doc-card .go { color: var(--brand) !important; }
.foot { max-width: 980px !important; padding: 24px !important; border-color: var(--line) !important; color: var(--muted) !important; }
.iplight-docs-entry { display: none !important; }
@media(max-width:640px) { .topbar { padding: 10px 14px !important; }.topbar .brand { width: 126px; min-height: 44px; align-items: center; }.topbar .back,.docs-theme-toggle { min-height: 44px; padding: 0 10px !important; }.crumb,.lead-sub { font-size: 12px !important; }.wrap { margin: 12px !important; padding: 32px 20px 52px !important; }.doc-grid { grid-template-columns: 1fr !important; }table { display: block; overflow-x: auto !important; white-space: nowrap; }.iplight-docs-entry { display: none !important; } }
@media(prefers-reduced-motion:reduce) { * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }