/* Programmatic access page (/?view=api). */
.api-page h2 { font-size: 18px; font-weight: 600; border-bottom: 1px solid var(--line); padding-bottom: 4px; margin: 24px 0 8px; }
.api-endpoint { border-bottom: 1px solid var(--line-soft); padding: 10px 0; }
.api-endpoint h3 { font-size: 15px; font-weight: 600; margin: 0 0 4px; font-family: var(--mono); overflow-wrap: anywhere; }
.api-endpoint p { margin: 4px 0; }
.api-endpoint table { width: 100%; border-collapse: collapse; font-size: 13px; margin: 6px 0; }
.api-endpoint th, .api-endpoint td { text-align: left; padding: 4px 8px; border-bottom: 1px solid var(--line-soft); vertical-align: top; }
.api-endpoint th { background: var(--surface-soft); font-weight: 600; }
.api-endpoint code, .api-endpoint pre { font-family: var(--mono); font-size: 12.5px; overflow-wrap: anywhere; }
.api-example { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.api-example code { flex: 1 1 260px; min-width: 0; }
.api-example button { border: 1px solid var(--line); background: var(--surface); color: var(--teal); border-radius: var(--radius); padding: 2px 10px; cursor: pointer; }
.api-output { max-height: 320px; overflow: auto; background: var(--surface-soft); border: 1px solid var(--line); padding: 8px; white-space: pre-wrap; margin: 6px 0 0; }
.api-notes li { margin: 2px 0; }
@media (max-width: 900px) { .api-endpoint table { display: block; overflow-x: auto; } }