/* AI Integration Engine: inherits the existing site palette and typography. */
.integration-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px;margin:20px 0}.integration-cards .card{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.integration-screen{margin:28px 0;min-width:0}.integration-screen img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px}.integration-screen figcaption,.integration-diagram figcaption{color:var(--ink-2);font-size:14px;margin-top:10px}.integration-diagram{max-width:740px;margin:24px auto}.integration-diagram svg{width:100%;height:auto}.integration-table{overflow-x:auto}.integration-table table{width:100%;border-collapse:collapse}.integration-table th,.integration-table td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}.example .integration-screen{max-width:100%}.integration-page .example{display:block}.integration-page h1{max-width:24ch}.integration-page .subtabs{flex-wrap:wrap}.integration-page .hero{display:block}.integration-page .hero .lede{max-width:760px}
@media(max-width:700px){.integration-page .subtabs{flex-wrap:nowrap;overflow-x:auto}.integration-page .subtabs a{flex-shrink:0}.integration-page .hero{padding-top:28px}}