/* API-Dokumentation — eigenständige Seite, ergänzt marketing.css (Farbwerte/Topbar/Card
   1:1 übernommen, damit die Seite optisch zur restlichen Website passt). */
:root{
  --code-font:ui-monospace,SFMono-Regular,'SF Mono',Consolas,'Liberation Mono',Menlo,monospace;
}
.docwrap{max-width:1180px;margin:0 auto;padding:40px 24px 100px;display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start}
.dochero{grid-column:1/-1;margin-bottom:8px}
.dochero .eyebrow{margin-bottom:10px}
.dochero h1{font-size:34px;font-weight:800;color:#f1f5f9;text-wrap:balance;max-width:760px}
.dochero p{color:#94a3b8;font-size:16px;max-width:680px;margin-top:12px}
.doc-livebadge{display:inline-flex;align-items:center;gap:7px;background:#0c1a2e;border:1px solid #075985;color:#7dd3fc;border-radius:20px;padding:6px 14px;font-size:12.5px;margin-top:18px}
.doc-livebadge:before{content:'';width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.18)}

.doc-toc{position:sticky;top:100px;font-size:13.5px}
.doc-toc h4{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:11px;margin-bottom:10px}
.doc-toc ol{list-style:none;counter-reset:doctoc}
.doc-toc li{counter-increment:doctoc}
.doc-toc a{display:block;color:#94a3b8;padding:6px 0 6px 22px;position:relative;border-left:1px solid #1e293b}
.doc-toc a:before{content:counter(doctoc,decimal-leading-zero);position:absolute;left:0;top:6px;color:#475569;font-family:var(--code-font);font-size:11px}
.doc-toc a:hover,.doc-toc a.on{color:#f1f5f9;border-left-color:#0284c7}
.doc-toc a.on:before{color:#38bdf8}

.doc-main{min-width:0}
.doc-sec{padding:36px 0;border-top:1px solid #1e293b}
.doc-sec:first-child{border-top:none;padding-top:0}
.doc-sec h2{font-size:22px;color:#f1f5f9;margin-bottom:6px;scroll-margin-top:96px}
.doc-sec .doc-kicker{color:#38bdf8;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}
.doc-sec>p{color:#cbd5e1;font-size:14.5px;line-height:1.7;max-width:760px;margin-bottom:16px}
.doc-sec>p:last-child{margin-bottom:0}
.doc-sec code{font-family:var(--code-font);background:#0f172a;border:1px solid #1e293b;border-radius:4px;padding:1px 6px;font-size:13px;color:#a5b4fc}
.doc-note{background:#1e293b;border:1px solid #334155;border-left:3px solid #0284c7;border-radius:0 10px 10px 0;padding:14px 18px;font-size:13.5px;color:#cbd5e1;margin:18px 0}
.doc-note b{color:#f1f5f9}
.doc-warn{background:#2a1a12;border:1px solid #7c2d12;border-left:3px solid #f97316;border-radius:0 10px 10px 0;padding:14px 18px;font-size:13.5px;color:#fdba74;margin:18px 0}
.doc-warn b{color:#fed7aa}

.doc-table-wrap{overflow-x:auto;border:1px solid #334155;border-radius:12px;margin:18px 0}
table.doc-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px}
table.doc-table th{text-align:left;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;background:#1e293b;border-bottom:1px solid #334155;white-space:nowrap}
table.doc-table td{padding:12px 16px;border-bottom:1px solid #1e293b;color:#cbd5e1;vertical-align:top}
table.doc-table tr:last-child td{border-bottom:none}
table.doc-table td code,table.doc-table td .mono{font-family:var(--code-font);color:#7dd3fc;font-size:12.5px}

.doc-pill{display:inline-block;font-family:var(--code-font);font-size:11px;font-weight:700;padding:2px 8px;border-radius:5px;white-space:nowrap}
.doc-pill.scope{background:#1e1b4b;color:#a5b4fc;border:1px solid #3730a3}
.doc-pill.worker{background:#2a1a12;color:#fdba74;border:1px solid #7c2d12}
.doc-pill.post{background:#052e1a;color:#4ade80;border:1px solid #14532d}

.doc-code{background:#0b1220;border:1px solid #1e293b;border-radius:10px;padding:16px 18px;overflow-x:auto;font-family:var(--code-font);font-size:12.8px;line-height:1.65;color:#cbd5e1;margin:16px 0}
.doc-code .k{color:#7dd3fc}
.doc-code .s{color:#86efac}
.doc-code .c{color:#64748b}

.doc-flow{display:flex;flex-direction:column;gap:0;margin:20px 0;max-width:620px}
.doc-flow .fstep{display:flex;gap:14px;align-items:flex-start;padding:14px 0}
.doc-flow .fstep+.fstep{border-top:1px dashed #1e293b}
.doc-flow .fn{width:28px;height:28px;border-radius:50%;background:#1e293b;border:1px solid #334155;color:#7dd3fc;font-family:var(--code-font);font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.doc-flow .ft b{color:#f1f5f9;font-size:13.5px;display:block;margin-bottom:2px}
.doc-flow .ft span{color:#94a3b8;font-size:13px}

.doc-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}
.doc-rules div{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:12px 14px;font-size:13px;color:#cbd5e1;display:flex;gap:10px}
.doc-rules div b{color:#f1f5f9;font-family:var(--code-font);font-size:12px;flex-shrink:0}

@media(max-width:860px){
  .docwrap{grid-template-columns:1fr}
  .doc-toc{position:static;border:1px solid #334155;border-radius:12px;padding:14px 16px;background:#1e293b}
  .doc-toc ol{display:grid;grid-template-columns:repeat(2,1fr)}
  .doc-rules{grid-template-columns:1fr}
}