.integration-guide{max-width:800px;padding:var(--space-6);padding-bottom:var(--space-16);margin:0 auto}.guide-breadcrumb{margin-bottom:var(--space-8)}.breadcrumb-back{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gr-ink-soft);border-radius:var(--radius-sm);text-decoration:none;transition:color .2s;display:inline-flex}.breadcrumb-back:hover{color:var(--gr-accent-ink)}.breadcrumb-back:focus-visible{outline:2px solid var(--gr-accent-ink);outline-offset:2px}.breadcrumb-icon{width:16px;height:16px}.guide-hero{text-align:center;margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--gr-line-soft)}.guide-hero-logos{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.hero-plus{font-size:var(--text-2xl);color:var(--gr-ink-soft);font-weight:300}.guide-hero h1{font-size:var(--text-3xl);color:var(--gr-ink-strong);margin-bottom:var(--space-3);font-weight:700}.guide-hero-subtitle{font-size:var(--text-lg);color:var(--gr-ink-soft);margin-bottom:var(--space-6)}.guide-meta{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.meta-badge{font-size:var(--text-sm);padding:var(--space-1) var(--space-3);background:var(--gr-bg-elev);border-radius:var(--radius-full);color:var(--gr-ink-soft);font-weight:500}.meta-difficulty-easy{color:var(--gr-sage-ink);background:#10b9811a}.meta-difficulty-medium{color:var(--gr-amber-ink);background:#f59e0b1a}.guide-section{margin-bottom:var(--space-10)}.guide-section h2{font-size:var(--text-xl);color:var(--gr-ink-strong);margin-bottom:var(--space-4);font-weight:600}.step-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.step-number{background:var(--gr-accent-ink);color:#fff;width:32px;height:32px;font-weight:700;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-content{padding-left:calc(32px + var(--space-3))}.step-content p{font-size:var(--text-base);color:var(--gr-ink-soft);margin-bottom:var(--space-4);line-height:1.6}.step-instructions{margin:var(--space-4) 0;padding-left:var(--space-5)}.step-instructions li{font-size:var(--text-base);color:var(--gr-ink-soft);margin-bottom:var(--space-2);line-height:1.8}.step-note{font-size:var(--text-sm);color:var(--gr-ink-soft);font-style:italic}.prerequisites-list{margin:0;padding:0;list-style:none}.prerequisites-list li{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--gr-line-soft);display:flex}.prerequisites-list li:last-child{border-bottom:none}.prereq-icon{width:20px;height:20px;color:var(--gr-sage-ink);flex-shrink:0;margin-top:2px}.prerequisites-list span{font-size:var(--text-base);color:var(--gr-ink-soft)}.prerequisites-list a{color:var(--gr-accent-ink)}.code-block-wrapper{margin:var(--space-4) 0;border-radius:var(--radius-lg);border:1px solid var(--gr-line-soft);overflow:hidden}.code-block-header{padding:var(--space-2) var(--space-4);background:var(--gr-bg-sunken);border-bottom:1px solid var(--gr-line-soft);justify-content:space-between;align-items:center;display:flex}.code-block-header span{font-size:var(--text-sm);color:var(--gr-ink-soft);font-weight:500}.copy-button{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--gr-ink-soft);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:0 0;border:none;transition:background-color .2s,color .2s;display:flex}.copy-button:hover{background:var(--gr-bg-elev);color:var(--gr-accent-ink)}.copy-button:focus-visible{outline:2px solid var(--gr-accent-ink);outline-offset:2px}.copy-icon{width:14px;height:14px}.copy-icon.copied{color:var(--gr-sage-ink)}.code-block{padding:var(--space-4);background:var(--gr-bg-elev);margin:0;overflow-x:auto}.code-block code{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:var(--text-sm);color:var(--gr-ink-strong);white-space:pre}.config-paths{margin:var(--space-4) 0}.config-path{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;display:flex}.config-path strong{font-size:var(--text-sm);color:var(--gr-ink-strong)}.config-path code{font-size:var(--text-sm);color:var(--gr-ink-soft);background:var(--gr-bg-elev);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);word-break:break-all}.info-callout,.warning-callout{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin:var(--space-4) 0;display:flex}.info-callout{background:#3b82f614;border:1px solid #3b82f633}.info-callout .callout-icon{width:20px;height:20px;color:var(--gr-accent-ink);flex-shrink:0}.warning-callout{background:#f59e0b14;border:1px solid #f59e0b33}.warning-callout .callout-icon{width:20px;height:20px;color:var(--gr-amber-ink);flex-shrink:0}.info-callout div,.warning-callout div{font-size:var(--text-sm);color:var(--gr-ink-soft);line-height:1.5}.example-queries{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.example-query-card{padding:var(--space-3) var(--space-4);background:var(--gr-bg-elev);border-radius:var(--radius-lg);border:1px solid var(--gr-line-soft);font-size:var(--text-sm);color:var(--gr-ink-soft);font-style:italic}.tools-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.tool-item{gap:var(--space-1);padding:var(--space-3);background:var(--gr-bg-elev);border-radius:var(--radius-lg);border:1px solid var(--gr-line-soft);flex-direction:column;display:flex}.tool-item code{font-size:var(--text-sm);color:var(--gr-accent-ink);font-weight:600}.tool-item span{font-size:var(--text-xs);color:var(--gr-ink-soft)}.troubleshooting-accordion{gap:var(--space-2);flex-direction:column;display:flex}.troubleshoot-item{border:1px solid var(--gr-line-soft);border-radius:var(--radius-lg);overflow:hidden}.troubleshoot-item summary{padding:var(--space-4);color:var(--gr-ink-strong);cursor:pointer;background:var(--gr-bg-elev);font-weight:500;list-style:none}.troubleshoot-item summary::-webkit-details-marker{display:none}.troubleshoot-item summary:before{content:"▶";margin-right:var(--space-2);font-size:var(--text-xs);transition:transform .2s;display:inline-block}.troubleshoot-item[open] summary:before{transform:rotate(90deg)}.troubleshoot-content{padding:var(--space-4);border-top:1px solid var(--gr-line-soft)}.troubleshoot-content ul{padding-left:var(--space-5);margin:0}.troubleshoot-content li{font-size:var(--text-sm);color:var(--gr-ink-soft);margin-bottom:var(--space-2);line-height:1.6}.related-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.related-card{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--gr-bg-elev);border:1px solid var(--gr-line-soft);border-radius:var(--radius-lg);flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.related-card:hover{border-color:var(--gr-accent-ink);transform:translateY(-2px)}.related-card:focus-visible{outline:2px solid var(--gr-accent-ink);outline-offset:2px}.related-card span{font-size:var(--text-sm);color:var(--gr-ink-strong);text-align:center;font-weight:500}.guide-cta{text-align:center;padding:var(--space-8);background:var(--gr-bg-elev);border-radius:var(--radius-xl);margin-top:var(--space-12)}.guide-cta h2{font-size:var(--text-lg);margin-bottom:var(--space-2)}.guide-cta p{font-size:var(--text-base);color:var(--gr-ink-soft)}.guide-cta a{color:var(--gr-accent-ink)}@media (max-width:768px){.integration-guide{padding:var(--space-4)}.guide-hero h1{font-size:var(--text-2xl)}.step-content{margin-top:var(--space-3);padding-left:0}.example-queries,.tools-grid,.related-grid{grid-template-columns:1fr}}.coming-soon-section{text-align:center}.coming-soon-card{max-width:500px;padding:var(--space-8);background:var(--gr-bg-elev);border-radius:var(--radius-xl);border:1px solid var(--gr-line-soft);margin:0 auto}.coming-soon-icon{width:48px;height:48px;color:var(--gr-accent-ink);margin-bottom:var(--space-4)}.coming-soon-card h2{font-size:var(--text-xl);margin-bottom:var(--space-3)}.coming-soon-card p{font-size:var(--text-base);color:var(--gr-ink-soft);margin-bottom:var(--space-4)}.coming-soon-options{text-align:left;padding-left:var(--space-5)}.coming-soon-options li{font-size:var(--text-sm);color:var(--gr-ink-soft);margin-bottom:var(--space-2);line-height:1.8}.coming-soon-options a{color:var(--gr-accent-ink)}[data-theme=dark] .code-block{background:var(--gr-bg-sunken)}[data-theme=dark] .code-block-header{background:#0003}