.int-section{max-width:960px;margin-top:clamp(3rem,7vw,5rem)}.int-h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-3);font-weight:700}.int-p{color:var(--color-text-muted);margin-bottom:var(--space-6);max-width:65ch}.int-p a{color:var(--color-accent);text-decoration:none}.int-p a:hover{text-decoration:underline}.int-pattern{gap:var(--space-4);flex-direction:column;list-style:none;display:flex}.int-pattern li{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;display:flex}.int-pattern-label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.int-code{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-accent);background:var(--color-code-bg);border:1px solid var(--color-border);white-space:nowrap;border-radius:.375rem;padding:.4rem .6rem;overflow-x:auto}.int-inline-code{font-family:var(--font-mono);color:var(--color-accent);background:var(--color-code-bg);border:1px solid var(--color-border);white-space:nowrap;border-radius:.3rem;padding:.1rem .35rem;font-size:.85em}.persona-switch{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);gap:2px;margin-top:clamp(2rem,5vw,3rem);padding:3px;display:inline-flex}.persona-tab{align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-5);border-radius:calc(var(--radius-control) - 3px);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;font-weight:600;display:inline-flex}.persona-tab:hover{color:var(--color-text);background:var(--color-surface-hover)}.persona-tab[aria-selected=true]{color:var(--color-accent-text);background:var(--color-accent)}.persona-tab:focus-visible{outline:var(--focus-ring);outline-offset:2px}.persona-tab svg{flex-shrink:0;width:1.05rem;height:1.05rem}.int-panel{max-width:960px;margin-top:clamp(2.5rem,6vw,4rem)}.int-panel[hidden]{display:none}.int-h3{font-size:var(--font-size-lg);margin-top:var(--space-8);margin-bottom:var(--space-2);font-weight:650}.int-section-kicker{color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:600}.int-steps{gap:var(--space-4);margin:var(--space-6) 0;flex-direction:column;list-style:none;display:flex}.int-steps li{gap:var(--space-4);align-items:flex-start;display:flex}.int-step-num{border:1px solid var(--color-border);width:2rem;height:2rem;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-accent);background:var(--color-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.int-step-title{font-size:var(--font-size-lg);margin-bottom:.15rem;font-weight:650}.int-steps p{color:var(--color-text-muted);max-width:60ch}.int-steps a{color:var(--color-accent);text-decoration:none}.int-steps a:hover{text-decoration:underline}.int-steps kbd{font-family:var(--font-mono);border:1px solid var(--color-border);background:var(--color-surface);border-radius:.3rem;padding:.05rem .35rem;font-size:.8em}.scenario-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(340px,1fr));display:grid}.snippet-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;display:flex;overflow:hidden}.snippet-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.snippet-meta{min-width:0}.snippet-title{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text);word-break:break-word;font-weight:600}.snippet-desc{color:var(--color-text-muted);margin-top:.15rem;font-size:.8rem}.snippet-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.snippet-tokens{font-family:var(--font-mono);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem}.snippet-tokens--warn{color:#b54708}:root[data-theme=dark] .snippet-tokens--warn{color:#f59e0b}.snippet-body{padding:0}.snippet-body .astro-code{padding:var(--space-4);font-size:var(--font-size-sm);border:0;border-radius:0;margin:0;line-height:1.7;overflow-x:auto;background:var(--color-code-bg)!important}.snippet-body .astro-code,.snippet-body .astro-code span{color:var(--shiki-light)}:root[data-theme=dark] .snippet-body .astro-code,:root[data-theme=dark] .snippet-body .astro-code span{color:var(--shiki-dark)}.int-endpoint{justify-content:space-between;align-items:center;gap:var(--space-3);flex-direction:row!important}.int-endpoint-text{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.int-endpoint-note{color:var(--color-text-muted);font-size:.8rem}.int-copy{border-radius:var(--radius-control);width:2.75rem;height:2.75rem;color:var(--color-text-muted);cursor:pointer;transition:color var(--dur) var(--ease-out), background var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.int-copy:hover{color:var(--color-text);background:var(--color-surface-hover);border-color:var(--color-border)}.int-copy:active{transform:scale(.96)}.int-copy.is-copied{color:var(--color-accent)}.int-copy.is-error{color:#f97066}.ai-workflow-section{margin-top:clamp(3rem,7vw,5rem)}.ai-workflow-heading .int-h3{margin-top:var(--space-2)}.ai-workflow-heading .int-p{margin-bottom:var(--space-5)}.ai-workflow-switcher{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);overflow:hidden}.ai-workflow-tabs{padding:var(--space-2);border-bottom:1px solid var(--color-border);background:var(--color-background);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ai-workflow-tab{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3);border-radius:var(--radius-inner);color:var(--color-text-muted);font:inherit;text-align:left;cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:0;display:flex}.ai-workflow-tab:hover{color:var(--color-text);background:var(--color-surface-hover)}.ai-workflow-tab[aria-selected=true]{color:var(--color-text);background:var(--color-surface);box-shadow:0 1px 3px color-mix(in srgb, var(--color-text) 10%, transparent)}.ai-workflow-tab:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.ai-workflow-tab-copy{gap:.1rem;min-width:0;display:grid}.ai-workflow-tab-copy strong{font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ai-workflow-tab-copy small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.ai-workflow-icon{background:var(--color-accent-subtle);width:2rem;height:2rem;color:var(--color-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.ai-workflow-icon svg{width:1rem;height:1rem}.ai-workflow-panel{grid-template-columns:minmax(0,1.45fr) minmax(17rem,.85fr);min-width:0;display:grid}.ai-workflow-panel[hidden]{display:none}.ai-workflow-panel:focus-visible{outline:var(--focus-ring);outline-offset:-3px}.ai-workflow-detail{min-width:0;padding:var(--space-5)}.ai-workflow-detail-head h4{margin:var(--space-1) 0 var(--space-1);font-size:var(--font-size-lg)}.ai-workflow-detail-head p{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.5}.ai-workflow-steps{gap:var(--space-3);margin-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.ai-workflow-steps li{gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-inner);background:var(--color-background);display:flex}.ai-workflow-steps li>span{background:var(--color-accent-subtle);width:1.35rem;height:1.35rem;color:var(--color-accent);font-family:var(--font-mono);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.68rem;font-weight:700;display:inline-flex}.ai-workflow-steps strong{color:var(--color-text);font-family:var(--font-mono);letter-spacing:.035em;text-transform:uppercase;margin-bottom:.25rem;font-size:.7rem;font-weight:700;display:block}.ai-workflow-steps p{color:var(--color-text-muted);font-size:.8rem;line-height:1.45}.ai-workflow-prompt{border-left:1px solid var(--color-border);background:var(--color-code-bg);min-width:0;overflow:hidden}.ai-workflow-prompt-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.ai-workflow-prompt-head>div{gap:.1rem;display:grid}.ai-workflow-prompt-head strong{font-size:var(--font-size-sm)}.ai-workflow-copy{align-items:center;gap:var(--space-2);min-height:2.25rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;flex:none;font-size:.75rem;font-weight:600;display:inline-flex}.ai-workflow-copy:hover{border-color:var(--color-accent);color:var(--color-accent)}.ai-workflow-copy:focus-visible{outline:var(--focus-ring);outline-offset:2px}.ai-workflow-copy.is-copied{color:var(--color-accent)}.ai-workflow-copy.is-error{color:#f97066}.ai-workflow-copy svg{width:.9rem;height:.9rem;display:block}.ai-workflow-prompt p{max-height:13rem;padding:var(--space-4);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.72rem;line-height:1.55;overflow:auto}.int-snippet{margin-bottom:var(--space-4)}.int-snippet .astro-code{border:1px solid var(--color-border);border-radius:var(--radius-inner);padding:var(--space-4);font-size:var(--font-size-sm);line-height:1.7;overflow-x:auto;background:var(--color-code-bg)!important}.int-snippet .astro-code,.int-snippet .astro-code span{color:var(--shiki-light)}:root[data-theme=dark] .int-snippet .astro-code,:root[data-theme=dark] .int-snippet .astro-code span{color:var(--shiki-dark)}@media (width<=720px){.scenario-grid{grid-template-columns:1fr}.int-code{white-space:normal;word-break:break-all}.ai-workflow-tabs{scroll-snap-type:x proximity;display:flex;overflow-x:auto}.ai-workflow-tab{scroll-snap-align:start;min-width:min(16rem,78vw)}.ai-workflow-panel,.ai-workflow-steps{grid-template-columns:1fr}.ai-workflow-prompt{border-top:1px solid var(--color-border);border-left:0}}@media (width>=721px) and (width<=900px){.ai-workflow-panel{grid-template-columns:1fr}.ai-workflow-prompt{border-top:1px solid var(--color-border);border-left:0}}