.integration-page .kind-chip[data-kind=integration]{background:var(--type-integration-bg);color:var(--type-integration-fg)}.integration-page .store-badge[data-badge=system]{background:var(--color-success-muted);color:var(--color-success)}.integration-page .integration-logo{border:1px solid var(--color-border);background:var(--color-bg-primary)}.integration-page .integration-logo img{object-fit:contain;width:64%;height:64%}.integration-page .detail-tabs{scroll-margin-top:6rem}.integration-page .header-action>.store-button{justify-content:center}.integration-page .gallery-caption{color:var(--color-text-muted);margin:0;font-size:.8125rem}.integration-page .gallery-caption:empty{display:none}.integration-page .highlight-list{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.integration-page .highlight-list li{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);color:var(--color-text-primary);align-items:flex-start;gap:.625rem;padding:.625rem .75rem;font-size:.875rem;line-height:1.45;display:flex}.integration-page .highlight-list i{color:var(--color-accent);margin-top:.2rem;font-size:.8125rem}.integration-page .markdown code{border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-primary);padding:.0625rem .3125rem;font-size:.8125rem}.integration-page .markdown strong{color:var(--color-text-primary)}.integration-page .requirements{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);margin-bottom:1.75rem;padding:1rem 1.125rem}.integration-page .requirements .block-heading{margin-bottom:.75rem}.integration-page .requirement-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.integration-page .requirement-list li{color:var(--color-text-secondary);align-items:flex-start;gap:.625rem;font-size:.875rem;line-height:1.5;display:flex}.integration-page .requirement-list i{color:var(--color-success);margin-top:.25rem;font-size:.8125rem}.integration-page .detail-panel>.block-heading{margin-bottom:1rem}.integration-page .step-list{counter-reset:none;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.integration-page .step{gap:1rem;padding-bottom:1.75rem;display:flex;position:relative}.integration-page .step:not(:last-child):before{content:"";top:2.25rem;bottom:.25rem;background:var(--color-border);width:2px;position:absolute;inset-inline-start:calc(1rem - 1px)}.integration-page .step:last-child{padding-bottom:0}.integration-page .step-number{border:1px solid var(--color-border-accent);background:var(--color-accent-muted);width:2rem;height:2rem;color:var(--color-text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:inline-flex}.integration-page .step-body{flex-direction:column;flex:1;gap:.5rem;min-width:0;padding-top:.25rem;display:flex}.integration-page .step-title{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:600;line-height:1.4}.integration-page .step-shot{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-tertiary);cursor:zoom-in;width:100%;max-width:640px;margin-top:.25rem;padding:0;transition:border-color .15s;display:block;overflow:hidden}.integration-page .step-shot img{width:100%;height:auto;display:block}.integration-page .step-shot:hover{border-color:var(--color-border-light)}.integration-page .reference-section+.reference-section{margin-top:2rem}.integration-page .reference-section .block-heading{align-items:center;gap:.5rem;display:flex}.integration-page .reference-section .block-heading i{color:var(--color-accent)}.integration-page .reference-count{background:var(--color-bg-tertiary);color:var(--color-text-secondary);letter-spacing:0;border-radius:999px;padding:0 .4375rem;font-size:.6875rem}.integration-page .reference-intro{color:var(--color-text-muted);margin:.375rem 0 .75rem;font-size:.8125rem}.integration-page .reference-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0;overflow:hidden}.integration-page .reference-item{grid-template-columns:minmax(10rem,16rem) minmax(0,1fr);gap:.25rem 1rem;padding:.625rem .875rem;font-size:.875rem;line-height:1.5;display:grid}.integration-page .reference-item+.reference-item{border-top:1px solid var(--color-border)}.integration-page .reference-item:nth-child(2n){background:var(--color-bg-secondary)}.integration-page .reference-item dt{color:var(--color-text-primary);overflow-wrap:anywhere;font-weight:600}.integration-page .reference-item dd{color:var(--color-text-secondary);margin:0}.integration-page .reference-item code{border-radius:var(--radius-sm);background:var(--color-bg-tertiary);padding:.0625rem .3125rem;font-size:.8125rem}@container (width<=640px){.integration-page .reference-item{grid-template-columns:minmax(0,1fr)}}.integration-page .faq-list{flex-direction:column;gap:.5rem;display:flex}.integration-page .faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.integration-page .faq-item summary{color:var(--color-text-primary);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:600;list-style:none;display:flex}.integration-page .faq-item summary::-webkit-details-marker{display:none}.integration-page .faq-item summary i{color:var(--color-text-muted);flex-shrink:0;font-size:.75rem;transition:transform .15s}.integration-page .faq-item[open] summary i{transform:rotate(180deg)}.integration-page .faq-item .markdown{padding:0 1rem 1rem}.integration-page .integration-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem;display:grid}.integration-page .integration-card{padding-top:.75rem}.integration-page .integration-card .card-description{margin-bottom:0}.integration-page .viewer-figure{margin:0}.integration-page .viewer-figure img{max-height:calc(92vh - 3rem)}.integration-page .viewer-figure figcaption{color:#e5e5e5;text-align:center;margin-top:.75rem;font-size:.875rem}.integration-page .viewer-figure figcaption:empty{display:none}
