/* iPip's pages for AI agents: /ai, /agents, /api and /mcp (functions/_agents.js). The doc, prose and glass parts come
   from site.css and cleanup.css, so light, dark and the kit theme follow the same tokens as every page. */
.ai-page{display:grid;gap:16px}
.ai-page .prose{margin:0}
.ai-doc pre.ai-code,.ai-page pre.ai-code{margin:10px 0 14px;padding:12px 14px;max-width:100%;overflow-x:auto;border:1.5px solid var(--ink);border-radius:10px;background:var(--box);color:var(--ink);font:500 13px/1.5 ui-monospace,Menlo,Consolas,monospace;white-space:pre}
.ai-doc pre.ai-code code{font:inherit;background:none;padding:0}
.ai-doc code{font:500 .92em ui-monospace,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.ai-doc .tablewrap{max-width:100%;overflow-x:auto}
.ai-turn{display:grid;gap:6px;padding:12px 0;border-top:1px solid var(--line,var(--box2))}
.ai-turn:first-of-type{border-top:0}
.ai-you{justify-self:end;margin:0!important;padding:8px 12px;border-radius:14px 14px 4px 14px;background:var(--ink);color:var(--paper);font-weight:600;max-width:85%}
.ai-used{margin:0!important;font:400 12px/1.3 var(--pixel,ui-monospace,monospace);color:var(--mute);text-transform:lowercase}
.ai-says{display:grid;gap:6px}
.ai-says>p{margin:0!important}
.ai-doc a.ai-row,.ai-doc a.ai-row b{text-decoration:none}
.ai-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:6px 8px;border-radius:10px;background:var(--box);color:var(--ink);text-decoration:none}
.ai-row:hover{background:var(--box2)}
.ai-ico{width:28px;height:28px;border-radius:7px;object-fit:cover}
.ai-letter{display:grid;place-items:center;background:var(--paper);border:1px solid var(--ink);font-weight:700}
.ai-rowt{display:grid;min-width:0}
.ai-rowt b,.ai-rowt span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ai-rowt span{font-size:13px;color:var(--mute)}
.ai-row em{font-style:normal;font-size:12px;font-weight:700;white-space:nowrap}
.ai-aside{font-size:13.5px!important;color:var(--mute)}
.ai-setup{border-top:1px solid var(--line,var(--box2));padding:8px 0}
.ai-setup>summary{cursor:pointer;font-weight:700;min-height:32px;display:flex;align-items:center}
.ai-setup ol{padding-left:22px}
@media (max-width:560px){.ai-doc pre.ai-code{font-size:12px}.ai-you{max-width:100%}}