.agent-section{padding:4rem 0;border-top:1px solid #d9d8d0}.agent-section>p{max-width:80ch}.agent-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;margin:2rem 0}.agent-chat,.agent-run{background:#f5f4ef;padding:1.5rem;border:1px solid #dddcd4;border-radius:8px}.agent-grid form{display:grid;gap:.65rem}.agent-grid label{font-weight:600;font-size:.9rem}.agent-grid textarea,.agent-grid input,.agent-grid select{width:100%;font:inherit;padding:.7rem;border:1px solid #aaa;border-radius:4px;background:#fff;color:#202c35;box-sizing:border-box}.agent-grid button{cursor:pointer}.agent-grid button:disabled{opacity:.55;cursor:wait}.agent-turn,.agent-record{margin-top:1.25rem;padding-top:1rem;border-top:1px solid #d9d8d0}.agent-user{font-weight:600}.agent-answer{white-space:pre-wrap}.agent-record pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:25rem;overflow:auto;font-size:.75rem}.agent-record summary{cursor:pointer}.agent-grid .primary-link{display:inline-block;border:0;width:fit-content}.agent-grid input:focus,.agent-grid textarea:focus,.agent-grid select:focus{outline:2px solid #a86634;outline-offset:2px}@media(max-width:760px){.agent-grid{grid-template-columns:1fr}.agent-chat,.agent-run{padding:1rem}}
.agent-grid{grid-template-columns:minmax(0,1fr)}
.agent-examples{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.agent-examples button{font:inherit;font-size:.85rem;border:1px solid #d9d8d0;background:#fff;border-radius:5px;padding:.5rem .7rem;color:inherit;text-align:left}.agent-record table{width:100%;border-collapse:collapse;font-size:.85rem;margin:.8rem 0}.agent-record th,.agent-record td{text-align:left;padding:.5rem;border-bottom:1px solid #d9d8d0}.agent-table-wrap{overflow-x:auto}
