:root{--ink:#10232d;--muted:#657a82;--teal:#08796f;--gold:#d9a441;--line:#dce7e5;--paper:#fbfdfb;--navy:#102f38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.docs-nav{position:sticky;top:0;z-index:5;height:76px;padding:0 5vw;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fbfdfbef;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--teal);color:#fff;font:700 23px "Space Grotesk",sans-serif}.brand strong{font:700 16px "Space Grotesk",sans-serif}.brand small{display:block;color:var(--muted);font:500 9px "DM Sans";letter-spacing:.08em;text-transform:uppercase}.docs-nav nav{display:flex;gap:28px;margin:auto}.docs-nav nav a,.machine-link{color:var(--muted);font-size:12px;font-weight:700;text-decoration:none}.docs-nav a:hover{color:var(--teal)}.machine-link{padding:9px 13px;border:1px solid var(--line);border-radius:9px}.layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:190px minmax(0,800px);gap:70px;padding:70px 30px}.layout aside{position:sticky;top:112px;height:max-content;display:flex;flex-direction:column;gap:13px}.layout aside p,.heading p{margin:0;color:var(--teal);font-size:9px;font-weight:800;letter-spacing:.14em}.layout aside a{padding-left:12px;border-left:1px solid var(--line);color:var(--muted);font-size:12px;text-decoration:none}.layout aside a:hover{border-color:var(--gold);color:var(--ink)}main{min-width:0}.intro{padding:15px 0 76px;border:0}.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #cbe5dc;border-radius:30px;background:#eff9f4;color:#28735b;font-size:10px;font-weight:700}.pill i{width:6px;height:6px;border-radius:50%;background:#38a879}.intro h1{margin:25px 0 18px;font:700 clamp(45px,7vw,76px)/.98 "Space Grotesk",sans-serif;letter-spacing:-.055em}.intro h1 em{color:var(--teal);font-style:normal}.intro>p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.75}.base{display:flex;align-items:center;gap:20px;margin-top:30px;padding:16px 20px;background:#edf5f2;border-radius:13px}.base small{color:var(--teal);font-size:9px;font-weight:800;letter-spacing:.12em}.base code{font-size:13px}section{padding:66px 0;border-top:1px solid var(--line);scroll-margin-top:75px}section>p{color:var(--muted);line-height:1.75}.heading{display:flex;gap:16px;align-items:center;margin-bottom:25px}.heading>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#edf5f2;color:var(--teal);font:700 11px "Space Grotesk",sans-serif}.heading h2{margin:2px 0 0;font:700 27px "Space Grotesk",sans-serif;letter-spacing:-.03em}code{font-family:"SFMono-Regular",Consolas,monospace}pre{overflow:auto;margin:25px 0;padding:24px;border-radius:14px;background:var(--navy);color:#c5ddd9;font-size:12px;line-height:1.8;box-shadow:0 16px 35px #12383f18}.endpoint{display:grid;grid-template-columns:48px minmax(220px,1fr) 1.2fr;align-items:center;gap:14px;padding:18px 5px;border-bottom:1px solid var(--line)}.endpoint b{width:max-content;padding:5px 7px;border-radius:5px;background:#e5f5ef;color:var(--teal);font-size:9px}.endpoint code{font-size:12px;font-weight:700}.endpoint span{color:var(--muted);font-size:12px;line-height:1.5}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left}th{background:#edf5f2;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}tr:last-child td{border:0}.note{font-size:12px}.callout{display:flex;justify-content:space-between;gap:20px;margin-top:25px;padding:22px;border-left:3px solid var(--gold);background:#f7f1e4;font-size:13px}.callout span{color:var(--muted)}.callout a{color:var(--teal)}footer{display:flex;justify-content:space-between;padding:25px 5vw;border-top:1px solid var(--line);color:var(--muted);font-size:11px}footer a{color:var(--teal);text-decoration:none}@media(max-width:760px){.docs-nav{padding:0 18px}.docs-nav nav{display:none}.machine-link{margin-left:auto}.layout{display:block;padding:45px 20px}.layout aside{display:none}.intro{padding-top:0}.endpoint{grid-template-columns:45px 1fr}.endpoint span{grid-column:2}.callout{display:block}.callout span{display:block;margin-top:8px}}
.docs-actions{display:flex;align-items:center;gap:10px;margin-left:12px}
.theme-toggle{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:10px;background:#f6faf9;color:var(--teal)}
.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.theme-toggle .icon-sun{display:none}
.theme-toggle .icon-moon{display:block}
[data-theme=dark]{--ink:#e4eef1;--muted:#8fa5ad;--line:#2a4249;--teal:#3db5a8;--gold:#e4b04f;--paper:#0d1f26;--navy:#0b2229;color-scheme:dark}
[data-theme=dark] .docs-nav{background:#101f26ef;border-bottom-color:var(--line)}
[data-theme=dark] .pill{background:#14352f;border-color:#2a5a50;color:#6ec9a8}
[data-theme=dark] .base,[data-theme=dark] .heading>span,[data-theme=dark] th{background:#152a32}
[data-theme=dark] .endpoint b{background:#14352f}
[data-theme=dark] .callout{background:#1e2f28}
[data-theme=dark] .theme-toggle{border-color:#2f4a52;background:#152a32;color:#e4b04f}
[data-theme=dark] .theme-toggle .icon-sun{display:block}
[data-theme=dark] .theme-toggle .icon-moon{display:none}

/* Preserve navigation and readable examples on small screens and with zoom. */
:root { --muted: #526971; }
[data-theme=dark] { --muted: #8fa5ad; }
html { color-scheme: light; }
:focus-visible { outline: 3px solid var(--teal); outline-offset: 3px; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 20; padding: 12px 16px; background: var(--paper); color: var(--ink); border: 2px solid var(--teal); border-radius: 8px; transform: translateY(-160%); }
.skip-link:focus { transform: none; }
.docs-nav { gap: 16px; }
.docs-actions { margin-left: auto; }
.docs-actions, .brand > span, .heading > span { flex-shrink: 0; }
.docs-nav nav a { padding: 12px 0; }
.theme-toggle { cursor: pointer; width: 40px; height: 40px; }
code { font-family: "JetBrains Mono", monospace; overflow-wrap: anywhere; }
pre code { overflow-wrap: normal; }
.base { flex-wrap: wrap; gap: 10px 20px; }
.base code { min-width: 0; }
.endpoint { grid-template-columns: 48px minmax(0, 1fr) minmax(0, 1.2fr); }
.endpoint > * { min-width: 0; }
.table-wrap { max-width: 100%; }
footer { gap: 16px; flex-wrap: wrap; }
@media (max-width: 900px) {
  .docs-nav { position: relative; height: auto; min-height: 76px; flex-wrap: wrap; padding: 14px 18px; gap: 10px; }
  .docs-nav nav { display: flex; order: 3; width: 100%; justify-content: center; flex-wrap: wrap; gap: 8px 24px; }
  .layout { grid-template-columns: 150px minmax(0, 1fr); gap: 30px; padding-inline: 20px; }
}
@media (max-width: 760px) {
  .layout aside { display: flex; position: static; flex-direction: row; flex-wrap: wrap; gap: 14px; margin-bottom: 36px; }
  .layout aside p { width: 100%; }
  .layout aside a { padding: 6px 0; border: 0; }
  .endpoint { grid-template-columns: 45px minmax(0, 1fr); }
  .intro h1 { font-size: clamp(36px, 8vw, 60px); overflow-wrap: anywhere; }
}
@media (max-width: 380px) {
  .brand { gap: 6px; }
  .brand small { font-size: 8px; letter-spacing: 0; }
  .docs-actions { gap: 6px; }
  .machine-link { padding: 9px 8px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}