/* Every row is a client; every column is one of their connected tools. */
.work__intro { max-width:850px; padding-bottom:36px; }
.work__intro .intro-detail { max-width:720px; }
.connections-example { background:var(--primer-surface); padding:32px; }
.connections-scroll { overflow-x:auto; overscroll-behavior-x:contain; }
.connections-table { width:100%; min-width:850px; table-layout:fixed; border-collapse:separate; border-spacing:0 8px; text-align:left; font-size:15px; }
.connections-table th,.connections-table td { padding:20px 16px; vertical-align:middle; border:0; }
.connections-table th { font-weight:600; }
.connections-table thead th { padding-top:8px; padding-bottom:18px; }
.connections-table thead th:first-child { color:var(--primer-muted); font-weight:500; }
.connections-table th:first-child { width:13%; }
.connections-table tbody td,.connections-table tbody th { background:#fff; }
.connections-table tbody th { font-size:17px; }
.connections-tool { display:flex; align-items:center; gap:10px; white-space:nowrap; }
.connections-tool img { width:26px; height:26px; object-fit:contain; }
.connections-state { display:flex; align-items:center; gap:6px; font-weight:550; }
.connections-state svg { color:var(--primer-blue); flex-shrink:0; }
.connections-kind { display:block; margin-top:5px; margin-left:24px; font-size:13px; color:var(--primer-muted); }
.connections-summary { display:flex; align-items:center; gap:28px; padding:28px 16px 8px; }
.connections-summary img { width:92px; height:auto; }
.connections-summary p { color:var(--primer-ink); font-size:20px; line-height:1.5; }
.connections-scroll-hint { display:none; }
.work__note { max-width:950px; margin-top:20px; }
@media(max-width:1099px) {
 .connections-example { padding:24px; }
 .connections-table th,.connections-table td { padding-inline:12px; }
 .connections-scroll-hint { display:flex; align-items:center; justify-content:space-between; color:var(--primer-muted); font-size:13px; margin-bottom:16px; }
 .connections-table th:first-child { position:sticky; left:0; z-index:1; width:104px; }
 .connections-table thead th:first-child { background:var(--primer-surface); }
}
@media(max-width:767px) {
 .connections-example { padding:20px 16px; margin-inline:-4px; }
 .connections-table { min-width:850px; font-size:14px; }
 .connections-table tbody th { font-size:15px; }
 .connections-table th,.connections-table td { padding-block:18px; }
 .connections-summary { flex-direction:column; align-items:flex-start; gap:16px; padding:22px 0 4px; }
 .connections-summary p { font-size:18px; max-width:290px; }
 .connections-summary img { width:80px; }
}