.api-page { max-width: 940px; padding-bottom: 30px; }
.api-page .intro { max-width: 820px; }
.api-card { background: var(--white); border: 1px solid var(--line); padding: 28px; margin: 24px 0; }
.api-card h2 { margin-top: 0; }
.api-card .field-block { margin: 20px 0; }
.api-card label { display: block; margin-bottom: 8px; }
.api-card button { margin: 6px 6px 6px 0; }
.api-card pre { overflow: auto; background: var(--paper); padding: 18px; font-size: 13px; line-height: 1.6; }
.api-card ol { padding-left: 22px; line-height: 1.7; }
.api-card li + li { margin-top: 8px; }
#api-message.is-error { color: var(--error); }
#api-agent-prompt { white-space: pre-wrap; overflow-wrap: anywhere; }
#api-token { font-family: ui-monospace, monospace; }
@media (max-width: 600px) { .api-card { padding: 18px; } }