.guide-main{max-width:1180px}.guide-sidebar nav a:first-child{color:var(--muted);background:transparent}.guide-sidebar nav a[aria-current=page]{color:var(--blue);background:var(--blue-soft)}.guide-nav-label{margin-top:28px}.guide-chapters a{font-size:11px!important}.guide-chapters a>span{font:9px var(--mono);color:var(--muted);opacity:.8}.guide-breadcrumb{display:flex;align-items:center;gap:9px;padding-top:24px;font-size:11px}.guide-breadcrumb,.guide-breadcrumb a{color:var(--muted)}.guide-breadcrumb a:hover{color:var(--blue)}.guide-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);align-items:center;gap:28px;padding:32px 0 48px}.guide-hero-copy{min-width:0}.guide-artwork{display:block;width:100%;height:auto;object-fit:contain}.guide-hero-visual{min-width:0;padding-block:14px}.artwork-overline{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:var(--muted);font:8px var(--mono);letter-spacing:1.1px;padding-right:6%}.artwork-overline>span{width:5px;height:5px;border-radius:50%;background:var(--blue)}.guide-hero-visual .guide-artwork{margin-block:12px 16px}.artwork-caption{display:flex;align-items:center;justify-content:center;gap:24px;font-size:10px;color:var(--muted)}.artwork-caption>span+span:before{content:"/";color:var(--blue-line);margin-right:24px}.guide-hero .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:18px}.guide-hero h1{max-width:720px;font-size:clamp(29px,3vw,40px);line-height:1.18;letter-spacing:-1.3px}.guide-lead{margin-top:20px;font-size:14px;line-height:1.8;color:var(--muted);max-width:45ch}.guide-desktop-break{display:none}.guide-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:26px}.guide-inline-link{display:inline-flex;align-items:center;gap:8px;min-height:32px;font-size:12px}.guide-hero-note{display:flex;align-items:center;gap:7px;margin-top:22px;font-size:11px;color:var(--muted)}.guide-hero-note svg{color:var(--blue)}.guide-section{padding:40px 0 44px;border-top:1px solid var(--line)}.guide-section-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:26px}.guide-section-number{color:var(--blue);font:10px/1.5 var(--mono);padding-top:7px}.guide-section-heading h2{font-size:21px;font-weight:600;letter-spacing:-.45px}.guide-section-heading p{color:var(--muted);font-size:13px;line-height:1.75;max-width:76ch;margin-top:9px}.guide-main figure{margin:0}.guide-main figcaption{font-size:11px;line-height:1.7;color:var(--muted)}.connection-diagram{border:1px solid var(--line);border-radius:8px;background:var(--sunken);padding:26px 24px 18px}.connection-diagram-flow{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);gap:18px;align-items:center}.diagram-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px 10px;min-height:132px;background:white;border:1px solid var(--line);border-radius:6px;text-align:center}.diagram-node>svg{color:var(--muted)}.diagram-node>strong{margin-top:4px;font-size:13px;font-weight:500}.diagram-node>span{font-size:11px;color:var(--muted)}.diagram-node-mcp{border-color:var(--blue-line);background:#f7faff}.diagram-clients{display:flex;align-items:center;gap:10px;height:30px}.diagram-arrow{color:#8797ac;justify-self:center}.connection-diagram figcaption{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:18px;text-align:center}.guide-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.guide-modes article{display:flex;flex-direction:column;align-items:stretch;gap:18px;min-width:0}.guide-modes .guide-artwork{height:176px;width:100%}.guide-mode-copy{padding:18px 0 4px;border-top:1px solid var(--line)}.guide-modes h3{display:flex;align-items:center;gap:10px;font-size:16px}.guide-modes h3>span{font:10px var(--mono);color:var(--blue)}.guide-modes p{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.8}.guide-mode-copy>span{display:block;font-size:10px;color:var(--blue);margin-top:12px}.guide-side-note{margin-top:24px;color:var(--muted);font-size:11px;line-height:1.7}.capability-area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.capability-area{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:start;padding:24px 20px;border:1px solid var(--line);border-radius:7px;transition:border-color .16s}.capability-area:hover{border-color:var(--blue-line)}.capability-area>.feature-icon{margin-top:1px;transition:transform .18s}@media (hover:hover) and (prefers-reduced-motion:no-preference){.capability-area:hover>.feature-icon{transform:translateY(-2px)}}.capability-area-title{display:flex;align-items:center;gap:10px}.capability-area-title>svg{color:var(--blue)}.capability-area h3{font-size:14px}.capability-area-copy>p{margin:9px 0 10px;font-size:12px;line-height:1.75;color:var(--muted)}.capability-area details{margin-left:0}.capability-area summary,.example-card summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;width:fit-content;min-height:24px;font-size:11px;color:var(--muted)}.capability-area summary:hover,.example-card summary:hover{color:var(--blue)}.capability-area details[open] summary>svg,.example-card details[open] summary>svg{transform:rotate(180deg)}.capability-area ul{margin:9px 0 0;padding-left:16px;font-size:12px;line-height:1.75;color:var(--muted)}.capability-area li+li{margin-top:5px}.relationship-diagram{padding:22px 24px;border:1px solid var(--line);border-radius:6px}.guide-main .relationship-diagram{margin-top:28px}.relationship-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px}.relationship-heading>svg{color:var(--blue)}.relationship-heading strong{font-size:12px;font-weight:500}.relationship-heading>span{margin-left:auto;font-size:10px;color:var(--muted)}.relationship-flow{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr);gap:12px;align-items:center}.relationship-flow>span{display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;padding:14px 8px;border:1px solid var(--blue-line);background:white;border-radius:var(--radius);font-size:12px}.relationship-flow>span>svg{color:var(--blue)}.relationship-flow>svg{color:#8797ac}.relationship-diagram figcaption{margin-top:16px}.example-library-note{display:flex;align-items:center;gap:14px;margin-bottom:22px;color:var(--muted);font-size:12px;line-height:1.75}.example-category{display:inline-flex;align-items:center;gap:7px}.example-library-note>svg{color:var(--blue);margin-top:3px}.example-library-note p>span{color:var(--text)}.example-filters{position:sticky;top:calc(var(--header) + 8px);z-index:5;display:flex;align-items:stretch;gap:8px;padding:10px;border:1px solid var(--line);border-radius:6px;background:white}.example-search{display:flex;align-items:center;gap:8px;flex:1 1;min-width:160px;padding-inline:10px;background:var(--sunken);border:1px solid var(--line);border-radius:4px;color:var(--muted)}.example-search:focus-within{outline:2px solid var(--blue);outline-offset:2px}.example-search input{width:100%;min-width:0;height:36px;border:0;outline:none;background:transparent;color:var(--text);font:inherit;font-size:12px}.example-search input::placeholder{color:var(--muted);opacity:1}.example-select{position:relative;display:flex;min-width:0}.example-select select{max-width:205px;appearance:none;padding:8px 30px 8px 10px;border:1px solid var(--line);border-radius:4px;background:white;font:inherit;font-size:11px;color:var(--text);cursor:pointer}.example-select>svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted)}.example-select select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.example-results{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;font-size:11px;color:var(--muted)}.guide-text-button{display:inline-flex;gap:4px;align-items:center;min-height:28px;padding:4px;color:var(--blue);font-size:11px}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.example-card{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid var(--line);border-radius:6px}.example-card:hover{border-color:var(--blue-line)}.example-card-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:10px}.example-card-meta,.example-mode{align-items:center;color:var(--muted)}.example-mode{display:inline-flex;gap:4px;padding:2px 6px;border:1px solid var(--line);background:var(--sunken);border-radius:3px;font-size:9px;white-space:nowrap}.example-mode-write{color:var(--blue);border-color:var(--blue-line);background:#f7faff}.example-card h3{font-size:15px;letter-spacing:-.2px;line-height:1.45}.example-prompt{flex:1 1;margin-block:12px 22px;font-size:13px;color:var(--muted);line-height:1.8}.example-card-bottom{display:flex;align-items:flex-start;gap:10px;justify-content:space-between;border-top:1px solid var(--line-soft);padding-top:12px}.example-card-bottom details{flex:1 1;min-width:0}.example-card-bottom details>p{margin-top:8px;font-size:11px;line-height:1.75;color:var(--muted)}.example-card .copy-button,.recipe-example .copy-button{color:var(--blue);font-size:11px}.example-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 16px;border:1px dashed var(--line);border-radius:6px;text-align:center;color:var(--muted)}.example-empty h3{color:var(--text);font-size:15px}.example-empty p{font-size:12px}.guide-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 13px;border:1px solid var(--line);border-radius:var(--radius);font-size:12px;background:white}.guide-secondary-button:hover{border-color:var(--blue-line);background:var(--sunken);color:var(--blue)}.example-more{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;margin-top:24px}.example-more>span{color:var(--muted);font-size:10px}.workflow-choices{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:16px;border-bottom:1px solid var(--line)}.workflow-choices button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:8px 12px;font-size:12px;border:1px solid transparent;border-radius:var(--radius);color:var(--muted)}.workflow-choices button:hover{background:var(--sunken);color:var(--blue)}.workflow-choices button[aria-pressed=true]{border-color:var(--blue-line);background:var(--blue-soft);color:var(--blue)}.workflow-intro{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-block:20px 28px;font-size:12px;color:var(--muted)}.workflow-content{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:32px;align-items:start}.workflow-steps{list-style:none;padding:0;margin:0;display:grid;gap:28px}.workflow-steps>li{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px}.workflow-steps>li:not(:last-child):before{content:"";position:absolute;left:12px;top:26px;bottom:-28px;width:1px;background:var(--line)}.workflow-step-number{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--blue-line);border-radius:50%;color:var(--blue);background:#f7faff;font:10px var(--mono)}.workflow-steps h3{font-size:14px;padding-top:2px}.workflow-steps h3+p{color:var(--muted);font-size:12px;margin-top:5px;line-height:1.7}.workflow-prompt{margin-top:12px;padding:14px;background:var(--sunken);border:1px solid var(--line-soft);border-radius:5px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.workflow-prompt>p{font-size:12px;line-height:1.8;color:var(--muted)}.workflow-prompt .copy-control{align-self:flex-end}.workflow-deliverable{padding:24px;border:1px solid var(--blue-line);border-radius:6px;background:white}.workflow-deliverable>.guide-artwork{width:100%;max-height:210px;margin-bottom:24px}.guide-kicker{display:block;color:var(--muted);font-size:9px;letter-spacing:.8px;font-weight:500}.workflow-deliverable h3{font-size:18px;line-height:1.45;margin-top:8px;letter-spacing:-.3px}.workflow-deliverable ul{list-style:none;display:grid;gap:12px;margin:20px 0;padding:0}.workflow-deliverable li{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.7}.workflow-deliverable li>svg{color:var(--blue);margin-top:3px}.workflow-deliverable>p{font-size:11px;line-height:1.8;color:var(--muted);border-top:1px solid var(--blue-line);padding-top:14px}.prompt-recipe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:6px}.prompt-recipe>div{padding:20px 16px}.prompt-recipe>div+div{border-left:1px solid var(--line)}.prompt-recipe span{font:9px var(--mono);color:var(--blue)}.prompt-recipe strong{display:block;margin-top:12px;font-size:12px;font-weight:500}.prompt-recipe p{color:var(--muted);font-size:11px;line-height:1.75;margin-top:6px}.recipe-example{display:flex;flex-direction:column;gap:12px;margin-top:18px;padding:18px 20px;border-left:2px solid var(--blue);background:#f7faff}.recipe-example>p{font-size:13px;line-height:1.8;color:var(--text)}.recipe-example .copy-control{align-self:flex-end}.prompt-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin-top:26px}.prompt-tips>div{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.8;color:var(--muted)}.prompt-tips svg{color:var(--blue);margin-top:4px}.prompt-tips strong{color:var(--text);font-weight:500}.guide-boundaries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}.guide-boundaries article{display:flex;align-items:flex-start;gap:12px}.guide-boundaries article>svg{color:var(--blue);margin-top:3px}.guide-boundaries h3{font-size:13px}.guide-boundaries p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:8px}.guide-access-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line-soft)}.guide-access-links a{display:inline-flex;align-items:center;gap:5px;font-size:11px;min-height:24px}.guide-closing{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0 38px;border-block:1px solid var(--line)}.guide-closing>div{flex:1 1}.guide-closing h2{font-size:20px;letter-spacing:-.4px}.guide-closing p{margin-top:8px;color:var(--muted);font-size:12px}.guide-closing .primary-link{flex-shrink:0}@media (max-width:1200px){.example-filters{flex-wrap:wrap}.example-search{flex-basis:100%}.example-select{flex:1 1}.example-select select{width:100%;max-width:none}.workflow-content{gap:24px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.workflow-deliverable{padding:20px}}@media (max-width:1000px){.guide-hero h1{font-size:clamp(29px,3.8vw,36px)}.example-filters{flex-wrap:nowrap}.example-search{flex-basis:auto}.example-select{flex:0 1 auto}}@media (max-width:760px){.guide-hero{grid-template-columns:1fr;gap:24px}.guide-hero-visual{width:min(100%,480px);justify-self:center;padding:0}.guide-section{padding-block:30px 34px}.guide-section-heading{gap:10px}.guide-section-heading h2{font-size:19px}.guide-modes{grid-template-columns:1fr;gap:20px}.guide-modes article{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:center;border-top:1px solid var(--line-soft);padding-top:16px}.guide-modes .guide-artwork{height:auto}.guide-mode-copy{border:0;padding:0}.connection-diagram{padding:18px 14px}.connection-diagram-flow{gap:10px}.diagram-node{min-height:132px;padding:16px 8px}.diagram-node>strong{font-size:12px}.diagram-node>span{font-size:10px}.diagram-clients{gap:6px}.diagram-clients img{width:18px;height:18px}.capability-area-grid{gap:12px}.capability-area{grid-template-columns:1fr;gap:14px;padding:20px}.relationship-diagram{padding:18px}.relationship-flow{gap:6px}.relationship-flow>span{font-size:11px;flex-direction:column;gap:6px}.example-filters{position:static;flex-wrap:wrap}.example-search{flex-basis:100%}.example-select{flex:1 1}.example-grid,.workflow-content{grid-template-columns:1fr}.workflow-deliverable{margin-left:40px}.prompt-recipe{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-recipe>div:nth-child(3){border-left:0}.prompt-recipe>div:nth-child(n+3){border-top:1px solid var(--line)}.guide-boundaries,.prompt-tips{grid-template-columns:1fr}.guide-closing{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.guide-hero{padding-block:28px 34px}.guide-hero h1{font-size:30px;letter-spacing:-.8px}.guide-lead{font-size:14px}.guide-desktop-break{display:none}.guide-hero-note{align-items:flex-start;line-height:1.7}.guide-hero-note>svg{margin-top:3px}.connection-diagram-flow{grid-template-columns:1fr;gap:10px}.diagram-node{min-height:0;width:100%;padding:16px}.diagram-arrow{transform:rotate(90deg)}.connection-diagram figcaption{align-items:flex-start;text-align:left}.connection-diagram figcaption>svg{margin-top:3px}.capability-area-grid{grid-template-columns:1fr}.capability-area{grid-template-columns:48px minmax(0,1fr)}.capability-area>.feature-icon{width:48px;height:48px}.guide-modes article{grid-template-columns:88px minmax(0,1fr);gap:14px}.relationship-heading>span{margin-left:24px;flex-basis:100%}.relationship-flow{grid-template-columns:1fr;justify-items:center;gap:8px}.relationship-flow>span{width:100%;flex-direction:row}.relationship-flow>svg{transform:rotate(90deg)}.example-card{padding:18px}.example-select{flex-basis:100%}.workflow-choices{gap:4px}.workflow-choices button{padding-inline:10px;font-size:11px}.workflow-steps>li{gap:10px}.workflow-deliverable{margin-left:36px}.guide-hero-visual .guide-artwork{margin-block:8px 12px}.artwork-overline{display:none}}@media (pointer:coarse){.example-search input,.example-select select,.guide-inline-link,.guide-main .copy-button,.guide-main summary,.guide-secondary-button,.guide-text-button,.workflow-choices button{min-height:44px}}@media screen and (max-width:960px){.capability-area ul,.capability-area-copy>p,.example-prompt,.guide-boundaries p,.guide-closing p,.guide-lead,.guide-modes p,.guide-section-heading p,.prompt-tips>div,.recipe-example>p,.workflow-deliverable li,.workflow-prompt>p,.workflow-steps h3+p{font-size:15px;line-height:1.7}.capability-area h3,.guide-boundaries h3,.workflow-steps h3{font-size:15px}.capability-area summary,.diagram-node>span,.example-card summary,.example-card-bottom details>p,.example-empty p,.example-library-note,.example-results,.guide-hero-note,.guide-main figcaption,.guide-mode-copy>span,.guide-side-note,.prompt-recipe p,.workflow-deliverable>p,.workflow-intro{font-size:13px}.diagram-node>strong,.prompt-recipe strong,.relationship-flow>span,.relationship-heading strong{font-size:14px}.example-card-meta,.example-mode,.example-more>span,.guide-kicker,.relationship-heading>span{font-size:12px}.guide-access-links a,.guide-inline-link,.guide-secondary-button,.guide-text-button,.workflow-choices button{font-size:14px}.example-search input,.example-select select,.guide-access-links a,.guide-inline-link,.guide-main .copy-button,.guide-main summary,.guide-secondary-button,.guide-text-button,.workflow-choices button{min-height:44px}.example-search input,.example-select select{font-size:16px}.example-card .copy-button,.recipe-example .copy-button{font-size:12px}.example-prompt,.guide-side-note,.recipe-example>p,.workflow-prompt>p{overflow-wrap:anywhere}.example-card-bottom{flex-wrap:wrap}.example-card-bottom details{flex-basis:160px}.example-card-bottom>.copy-control{margin-left:auto}}@media screen and (max-width:760px){.capability-area-grid,.connection-diagram-flow{grid-template-columns:1fr}.diagram-node{min-height:0}.diagram-arrow{transform:rotate(90deg)}.relationship-flow{grid-template-columns:1fr;justify-items:center;gap:8px}.relationship-flow>span{width:100%;flex-direction:row}.relationship-flow>svg{transform:rotate(90deg)}.workflow-deliverable{margin-left:0}}@media print{.example-filters,.example-more,.guide-main .copy-control,.guide-sidebar,.guide-workspace>.mobile-navigation{display:none}.guide-workspace{margin-left:0}.guide-main{max-width:none;padding:0}.guide-hero{padding-top:20px}.guide-section{page-break-inside:auto;break-inside:auto}.capability-area,.example-card,.guide-boundaries article{page-break-inside:avoid;break-inside:avoid}}