.integrations-page{max-width:1040px;padding-bottom:90px}.integrations-page h1{max-width:18ch;font-size:56px;line-height:1.15}.integration-clients{border-top:1px solid var(--line);margin-top:40px}.integration-client{border-bottom:1px solid var(--line);scroll-margin-top:24px}.integration-client>summary{cursor:pointer;align-items:center;gap:20px;padding:24px 8px;list-style:none;transition:background .18s ease-out;display:flex}.integration-client>summary::-webkit-details-marker{display:none}.integration-client>summary:hover,.integration-client[open]>summary{background:var(--hover)}.integration-logo{color:#151618;color:lab(7.21025% -.220872 -1.80841);background:#e9ebef;background:lab(93.0244% -.266999 -1.872);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:flex}.integration-logo img{object-fit:contain}.integration-label{flex:1;gap:3px;min-width:0;display:grid}.integration-label strong{font-size:19px;font-weight:600}.integration-label>span,.integration-open{color:var(--muted);font-size:13px}.integration-chevron{flex-shrink:0;transition:transform .18s ease-out}.integration-client[open] .integration-chevron{transform:rotate(180deg)}.integration-guide{max-width:880px;padding:8px 28px 32px 72px}.integration-surfaces{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.integration-surfaces button{min-height:44px;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:3px;padding:8px 14px}.integration-surfaces button[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.integration-note{color:var(--muted);max-width:72ch;font-size:13px}.integration-steps{margin:24px 0;padding-left:22px}.integration-steps li{margin:20px 0;padding-left:8px}.integration-steps li::marker{color:var(--muted);font-family:var(--mono)}.integration-steps h3{margin:0 0 4px;font-size:16px;font-weight:600}.integration-steps p{color:var(--muted);overflow-wrap:anywhere;max-width:72ch;margin:0}.integration-command{background:var(--hover);border:1px solid var(--line);border-radius:3px;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.integration-command code{overflow-wrap:anywhere;min-width:0;font:13px/1.6 var(--mono);-webkit-user-select:all;user-select:all;flex:1}.integration-command button{min-height:44px;color:var(--fg);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.integration-help{color:var(--muted);max-width:75ch;margin-top:28px;font-size:14px}.integration-help summary{cursor:pointer;color:var(--fg);padding:12px 0}.integration-help a{text-decoration:underline}@media (max-width:720px){.integrations-page h1{font-size:34px}.integration-client>summary{gap:12px;padding:20px 0}.integration-open{display:none}.integration-guide{padding:0 0 24px}.integration-label>span{font-size:12px}.integration-command{flex-direction:column;align-items:flex-start}.integration-command button{align-self:flex-end}.integration-surfaces button{flex-grow:1}}@media (prefers-reduced-motion:reduce){.integration-chevron,.integration-client>summary{transition:none}}
