.guide-page{padding-block:35px 90px}.guide-header{max-width:800px;padding-block:35px 55px}.guide-header h1{letter-spacing:-.06em;margin:18px 0 24px;font-size:clamp(2.5rem,5vw,4rem);font-weight:900}.guide-header>p:not(.eyebrow){color:var(--muted);font-size:1rem}.guide-header .button{margin-top:28px}.guide-content .button{margin-top:20px}.guide-grid{grid-template-columns:250px minmax(0,1fr);gap:72px;display:grid}.guide-index{border-top:1px solid var(--line);align-self:start;padding-top:20px;position:sticky;top:108px}.guide-index>p{color:var(--muted);margin-bottom:14px}.guide-index a{align-items:center;gap:12px;min-height:44px;font-size:.8rem;display:flex}.guide-index a:hover{color:var(--blue)}.guide-index a>span{color:var(--blue);font-size:.7rem}.guide-content section{border-top:1px solid var(--line);padding-block:30px 40px}.guide-content h2{letter-spacing:-.035em;margin:10px 0 20px;font-size:1.7rem;font-weight:800;line-height:1.3}.guide-content p{font-size:.95rem}.guide-content .eyebrow{color:var(--blue);font-size:.75rem}.guide-content ul{color:var(--muted);margin:14px 0 0;padding-left:1.2em;font-size:.95rem}.guide-content .guide-links{justify-items:start;gap:10px;margin-top:18px;display:grid}.guide-content .guide-note{border:var(--border-bold);box-shadow:var(--shadow-hard-sm);background:var(--blue-soft);color:var(--muted);border-radius:12px;margin-top:18px;padding:18px 20px;font-size:.85rem}.guide-list{gap:22px;margin:0;display:grid}.guide-list dt{font-size:.9rem;font-weight:600}.guide-list dd{color:var(--muted);margin:6px 0 0;font-size:.9rem}.guide-boundary>p{color:var(--muted)}.guide-boundary .text-link{margin-top:20px}@media (width<=900px){.guide-grid{grid-template-columns:200px minmax(0,1fr);gap:40px}}@media (width<=600px){.guide-page{padding-block:25px 60px}.guide-header{padding-block:25px 35px}.guide-header h1{font-size:2.5rem}.guide-grid{grid-template-columns:1fr;gap:24px}.guide-index{position:static}.guide-content h2{font-size:1.55rem}}.guide-checklist{gap:10px;margin:0;padding-left:1.2em;font-size:.95rem;display:grid}.guide-steps{gap:22px;margin:20px 0 0;padding-left:1.4em;display:grid}.guide-steps li::marker{color:var(--blue);font-weight:650}.guide-steps p{margin:0}.guide-code{border:1px solid var(--line);background:var(--paper);border-radius:6px;margin:10px 0 0;padding:12px 14px;font-size:.85rem;overflow-x:auto}.guide-code code{user-select:all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.guide-mock{max-width:520px;margin:14px 0 0}.guide-mock figcaption{color:var(--muted);margin-top:8px;font-size:.75rem}.mock-window{border:1px solid var(--line);background:var(--surface-quiet);box-shadow:0 8px 20px color-mix(in srgb, var(--ink) 6%, transparent);border-radius:10px;font-size:.8rem;overflow:hidden}.mock-bar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:6px;padding:8px 12px;display:flex}.mock-bar i{background:var(--line);border-radius:50%;width:8px;height:8px}.mock-bar span{color:var(--muted);margin-left:8px;font-size:.72rem;font-weight:600}.mock-dialog{border:1px solid var(--line);background:#fff;border-radius:8px;margin:18px;padding:16px}.mock-title{margin:0 0 12px;font-size:.85rem;font-weight:650}.mock-field{gap:4px;margin-bottom:10px;display:grid}.mock-field span{color:var(--muted);font-size:.7rem}.mock-field b{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:5px;padding:7px 9px;font-weight:500}.mock-field b.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.mock-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.mock-actions em,.mock-actions s{border-radius:5px;padding:6px 14px;font-style:normal;font-weight:600;text-decoration:none}.mock-actions em{background:var(--blue);color:#fff}.mock-actions s{border:1px solid var(--line)}.mock-consent ul{color:var(--muted);margin:0 0 8px;padding-left:1.2em}.mock-brand{letter-spacing:-.05em;align-items:center;margin:0 0 10px;font-size:1.05rem;font-weight:750;display:flex}.mock-brand .brand-mark{width:20px;height:20px;margin-right:6px}.mock-chat{gap:10px;padding:16px;display:grid}.mock-bubble{border-radius:10px;max-width:85%;margin:0;padding:8px 12px}.mock-user{background:var(--blue-soft);justify-self:end}.mock-tool{border:1px dashed var(--blue-line);color:var(--blue);background:#fff;justify-self:start;font-size:.75rem}.mock-composer{border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:6px;padding:10px}.mock-chip{border:2px solid var(--ink);background:var(--white);border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-block}.guide-badge{border:2px solid var(--ink);background:var(--white);vertical-align:middle;letter-spacing:.02em;border-radius:4px;margin-left:12px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.guide-clients{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px;display:grid}.guide-clients a{border:var(--border-bold);box-shadow:var(--shadow-hard-sm);background:var(--white);border-radius:12px;gap:6px;padding:18px 20px;display:grid}.guide-clients a:hover{border-color:var(--blue)}.guide-clients strong{font-size:1rem}.guide-clients span{color:var(--muted);font-size:.85rem}.guide-cli{margin-top:32px}.guide-cli h3{margin:0 0 6px;font-size:1.2rem;font-weight:600}.guide-cli p{color:var(--muted);margin:0 0 10px}.guide-cli ul{gap:6px;margin:0;padding-left:1.2rem;display:grid}.guide-hub{padding-block:10px 50px}.guide-hub h2{letter-spacing:-.025em;margin:0 0 8px;font-size:1.7rem;font-weight:600}.guide-hub>p{color:var(--muted)}.guide-api{color:var(--muted,inherit);margin:.5rem 0 0;font-size:.9rem}.guide-api code{background:#7f7f7f24;border-radius:4px;margin-left:.4rem;padding:.1rem .4rem;font-size:.85em}.guide-api-note{opacity:.8;margin:0 0 1.5rem;font-size:.9rem}
