.integration-examples{background:var(--warm)}
.imap-anchor{display:block;scroll-margin-top:24px}
#integration-map-review{--im-bg:var(--warm);--im-paper:var(--paper);--im-ink:var(--ink);--im-muted:var(--slate);--im-border:var(--line);--im-flow:#536d29;--im-node:#fffefa;--im-core:var(--navy);--im-core-ink:#fff;font-family:var(--font)}
#integration-map-review .imap-product{color:var(--im-ink);font-family:var(--font)}
#integration-map-review .imap-eyebrow{display:block;margin-bottom:12px;color:#53636f;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
#integration-map-review h2{margin:0 0 16px;font-size:clamp(32px,3.6vw,48px);line-height:1.12;letter-spacing:-.035em;font-weight:600}
#integration-map-review .imap-intro{display:block;max-width:700px;font-size:16px;line-height:1.6;color:var(--im-muted)}
#integration-map-review .imap-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 12px}
#integration-map-review .imap-tabs button{min-height:44px;padding:10px 16px;border:1px solid #c1c9bd;border-radius:4px;background:transparent;color:var(--ink);font:600 14px/1.4 var(--font);cursor:pointer}
#integration-map-review .imap-tabs button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:var(--white)}
#integration-map-review .imap-tabs button:focus-visible{outline:3px solid #738b42;outline-offset:3px}
#integration-map-review .imap-detail{margin-bottom:12px;font-size:13px;line-height:1.5;color:var(--im-muted)}
#integration-map-review .imap-area{background:var(--im-paper);border:1px solid var(--im-border);padding:24px;border-radius:4px;scroll-margin-top:24px}
#integration-map-review .imap-area>header{padding:0}
#integration-map-review h3{margin:0;font-size:22px;line-height:1.35;letter-spacing:-.02em;font-weight:600}
#integration-map-review .imap-stage{width:100%;position:relative;margin-top:8px}
#integration-map-review .imap-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#integration-map-review .imap-wire{fill:none;stroke:var(--im-flow);stroke-width:1.6}
#integration-map-review .imap-wire[data-muted="true"]{stroke:var(--im-border)}
#integration-map-review .imap-wire[data-active="true"]{stroke-width:2.2}
#integration-map-review .imap-arrow{fill:none;stroke:var(--im-flow);stroke-width:1.3}
#integration-map-review .imap-label{fill:var(--im-muted);font:12px var(--font);paint-order:stroke;stroke:var(--im-paper);stroke-width:5px;stroke-linejoin:round}
#integration-map-review .imap-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:84px;padding:12px;border:1px solid var(--im-border);border-radius:4px;background:var(--im-node);color:var(--im-ink);text-align:left;font-family:var(--font);cursor:pointer}
#integration-map-review .imap-name{display:block;font-size:14px;line-height:1.25;font-weight:700;overflow-wrap:anywhere}
#integration-map-review .imap-copy{display:block;color:var(--im-muted);font-size:12px;line-height:1.4}
#integration-map-review .imap-node[data-core="true"]{background:var(--im-core);color:var(--im-core-ink);border-color:var(--im-core)}
#integration-map-review .imap-node[data-core="true"] .imap-copy{color:#c3cbd0}
#integration-map-review .imap-node[data-selected="true"],#integration-map-review .imap-node:focus-visible{outline:2px solid var(--im-flow);outline-offset:3px}
#integration-map-review .imap-node[data-muted="true"]{opacity:.5}
#integration-map-review .imap-node-detail{padding:12px 14px;margin:4px 0 16px;border-left:3px solid var(--im-flow);background:var(--warm);font-size:14px;line-height:1.55}
#integration-map-review .imap-story{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:24px;margin:0;padding-top:20px;border-top:1px solid var(--im-border)}
#integration-map-review .imap-story dt{margin-bottom:8px;font-size:13px;font-weight:800;color:var(--ink)}
#integration-map-review .imap-story dd{margin:0;font-size:14px;line-height:1.6;color:var(--im-muted)}
#integration-map-review .imap-story>div:last-child{border-left:3px solid var(--accent-dark);padding-left:16px}
#integration-map-review .imap-note{max-width:900px;margin-top:16px;font-size:12px;line-height:1.6;color:var(--im-muted)}
#integration-map-review .imap-fallback{margin:20px 0;font-size:15px;line-height:1.6}
#integration-map-review [hidden]{display:none!important}
#integration-map-review:not([data-tabs-ready]) .imap-area+.imap-area{margin-top:24px}
@media(max-width:780px){
  #integration-map-review h2{font-size:32px;line-height:1.15}
  #integration-map-review .imap-tabs{margin-top:20px;gap:8px}
  #integration-map-review .imap-tabs button{font-size:13px;padding:10px 12px}
  #integration-map-review .imap-area{padding:18px 12px}
  #integration-map-review h3{font-size:20px}
  #integration-map-review .imap-story{grid-template-columns:1fr;gap:14px;padding-top:16px}
  #integration-map-review .imap-story dt{margin-bottom:4px}
  #integration-map-review .imap-story>div:last-child{padding-left:12px}
  #integration-map-review .imap-node{padding:10px 8px}
  #integration-map-review .imap-name{font-size:13px}
  #integration-map-review .imap-copy{font-size:12px}
}