.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:16px}
.integration-card{margin:0;min-width:0}
.integration-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.integration-heading h3{margin:0}
.integration-state{border-radius:8px;padding:5px 9px;font-size:12px;background:#eeede9;color:#57524c}
.integration-state.observed{background:#edf3d6;color:#4b602d}
.integration-state.stale,.integration-state.unknown{background:#fcf1df;color:#8a6125}
.integration-state.attention{background:#fceae4;color:#9a422b}
.integration-facts{margin:16px 0}
.integration-facts>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border,#e4ded7);padding:10px 0}
.integration-facts dt{color:var(--muted,#807b82)}
.integration-facts dd{margin:0;text-align:right;flex-shrink:0;max-width:48%}
.integration-note{font-size:13px}
@media(max-width:500px){.integration-facts>div{font-size:13px}.integration-heading{display:block}.integration-state{display:inline-block;margin-top:10px}}