/* The /agents page's own rules (2026-11-03), linked after web/ship.css,
   web/guide.css and web/reference.css by web/agents.html alone. Each rule is
   under .agents-page, so none of it can reach another page. The layout is
   the reference's (web/reference.css, components/ApiReference). */

/* The hero's cards (endpoint, protocol, limit) run under its words and
   photograph, the whole width of the hero. */
.agents-page .plate > .hosts { grid-column: 1 / -1; grid-row: 2; }

/* The cards on the page's own words: lists and steps take the card's width. */
.agents-page .card .points li, .agents-page .card .steps li { overflow-wrap: anywhere; }
.agents-page .card h3 { margin-top: var(--space-4); }
.agents-page .facts dd .points { margin: 0; }

/* Try it, inside each tool's card: the example in its field and Try beside
   it, each at least a finger tall; the sentence, the request and the
   answer then stand where the trimmed answer stood, each code box scrolling
   sideways inside itself, the card growing to hold a long answer. */
.agents-page .try-form { display: grid; gap: var(--space-1); }
.agents-page .try-form[hidden] { display: none; }
.agents-page .try-form label { font: var(--type-popout-label); color: var(--sub); }
.agents-page .try-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-3); }
.agents-page .try-form input { min-width: 0; min-height: var(--action-height); width: 100%; padding: 0 var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-small); background: var(--card); color: var(--text); font: var(--type-page-body); }
.agents-page .try-form input:focus-visible { outline: 2px solid var(--link); outline-offset: 2px; }
.agents-page .try-go { margin: 0; min-height: var(--action-height); }
.agents-page .try-go:disabled { opacity: 0.6; cursor: progress; }
.agents-page .answer-static > *, .agents-page .try-out > * { margin-block: 0; }
.agents-page .answer-static > * + *, .agents-page .try-out > * + * { margin-top: var(--space-3); }
.agents-page .answer-static[hidden], .agents-page .try-out[hidden] { display: none; }
.agents-page .try-said { font: var(--type-page-strong); color: var(--text); overflow-wrap: anywhere; }
.agents-page .try-time { font: var(--type-page-caption); color: var(--sub); }
.agents-page .try-time:empty { display: none; }