/* Hub-only refinements; guides retain their current layout. */
.connection-table-scroll{overflow-x:auto;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(0,0,0,.25)}
.connection-table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.connection-table{width:100%;min-width:860px;border-collapse:collapse;text-align:left;font-size:15px;line-height:1.55}
.connection-table th,.connection-table td{padding:22px;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.12)}
.connection-table thead th{background:rgba(78,96,255,.1);color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.connection-table tbody th{width:16%;font-size:17px;color:#fff}
.connection-table td:nth-child(2){width:25%}.connection-table td:nth-child(3){width:22%;overflow-wrap:anywhere}
.connection-table tbody tr:last-child>*{border-bottom:0}
.connection-table p{margin:0}.connection-table .connection-table__availability{margin-top:12px;font-size:13px;color:var(--muted)}
.connection-table details{margin-top:12px}.connection-table summary{cursor:pointer;color:var(--accent);min-height:44px;padding:10px 0}.connection-table details p{margin:10px 0}
.connection-table a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.connection-table-hint{font-size:13px;color:var(--muted);margin-bottom:14px}
#dir{scroll-margin-top:100px}
#dir .chip,#dir .chips--paths .chip{height:auto;min-height:44px;padding-block:10px}
#dir .search input{min-height:44px}
.integrations-page .sb__tab,.integrations-page .copy{min-height:44px;min-width:44px}
#dirCount:focus{outline:2px solid var(--accent);outline-offset:6px}
#dir .hc,#dir .grp{opacity:1;visibility:visible;transform:none;animation:none}
#dirEmpty p+p{margin-top:12px}
#dirEmpty .section__actions{margin-top:20px}
.dir-expand{margin-top:16px;min-width:140px}
@media(max-width:639px){
  #dir .hub{display:block;border-left:0}
  #dir .hc{display:grid;grid-template-columns:36px minmax(0,1fr);gap:6px 12px;padding:16px 0;border-right:0;background:transparent}
  #dir .hc__top{display:contents}
  #dir .hc .lg{grid-column:1;grid-row:1 / span 4;width:36px;height:36px;font-size:.75rem;border-radius:8px}
  #dir .hc h4{grid-column:2;grid-row:1;font-size:1.0625rem}
  #dir .hc p{grid-column:2;grid-row:2;font-size:.875rem;line-height:1.4}
  #dir .hc .pbs{grid-column:2;grid-row:3;justify-content:flex-start;flex-wrap:wrap}
  #dir .hc__foot{grid-column:2;grid-row:4;padding:0;font-size:.6875rem}
  #dir .grp{margin-top:36px}
  #dir .grp__head{margin-bottom:12px}
  #dir .grp__head h3{font-size:1.25rem}
}
/* Content never waits for reveal. Decorative SVG motion is hidden in reduce mode. */
@media(prefers-reduced-motion:reduce){
  .integrations-page *, .integrations-page *::before, .integrations-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .integrations-page .beam-pulses{display:none!important}
}
