/* Official assets retain their original colours, proportions and clear space. */
.integration-brand { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-width:0; padding:15px 10px; background:white; border:1px solid var(--line); border-radius:7px; }
.integration-logo-box { display:flex; align-items:center; justify-content:center; width:100%; height:42px; flex:none; }
.integration-logo-box img { display:block; width:108px; height:40px; max-width:100%; object-fit:contain; }
.integration-brand .integration-brand-label { display:block; padding:0; min-height:0; border:0; border-radius:0; background:none; color:var(--ink); font-size:14px; font-weight:550; line-height:1.45; text-align:center; }
.tool-grid { gap:10px; }
.tool-grid .integration-brand { min-height:104px; }
.tool-grid .integration-brand-label { margin:0; }
.integration-generic-tools { display:flex; flex-wrap:wrap; gap:7px 14px; margin-top:14px; color:var(--muted); }
.integration-generic-tools>span { padding:0; border:0; background:none; font-size:13px; font-weight:400; line-height:1.5; }
.coding-tools { gap:10px; }
.coding-tools .integration-brand { flex:1 1 135px; max-width:200px; min-height:104px; padding:15px 12px; }
.coding-tools .integration-brand-label { border:0; background:none; font-size:14px; padding:0; }
.ide-row { gap:10px; }
.ide-row .integration-brand { min-height:104px; }
.ide-row .integration-brand-label { background:none; color:var(--ink); min-height:0; font-size:14px; }
.ide-row>strong { font-size:14px; line-height:1.6; margin-top:6px; }
.integration-logo-list { display:flex; flex-wrap:wrap; gap:10px; }
.integration-logo-list .integration-brand { flex-direction:row; justify-content:flex-start; gap:10px; padding:9px 11px; min-height:52px; flex:0 1 auto; }
.integration-logo-list .integration-logo-box { width:60px; height:30px; }
.integration-logo-list .integration-logo-box img { width:60px; height:30px; }
.integration-logo-list .integration-brand-label { font-size:14px; text-align:left; }
.integration-table td:nth-child(2) { width:48%; min-width:330px; }
.integration-table .integration-generic-tools { margin-top:10px; }
.integration-table .integration-generic-tools:empty { display:none; }
@media(max-width:1120px) { .tool-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:560px) {
 .tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .coding-tools .integration-brand { flex-basis:calc(50% - 5px); max-width:none; }
 .ide-row { grid-template-columns:1fr; }
 .ide-row .integration-brand { flex-direction:row; justify-content:flex-start; gap:16px; min-height:70px; padding:12px 18px; }
 .ide-row .integration-logo-box { width:108px; }
 .ide-row .integration-brand-label { text-align:left; }
 .integration-table td:nth-child(2) { min-width:265px; }
}
.integration-logo-box { color-scheme:light; }
.integration-logo-box.integration-logo-dark { background:var(--navy); border-radius:4px; padding:7px; }
.integration-logo-list .integration-logo-dark { width:74px; height:30px; padding:5px; }
.integration-logo-dark img { width:100%; height:100%; max-height:100%; }
.integration-logo-list .integration-brand-wide .integration-logo-box { width:104px; }
.integration-logo-list .integration-brand-wide img { width:104px; height:30px; }
.integration-logo-list .integration-brand-wide .integration-logo-dark img { width:100%; height:100%; }
/* Optical sizing accommodates clear space built into the original GitLab asset. */
.integration-brand[data-tool="gitlab"] .integration-logo-box img { width:90px; height:90px; max-width:none; }
.integration-logo-list .integration-brand[data-tool="gitlab"] .integration-logo-box img { width:72px; height:72px; }
.coding-tools .integration-brand-wide img,.ide-row .integration-brand-wide img { width:142px; max-width:100%; }