/* Integration discovery follows the shared type, spacing, and theme. */
.integrations-page .section{padding-block:clamp(2.5rem,5vw,5rem)}
.integrations-page .page-hero .lede{max-width:60ch}
.integration-catalog{background:var(--surface);border-block:1px solid var(--line)}
.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.integration-group{padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.integration-group h3{font-size:1.5rem;line-height:1.25;margin:0 0 1.5rem}
.integration-names{display:flex;flex-wrap:wrap;gap:.65rem;list-style:none;padding:0;margin:0 0 1.5rem}
.integration-names li{display:inline-flex;align-items:center;gap:.65rem;max-width:100%;padding:.55rem .85rem .55rem .55rem;border:1px solid var(--line);border-radius:10px;font-size:.875rem;font-weight:600;line-height:1.35;background:var(--surface);color:var(--ink)}
.integration-mark{display:grid;place-items:center;flex:0 0 2.25rem;width:2.25rem;height:2.25rem;border-radius:7px;background:#fff;border:1px solid #e8eaf0;color:#4051f5}
.integration-icon{display:block;width:1.5rem;height:1.5rem}
.integration-mark--github{color:#181717}
.integration-mark--gitlab{color:#fc6d26}
.integration-mark--bitbucket,.integration-mark--jira{color:#0052cc}
.integration-mark--subversion{color:#809cc9}
.integration-mark--perforce{color:#4c00ff}
.integration-mark--asana{color:#f06a6a}
.integration-group .integration-detail{font-size:.85rem;padding-top:1rem;border-top:1px solid var(--line);margin-bottom:0}
.integration-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;list-style:none;padding:0;margin:0}
.integration-workflow li{padding-top:1.5rem;border-top:2px solid var(--accent)}
.integration-workflow h3{font-size:1.2rem;margin:1rem 0 .75rem}
.integration-workflow p{color:var(--muted)}
.integration-boundary{max-width:80ch;color:var(--muted);font-size:.875rem;margin:2.5rem 0 0}
.integration-deployment{background:var(--soft);border-block:1px solid var(--line)}
@media(max-width:760px){.integration-grid,.integration-workflow{grid-template-columns:1fr}.integrations-page .hero-actions{align-items:stretch;flex-direction:column;max-width:22rem}}