.integration-design-review .integration-hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:72px}.integration-design-review .integration-identity{gap:18px;margin-bottom:30px;font-size:20px}.integration-design-review .integration-identity>img{width:54px;height:54px}.integration-design-review .iv-connection{background:#f5f3ed;border:1px solid #dedbd3;border-radius:16px;min-width:0;padding:34px}.integration-design-review .iv-tool-pair{border-bottom:1px solid #dedbd3;justify-content:center;align-items:center;gap:34px;margin-bottom:28px;padding:8px 0 30px;display:flex}.integration-design-review .iv-tool-pair>div{flex-direction:column;align-items:center;gap:13px;min-width:92px;display:flex}.integration-design-review .iv-tool-pair img{object-fit:contain}.integration-design-review .iv-tool-pair span{font:500 14px/1.5 var(--font-ui)}.integration-design-review .iv-tool-pair>svg{color:#625e58;flex:none}.integration-design-review .iv-connection h2{letter-spacing:-.02em;font:400 30px/1.2 Fraunces,serif}.integration-design-review .iv-context-path{margin:28px 0;padding:0;list-style:none}.integration-design-review .iv-context-path li{grid-template-columns:22px minmax(0,1fr);gap:16px;padding:0 0 24px;display:grid}.integration-design-review .iv-context-path li:last-child{padding-bottom:0}.integration-design-review .iv-context-path svg,.integration-design-review .iv-context-path img{color:#625e58;object-fit:contain;margin-top:3px}.integration-design-review .iv-context-path strong{font:500 15px/1.5 var(--font-ui);display:block}.integration-design-review .iv-context-path span{font:400 14px/1.6 var(--font-ui);color:#625e58;margin-top:5px;display:block}.integration-design-review .iv-capability-list{border-top:1px solid #dedbd3;margin:0;padding:20px 0 0;list-style:none}.integration-design-review .iv-capability-list li{font:400 14px/1.7 var(--font-ui);color:#625e58}.integration-design-review .iv-capability-list li+li{margin-top:12px}.integration-design-review .iv-scope-note{font:400 13px/1.7 var(--font-ui);color:#625e58;margin-top:22px}.integration-design-review .integration-example{align-items:start;gap:72px;padding-block:80px}.integration-design-review .integration-example>div{padding-top:32px}.integration-design-review .integration-example>div>p{margin-top:26px}.integration-design-review .integration-example .iv-record{background:0 0;border:0;border-radius:0;min-width:0;margin:0;padding:0}.integration-design-review .iv-record>figcaption{font:400 13px/1.6 var(--font-ui);color:#625e58;margin-bottom:18px}.integration-design-review .iv-record-window{background:#fffefa;border:1px solid #dedbd3;border-radius:16px;overflow:hidden}.integration-design-review .iv-window-bar{background:#f5f3ed;border-bottom:1px solid #e5e1d8;justify-content:space-between;align-items:center;gap:18px;padding:18px 28px;display:flex}.integration-design-review .iv-window-bar>img{width:132px;height:auto;display:block}.integration-design-review .iv-window-bar>span{font:400 13px/1.5 var(--font-ui);align-items:center;gap:9px;display:flex}.integration-design-review .iv-window-bar span img{object-fit:contain;flex:none;width:24px;height:24px}.integration-design-review .iv-record-body{padding:30px}.integration-design-review .iv-question{background:#f5f3ed;align-items:flex-start;gap:13px;padding:18px 20px;display:flex}.integration-design-review .iv-question>svg{color:#625e58;flex:none;margin-top:4px}.integration-design-review .iv-question>p{color:#1a1a17;font:400 16px/1.6 var(--font-ui);margin:0}.integration-design-review .iv-account{align-items:center;gap:18px;margin:30px 0 26px;display:flex}.integration-design-review .iv-account>svg{color:#625e58;flex:none}.integration-design-review .iv-account span{color:#625e58;font:400 13px/1.6 var(--font-ui);display:block}.integration-design-review .iv-account h3{letter-spacing:-.02em;margin:3px 0 0;font:400 32px/1.15 Fraunces,serif}.integration-design-review .iv-record-fields{margin:0;padding:0}.integration-design-review .iv-record-fields>div{border-top:1px solid #e5e1d8;padding:18px 0}.integration-design-review .iv-record-fields>div+div{margin:0}.integration-design-review .iv-record-fields dt{font:400 13px/1.6 var(--font-ui);color:#625e58}.integration-design-review .iv-record-fields dd{color:#1a1a17;font:400 17px/1.6 var(--font-ui);margin-top:7px}.integration-design-review .iv-example-source{border-top:1px solid #e5e1d8;margin-top:18px}.integration-design-review .iv-example-source summary{cursor:pointer;align-items:center;gap:12px;min-height:64px;padding:20px 0 0;list-style:none;display:flex}.integration-design-review .iv-example-source summary::-webkit-details-marker{display:none}.integration-design-review .iv-example-source summary>img{object-fit:contain;flex:none;width:22px;height:22px}.integration-design-review .iv-example-source summary>span{color:#625e58;min-width:0;font:400 12px/1.6 var(--font-ui);flex:1}.integration-design-review .iv-example-source summary strong{color:#1a1a17;font:500 14px/1.5 var(--font-ui);margin-top:2px;display:block}.integration-design-review .iv-example-source summary>svg{color:#625e58;flex:none}.integration-design-review .iv-example-source[open] summary>svg:last-child{transform:rotate(180deg)}.integration-design-review .iv-example-source summary:focus-visible{outline:2px solid var(--fjord);outline-offset:5px;border-radius:4px}.integration-design-review .iv-example-source>div{margin-top:24px}.integration-design-review .iv-example-source>div>p{font:400 13px/1.6 var(--font-ui);margin:0 0 16px}.integration-design-review .iv-example-source dl{margin:0}.integration-design-review .iv-example-source dl>div+div{margin-top:16px}.integration-design-review .iv-example-source dd{font-size:14px}.integration-design-review .iv-example-source dd small{color:#625e58;font:400 12px/1.6 var(--font-ui);margin-top:5px;display:block}.integration-design-review .iv-record-note{width:100%;max-width:none;font:400 13px/1.7 var(--font-ui);background:#f5f3ed;border-top:1px solid #e5e1d8;margin:0;padding:22px 30px}.integration-design-review .iv-format-calendar .iv-record-fields{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.integration-design-review .iv-format-calendar .iv-record-fields>div:last-child{grid-column:1/-1}.integration-design-review .iv-format-message .iv-record-fields>div:first-child dd{background:#f5f3ed;padding:18px;font-size:19px;line-height:1.65}.integration-design-review .iv-native-plan{border-top:1px solid #dedbd3;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:72px;padding-block:64px;display:grid}.integration-design-review .iv-native-plan h2{letter-spacing:-.02em;text-wrap:balance;font:400 36px/1.15 Fraunces,serif}.integration-design-review .iv-native-plan>div>p{color:#625e58;font:400 16px/1.75 var(--font-ui);max-width:55ch;margin-top:24px}.integration-design-review .iv-native-comparison>div{grid-template-columns:24px minmax(0,1fr);gap:18px;display:grid}.integration-design-review .iv-native-comparison>div+div{border-top:1px solid #dedbd3;margin-top:30px;padding-top:30px}.integration-design-review .iv-native-comparison>div>svg{color:#625e58;margin-top:3px}.integration-design-review .iv-native-comparison h3{font:500 18px/1.5 var(--font-ui);align-items:center;gap:12px;display:flex}.integration-design-review .iv-native-comparison h3>img{object-fit:contain;flex:none}.integration-design-review .iv-native-comparison p{color:#625e58;font:400 15px/1.75 var(--font-ui);margin-top:14px}@media (max-width:1100px){.integration-design-review .integration-hero-layout{gap:36px}.integration-design-review .integration-example{gap:40px}.integration-design-review .iv-connection{padding:28px}}@media (max-width:800px){.integration-design-review .core-wrap{width:calc(100% - 48px)}.integration-design-review .integration-hero{padding-bottom:64px}.integration-design-review .integration-hero-layout{grid-template-columns:minmax(0,1fr);gap:42px}.integration-design-review .integration-identity{margin-bottom:28px}.integration-design-review .integration-intro{margin-top:26px;line-height:1.75}.integration-design-review .integration-availability{margin-top:28px}.integration-design-review .integration-actions{gap:20px;margin-top:30px}.integration-design-review .iv-connection{padding:28px 24px}.integration-design-review .iv-tool-pair{gap:24px}.integration-design-review .iv-connection h2{font-size:28px}.integration-design-review .integration-example{grid-template-columns:minmax(0,1fr);gap:36px;padding-block:56px}.integration-design-review .integration-example>div{padding:0}.integration-design-review .integration-example h2{font-size:32px;line-height:1.2}.integration-design-review .integration-example>div>p{margin-top:24px;line-height:1.75}.integration-design-review .iv-window-bar{padding:16px 22px}.integration-design-review .iv-window-bar>img{width:110px}.integration-design-review .iv-record-body{padding:26px 24px}.integration-design-review .iv-question{gap:12px;padding:18px 16px}.integration-design-review .iv-record-note{padding:22px 24px}.integration-design-review .integration-use-cases,.integration-design-review .integration-setup{gap:36px;padding-block:48px}.integration-design-review .iv-format-calendar .iv-record-fields{grid-template-columns:1fr}.integration-design-review .iv-native-plan{grid-template-columns:1fr;gap:36px;padding-block:48px}.integration-design-review .iv-native-plan h2{font-size:32px}.integration-design-review .iv-native-comparison h3{align-items:flex-start;font-size:17px}}@media (max-width:360px){.integration-design-review .iv-window-bar{gap:10px;padding-inline:18px}.integration-design-review .iv-window-bar>img{width:90px}.integration-design-review .iv-tool-pair{gap:18px}.integration-design-review .iv-tool-pair>div{min-width:80px}}
