/* SYNTRA — developer API docs (on top of /space.css). Black and white, reading-first. */
.docs-page{width:min(820px,calc(100% - 48px));margin:72px auto 0}
.docs-page h1{margin:12px 0 22px}
.docs-page h2{margin:64px 0 14px;font-size:24px;font-weight:600;letter-spacing:-.02em}
.docs-page h3{margin:32px 0 10px;font-size:16px;font-weight:600}
.docs-page h3 code{font-size:14px}
.docs-page p,.docs-page li{color:var(--text-2)}
.docs-page a{color:var(--text)}
.intro{font-size:17px;color:var(--text)!important;max-width:680px}
.bar{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:32px 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.flow div{display:grid;gap:6px;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.flow b{font-size:14px;font-weight:600;color:var(--text)}
.flow span{font-size:13px;color:var(--text-2)}
.notice{padding:16px 18px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);color:var(--text)!important}
.docs-page ol,.docs-page ul{padding-left:22px}
.docs-page li{margin:6px 0}
.docs-page pre{margin:14px 0;padding:18px 20px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.docs-page pre code{padding:0;border:0;background:none;font:13px/1.65 var(--mono)}
.docs-page table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
.docs-page th{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line-2);font-size:12px;font-weight:600;color:var(--text-3)}
.docs-page td{padding:12px;border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:top}
.docs-page td:first-child{font-family:var(--mono);font-size:13px;color:var(--text);white-space:nowrap}
@media (max-width:760px){
  .flow{grid-template-columns:1fr 1fr}
  .docs-page td:first-child{white-space:normal}
}