#architecture .section-heading .section-context{order:0;margin-top:0;color:var(--cyan)}
.integration-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.integration-track{padding:32px;background:var(--raised);border-radius:var(--radius);min-width:0}
.integration-track h3{font-size:32px;line-height:1.15}
.integration-audience{font-size:14px;margin-top:12px}
.integration-track-ai h3{color:var(--violet)}
.integration-track dl{display:grid;gap:24px;margin:28px 0 0}
.integration-track dl>div{border-top:1px solid var(--border);padding-top:24px}
.integration-track dt{font-size:20px;line-height:1.35;letter-spacing:-.02em;margin-bottom:12px}
.integration-track dd{margin:0;font-size:16px;line-height:1.65;color:var(--muted);max-width:65ch}
.integration-code{margin-top:48px}
.integration-code>h3{font-size:28px;margin-bottom:24px}
.integration-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;background:var(--bg);border-radius:16px 16px 0 0}
.integration-tabs button{min-width:0;min-height:76px;padding:16px 20px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;line-height:1.4}
.integration-tabs button>span{display:block;font-size:16px}
.integration-tabs small{display:block;font-size:13px;margin-top:6px;color:var(--muted)}
.integration-tabs button[aria-selected=true]{background:var(--cyan);color:var(--bg)}
.integration-tabs button[aria-selected=true] small{color:var(--light-ink)}
.integration-example{background:var(--bg);padding:32px;margin-top:16px;border-radius:var(--radius);min-width:0}
.integration-code[data-tabs-ready=true] .integration-example{margin-top:0;border-radius:0 0 16px 16px;min-height:304px}
.integration-example h4{font-size:16px;font-weight:400;color:var(--muted);margin:0 0 24px}
.integration-code[data-tabs-ready=true] .integration-example h4{display:none}
.integration-example pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.85;color:var(--text);max-width:110ch}
.integration-example pre+pre{margin-top:24px}
.integration-response-label{font-size:13px;margin-top:28px;margin-bottom:8px}
.integration-example .integration-response{color:var(--cyan)}
@media(hover:hover){.integration-tabs button[aria-selected=false]:hover{background:var(--raised)}}
@media(max-width:900px){.integration-tracks{grid-template-columns:1fr}.integration-track{padding:28px}.integration-track h3{font-size:30px}}
@media(max-width:600px){.integration-track{padding:24px}.integration-track h3{font-size:28px}.integration-track dt{font-size:20px}.integration-code{margin-top:36px}.integration-code>h3{font-size:25px}.integration-tabs{gap:4px;padding:6px}.integration-tabs button{padding:12px 10px;min-height:100px}.integration-tabs button>span{font-size:14px}.integration-tabs small{font-size:12px}.integration-example{padding:24px 20px}.integration-example pre{font-size:13px}.integration-code[data-tabs-ready=true] .integration-example{min-height:0}}