/* Developer API docs and key pages (1 Nov 2026). */
.api-doc pre { background: var(--soft); border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px;
  overflow-x: auto; font-family: var(--mono); font-size: .86rem; line-height: 1.5; margin: 10px 0 16px; }
.api-doc pre code { background: none; padding: 0; font-size: inherit; white-space: pre; }
.api-doc code { font-family: var(--mono); font-size: .9em; background: var(--soft); padding: 1px 5px; border-radius: 5px; }
.api-doc h2 { margin-top: 34px; scroll-margin-top: 16px; }
.api-toc { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 14px 0 6px; font-size: .95rem; }
.api-key-box { border: 1px solid var(--line); border-radius: 14px; padding: 4px 18px 10px; margin-top: 22px; background: #fff; }
.api-key-box h2 { margin-top: 14px; }
.api-key-form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 12px; margin: 10px 0 12px; }
.api-key-form .field { flex: 1 1 260px; display: grid; gap: 4px; }
.api-key-form input[type=email], .api-key-form input[type=text] { width: 100%; box-sizing: border-box; }
.api-table td, .api-table th { vertical-align: top; }
.api-table td:first-child { white-space: nowrap; }
.api-new-key { border: 2px solid #16A34A; border-radius: 12px; padding: 4px 16px 6px; margin: 16px 0; background: #F0FDF4; }
.api-key-value code { white-space: pre-wrap; word-break: break-all; font-size: 1rem; }
@media (max-width: 600px) {
  .api-doc pre { font-size: .78rem; padding: 12px; }
  .api-table td:first-child { white-space: normal; }
}