.integrations-nav { max-width:1248px; margin:auto; display:flex; flex-wrap:wrap; gap:12px 28px; padding:22px 36px; border-bottom:1px solid var(--publication-line); font-size:14px; }
.integrations-nav a { text-decoration:none; font-weight:600; }
.integrations-content { max-width:1248px; padding:0 36px 64px; margin:auto; }
.integration-section { padding-top:48px; margin-bottom:24px; min-width:0; scroll-margin-top:24px; overflow-wrap:anywhere; }
.integration-section>h2 { border-bottom:2px solid var(--publication-ink); padding-bottom:16px; font-size:32px; }
.integration-section h3 { font-size:21px; font-weight:600; margin:28px 0 16px; }
.integration-section hr { border:0; border-top:1px solid var(--publication-line); margin:32px 0; }
.integration-section p, .integration-section li { max-width:100%; }
.integration-section .api-desc-p { font-size:14px; color:var(--publication-muted); }
.integration-section .nav-tabs { display:flex; flex-wrap:wrap; gap:8px; padding:0; list-style:none; border-bottom:1px solid var(--publication-line); }
.integration-section .nav-link { display:block; padding:10px 16px; text-decoration:none; border:1px solid transparent; border-radius:3px 3px 0 0; }
.integration-section .nav-link.active { background:#eaf1f2; border-color:var(--publication-line); color:var(--publication-ink); font-weight:600; }
.integration-section .code-editor { background:#11283b; color:#eef5f7; border-radius:5px; padding:20px; font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; overflow:auto; max-width:100%; white-space:pre; scroll-margin-top:24px; }
.integration-section .code-editor code { font:inherit; color:inherit; }
.integration-section table { font-size:14px; }
.integration-table-scroll { overflow-x:auto; margin:16px 0; }
.integration-table-scroll table { min-width:520px; }
.integration-section .plans-acc { border-top:1px solid var(--publication-line); padding:0; }
.integration-section .plans-acc summary { padding:16px 0; cursor:pointer; font-weight:600; }
.integration-section .plans-acc-content { padding:0 16px 16px; }
.integration-section .plan-commercial-list { max-width:none; }
.publication .checkout-button { display:inline-flex; align-items:center; justify-content:center; width:100%; min-height:44px; height:auto; background:var(--publication-accent); color:#fff; border:0; padding:10px; border-radius:4px; font-family:inherit; font-size:13px; font-weight:600; line-height:1.4; text-decoration:none; cursor:pointer; }
.publication .checkout-button:hover { background:var(--publication-ink); color:#fff; }
.publication .checkout-button:disabled { opacity:.6; cursor:wait; }
#checkout-error { padding:16px; border:1px solid #b75c38; background:#fff7f1; color:#713d29; }
.integration-loading { position:fixed; inset:0; background:#ffffffed; z-index:1000; display:flex; align-items:center; justify-content:center; }
.integration-loading p { background:white; border:1px solid var(--publication-line); padding:28px; border-radius:4px; }
#account-nav { display:flex; flex-wrap:wrap; align-items:center; gap:12px; font-size:13px; }
#account-nav .account-nav-who { overflow-wrap:anywhere; }
@media(max-width:800px) and (min-width:601px) { .integration-section .plan-grid { font-size:12px; grid-template-columns:minmax(90px,1fr); } .integration-section .plan-cell { padding:8px 5px; } }
@media(max-width:600px) { .integrations-nav { padding:20px 22px; gap:12px 22px; } .integrations-content { padding:0 22px 40px; } .integration-section { padding-top:32px; } .integration-section>h2 { font-size:27px; } .integration-section .code-editor { padding:14px; font-size:12px; } }