/* Public documentation. Scoped to keep the approved landing and account UI intact. */
.docs-page{background:#f5f7fb;color:#10213d;font-size:15px;line-height:1.7;background-image:radial-gradient(ellipse at 80% 0%,#e6eefc 0,transparent 35%)}
.docs-page header,.docs-page main,.docs-page footer{max-width:1200px;padding-left:40px;padding-right:40px}
.docs-page a{text-underline-offset:4px}.docs-page p,.docs-page li{max-width:none}
.docs-page .docs-header{padding-top:25px;padding-bottom:25px;flex-wrap:nowrap}.docs-header .logo{font-size:22px;letter-spacing:-.6px}
.docs-header nav{align-items:center;gap:25px;font-size:13px}.docs-header nav a{text-decoration:none;color:#52637c}.docs-header nav a:hover{color:#195bd0}
.docs-header .account-link{border:1px solid #d9e3f2;background:#ffffffb3;padding:9px 15px;border-radius:10px;color:#10213d}
.docs-page main{padding-top:0;padding-bottom:56px}.docs-page h1,.docs-page h2,.docs-page h3{color:#10213d}
.doc-hero{padding:48px 0 42px;border-bottom:1px solid #dce5f1;margin-bottom:36px;outline-offset:8px}
.docs-page .eyebrow{font-size:10px;font-weight:750;letter-spacing:.17em;color:#526d97;margin:0 0 17px}
.doc-hero h1{font-size:clamp(38px,4.6vw,60px);line-height:1.08;letter-spacing:-.055em;margin:0 0 22px;font-weight:730}.doc-hero h1 span{color:#2865cf}
.doc-lead{font-size:17px;line-height:1.65;color:#5b6d85;max-width:650px!important;margin:0 0 23px}
.availability{display:flex;align-items:center;gap:8px;font-size:12px;color:#36577b;flex-wrap:wrap;margin:0}.availability a{color:#65748c;text-decoration:none}.availability a:hover{text-decoration:underline}.availability-divider{margin:0 5px;color:#b2bfd1}.status-dot{width:7px;height:7px;background:#21865d;border-radius:50%}
.docs-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:44px;align-items:start}.docs-sidebar{position:sticky;top:28px}.nav-label{font-size:9px;font-weight:750;letter-spacing:.13em;color:#65748b;margin:0 0 16px}
.docs-sidebar nav{display:flex;flex-direction:column;gap:5px;font-size:13px}.docs-sidebar nav a{border-radius:9px;padding:10px 12px;color:#5c6c83;text-decoration:none}.docs-sidebar nav a:hover{background:#eaf0fa;color:#1e5bb5}.docs-sidebar nav a[aria-current=page]{background:#e5edfb;color:#225fca;font-weight:650}
.sidebar-note{margin:30px 12px 0;padding-top:24px;border-top:1px solid #dfe6f1;font-size:11px;color:#67768b;line-height:1.6}.sidebar-note p{margin:9px 0 13px}.sidebar-note a{text-decoration:none}.version-label{font-size:9px;letter-spacing:.1em;color:#526d97;font-weight:750}
.doc-content{min-width:0;overflow-wrap:anywhere}.on-this-page{display:flex;gap:8px 17px;flex-wrap:wrap;font-size:11px;margin:0 0 22px;line-height:1.8}.on-this-page>span{font-size:9px;font-weight:750;color:#6e7b90;letter-spacing:.09em;flex-basis:100%}.on-this-page a{color:#536b8e;text-decoration:none}.on-this-page a:hover{text-decoration:underline}
.doc-section,.doc-content>section{scroll-margin-top:24px;background:#fff;border:1px solid #dfe7f2;border-radius:18px;padding:30px 32px;margin:0 0 18px;box-shadow:0 5px 22px #10213d03}
.doc-content h2{font-size:25px;letter-spacing:-.035em;line-height:1.25;margin:0 0 17px}.doc-content h3{font-size:16px;letter-spacing:-.02em;line-height:1.35;margin:11px 0 8px}.doc-content p{margin:0 0 16px;color:#586a82}.doc-content p:last-child{margin-bottom:0}.doc-content strong{color:#223b5d;font-weight:650}
.doc-content ul,.doc-content ol{padding-left:22px;color:#586a82}.doc-content li{padding-left:4px;margin:10px 0}.doc-content li::marker{color:#3568b6;font-weight:650}
.doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.doc-card{min-width:0;padding:20px;border:1px solid #e2e9f3;border-radius:13px;background:linear-gradient(140deg,#f7faff,#fff);font-size:13px;line-height:1.6}.doc-card p{margin:0}.card-index{font-size:10px;letter-spacing:.08em;font-weight:700;color:#4a70a4}.link-card{text-decoration:none}.link-card:hover{border-color:#99b7eb;box-shadow:0 4px 16px #1e5bb50a}.doc-grid+.callout{margin-top:20px}
.doc-content .callout{background:#eef4fd;border-left:3px solid #5d89d4;padding:14px 17px;border-radius:0 9px 9px 0;font-size:13px;color:#3d5c85}.doc-content blockquote{margin:18px 0;padding:20px 24px;background:#f2f6fd;border:1px solid #e0e9f7;border-radius:12px;color:#2d5185;font-size:17px;letter-spacing:-.015em}
.doc-content pre{font-size:12px;line-height:1.85;border-radius:12px;background:#142843;color:#dceaff;padding:20px;margin:18px 0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.doc-content p code,.doc-content li code{font-size:.86em;background:#f0f4fa;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere;color:#2c547e}
.doc-content details{border:1px solid #e1e8f2;border-radius:10px;margin:18px 0 0;padding:0 18px}.doc-content summary{cursor:pointer;font-size:13px;font-weight:600;padding:15px 0;color:#244b80}.doc-content details p{font-size:13px;padding-bottom:17px}
.doc-content .prompt-box{margin:24px 0 0}.prompt-box label{font-size:12px;color:#4d6586;font-weight:600}.prompt-box .install-prompt{max-width:none;margin:8px 0 0;border-color:#cfdcf1;box-shadow:0 3px 12px #1f5ab309}.prompt-box #install-prompt{font-size:14px;letter-spacing:-.3px;min-height:42px;padding:10px 8px}.prompt-box .install-prompt button{flex-basis:40px;width:40px;height:40px}.prompt-box .copy-status{font-size:11px;min-height:18px;margin:5px 0 0}.prompt-box .small{font-size:11px;color:#728198}
.doc-steps{list-style:none;counter-reset:step;padding:0!important;margin:24px 0 0}.doc-steps li{position:relative;counter-increment:step;padding:0 0 22px 49px!important;margin:0!important;border-left:1px solid #dce6f5;margin-left:15px!important}.doc-steps li:last-child{padding-bottom:0!important;border:0}.doc-steps li:before{content:counter(step);position:absolute;left:-15px;top:-2px;width:30px;height:30px;display:grid;place-items:center;background:#e9f1ff;color:#2863be;border-radius:50%;font-size:12px;font-weight:700}.doc-steps p{font-size:13px;margin:7px 0 0}
.platform-heading{display:flex;align-items:center;gap:18px;margin:22px 0}.platform-heading p{font-size:12px;margin:5px 0 0}.platform-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:15px;background:#fff0f0;color:#d83434;font-size:24px}.pill{font-size:9px;font-weight:700;letter-spacing:.06em;border-radius:6px;padding:5px 8px;display:inline-block}.available{color:#1d704f;background:#e8f7ef}.pending{color:#69778b;background:#eef1f6}.pending-platforms{grid-template-columns:repeat(3,minmax(0,1fr))}.pending-platforms .doc-card{background:#f8fafc}.pending-platforms h3{margin-top:18px}.text-link{font-size:13px;text-decoration:none;font-weight:600}
.result-list{margin:22px 0}.result-list>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;border-top:1px solid #e6edf6;padding:16px 0;font-size:13px}.result-list dt{font-weight:600;color:#254977}.result-list dd{margin:0;color:#5f7087}
.doc-content .doc-next{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 30px;background:#eaf1fd;border:1px solid #d6e3f8;border-radius:18px;margin-top:24px}.doc-next .eyebrow{margin-bottom:8px}.doc-next h2{font-size:23px;margin-bottom:10px}.doc-next p{font-size:13px}.doc-button{flex-shrink:0;display:inline-flex;gap:18px;align-items:center;background:#2865cf;border-radius:10px;color:#fff;text-decoration:none;font-weight:600;font-size:12px;padding:12px 17px}.doc-button:hover{background:#1b55b8}
.reference-divider{padding:24px 0 10px}.reference-divider .eyebrow{margin-bottom:5px}.reference-divider p{font-size:13px}.docs-page .docs-footer{padding-top:27px;padding-bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#68788e;border-top:1px solid #dde5f0}.docs-footer p{margin:0}.docs-footer nav{font-size:11px;gap:22px}.docs-footer a{margin:0;text-decoration:none;color:#536c8d}
@media(min-width:1001px){#first-connection .doc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.docs-layout{grid-template-columns:155px minmax(0,1fr);gap:26px}.doc-section,.doc-content>section{padding:26px}.pending-platforms{grid-template-columns:1fr}.doc-content .doc-next{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.docs-page header,.docs-page main,.docs-page footer{padding-left:20px;padding-right:20px}.docs-page .docs-header{padding-top:18px;padding-bottom:18px;gap:12px}.docs-header .logo{font-size:19px;gap:7px}.docs-header .logo img{width:31px;height:31px}.docs-header nav{gap:13px;font-size:11px}.docs-header .account-link{padding:8px 10px}.doc-hero{padding:32px 0;margin-bottom:22px}.doc-hero h1{font-size:42px}.doc-lead{font-size:15px}.availability{font-size:10px;gap:6px}.availability-divider{margin:0 2px}.docs-layout{display:block}.docs-sidebar{position:static;margin-bottom:28px}.nav-label,.sidebar-note{display:none}.docs-sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;font-size:11px}.docs-sidebar nav a{padding:10px 6px;text-align:center;background:#edf1f8}.doc-content h2{font-size:23px}.doc-section,.doc-content>section{padding:24px 20px;border-radius:15px}.doc-content p,.doc-content li{font-size:14px}.doc-grid{grid-template-columns:1fr}.doc-card p{font-size:13px}.on-this-page{font-size:10px;gap:7px 15px}.doc-content pre{font-size:11px;padding:15px}.doc-content blockquote{font-size:15px;padding:18px}.result-list>div{grid-template-columns:1fr;gap:4px}.doc-steps li{padding-left:32px!important}.prompt-box #install-prompt{font-size:clamp(9px,2.65vw,14px);letter-spacing:-.2px;padding-left:4px}.prompt-box .install-prompt{gap:3px;padding:4px}.prompt-box .install-prompt button{flex-basis:36px;width:36px;height:40px}.prompt-box .small,.prompt-box .copy-status{font-size:11px!important}.docs-page .docs-footer{flex-direction:column;align-items:flex-start;gap:12px}.docs-footer nav{gap:20px}.doc-content .doc-next{padding:24px}.doc-next .eyebrow{font-size:10px}}
@media(max-width:360px){.docs-header nav{gap:8px}.docs-header .account-link{padding:8px}.doc-hero h1{font-size:36px}.docs-header .logo{font-size:17px}.docs-page header,.docs-page main,.docs-page footer{padding-left:16px;padding-right:16px}.availability{font-size:9px}}
