.integrations-page{--directory-offset:100px}
.integrations-page .site-header{position:relative;background:none}
.directory-intro{padding-top:90px;padding-bottom:64px}
.directory-intro h1{font-size:clamp(54px,7.5vw,104px);font-weight:400;letter-spacing:-.06em;line-height:1.04;margin:0 0 30px}
.directory-intro>p{max-width:650px;font-size:19px;line-height:1.65;color:#bdbdbd;margin:0}
.directory-intro .directory-lead{color:var(--fg)}
.directory-intro .directory-description{max-width:690px;font-size:15px;line-height:1.8;margin-top:22px}
.directory-intro .directory-note{font-size:12px;color:var(--muted);margin-top:24px}
.alphabet-wrap{position:sticky;top:0;z-index:1;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.alphabet{display:grid;grid-template-columns:repeat(26,minmax(0,1fr));gap:0;align-items:stretch;padding:10px 0;font-size:12px;text-align:center}
.alphabet>a,.alphabet>span{min-height:44px;display:grid;place-items:center;padding:0;line-height:1}
.alphabet>span{color:#545454;user-select:none}
.alphabet>a:hover,.alphabet>a[aria-current=location]{color:#d9c59b;opacity:1}
.alphabet>a:focus-visible{outline-offset:-3px}
.directory{padding-top:50px;padding-bottom:110px;scroll-margin-top:var(--directory-offset)}
.letter-section{margin-bottom:48px}
.letter-section:last-child{margin-bottom:0}
.letter-section h2{font-size:34px;letter-spacing:-1px;line-height:1.2;font-weight:400;margin:0 0 22px;scroll-margin-top:var(--directory-offset)}
.letter-section h2:focus{outline:none}
.integration-list{border-top:1px solid var(--line)}
.integration-row{scroll-margin-top:var(--directory-offset)}
/* Keep native anchor targets stable when a row above them closes. The shared
   plus/minus and content fade remain, without a shifting directory height. */
.integration-row::details-content,.integration-row[open]::details-content{transition:opacity 180ms ease,content-visibility 180ms allow-discrete}
.integration-row>summary{grid-template-columns:minmax(0,1fr) 20px;gap:24px;padding:22px 0;min-height:76px}
.integration-name{font-size:21px;line-height:1.3;letter-spacing:-.55px;overflow-wrap:anywhere}
.integration-detail .integration-description{color:var(--fg)}
.integration-row .expand{grid-column:auto;grid-row:auto}
.integration-row>summary:hover .integration-name{color:#d9c59b}
.integration-row>summary:focus-visible{outline-offset:4px}
.integration-detail{padding:0 44px 28px 0;max-width:800px;color:#bdbdbd;font-size:14px;line-height:1.8}
.integration-detail p{margin:0 0 14px}
.integration-detail .connection-status{color:var(--fg);margin-bottom:8px}
.integration-detail--priority{max-width:1000px;padding-bottom:36px}
.integration-detail--priority h3{max-width:760px;font-size:26px;line-height:1.25;font-weight:400;letter-spacing:-.65px;color:var(--fg);margin:0 0 20px}
.integration-detail--priority .integration-description{max-width:740px;margin-bottom:28px}
.integration-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 48px;margin:0 0 30px}
.integration-scope dt,.integration-example figcaption{font-size:11px;line-height:1.6;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.integration-scope dd{margin:0}
.integration-example{border-left:1px solid var(--line);padding:0 0 0 22px;margin:0 0 28px;max-width:760px}
.integration-example ol{padding-left:18px;margin:0}
.integration-example li{padding-left:6px;margin:0 0 8px}
.integration-example li:last-child{margin-bottom:0}
.integration-detail .integration-next{margin:0}
.integration-next a{display:inline-block;padding:8px 0;color:var(--fg);text-underline-offset:5px;text-decoration:underline;text-decoration-color:var(--line)}
.integration-next a:hover{color:#d9c59b;text-decoration-color:currentColor}
.integration-next a:focus-visible{outline-offset:6px}
.integrations-page .site-footer{margin-top:0}
.integrations-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.alphabet{grid-template-columns:repeat(13,minmax(0,1fr))}.integrations-page{--directory-offset:145px}}
@media(max-width:600px){.directory-intro{padding-top:55px;padding-bottom:44px}.directory-intro h1{font-size:clamp(46px,10vw,62px);margin-bottom:24px}.directory-intro>p{font-size:16px}.directory-intro .directory-description{font-size:14px;line-height:1.75;margin-top:20px}.directory-intro .directory-note{font-size:12px;max-width:290px;margin-top:20px}.alphabet{grid-template-columns:repeat(9,minmax(0,1fr));padding:6px 0;font-size:11px}.integrations-page{--directory-offset:180px}.directory{padding-top:35px;padding-bottom:70px}.letter-section{margin-bottom:36px}.letter-section h2{font-size:28px;margin-bottom:18px}.integration-row>summary{grid-template-columns:minmax(0,1fr) 18px;gap:14px;padding:20px 0;min-height:68px}.integration-name{font-size:18px;letter-spacing:-.35px}.integration-row .expand{grid-column:2;grid-row:1}.integration-detail{padding:0 0 24px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.integrations-page{scroll-behavior:auto}}
@media(max-width:600px){.integration-detail--priority h3{font-size:23px;letter-spacing:-.5px;margin-bottom:18px}.integration-detail--priority .integration-description{margin-bottom:24px}.integration-scope{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:24px}.integration-example{padding-left:16px;margin-bottom:20px}.integration-example figcaption{font-size:10px}.integration-next a{min-height:32px}}