/* v91 Settings, Developer: the free buyer API (next-v91-api.js). Tokens only (DESIGN-V89.md section 2); unlayered, after next-v89*.css. */
.v91-dev > .card + .card { margin-top: var(--s-6); }
.v91-lead { margin: 0 0 var(--s-4); font: var(--t-body); color: var(--gray-700); max-width: 80ch; }
.v91-p { margin: 0 0 var(--s-3); font: var(--t-small); color: var(--gray-700); max-width: 80ch; }
.v91-opts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); }
.v91-opt { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-2); min-width: 0; padding: var(--s-4); border-radius: var(--r-ctl); background: var(--gray-50); }
.v91-opt-h { display: flex; align-items: center; gap: var(--s-2); min-height: 24px; }
.v91-opt-h b { font: var(--t-heading); letter-spacing: var(--t-heading-track, -0.01em); color: var(--gray-900); }
.v91-opt p { margin: 0 0 var(--s-1); font: var(--t-small); color: var(--gray-700); }
.v91-opt .btn { margin-top: auto; }
.v91-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4) var(--s-6); margin: var(--s-5) 0 0; padding: var(--s-4) 0 0; border-top: 1px solid var(--gray-100); }
.v91-facts > div { min-width: 0; }
.v91-facts dt { font: var(--t-label); color: var(--gray-500); margin: 0 0 var(--s-1); }
.v91-facts dd { margin: 0; font: var(--t-small); color: var(--gray-700); display: flex; flex-direction: column; gap: var(--s-1); }
.v91-facts dd .v89-check { font: var(--t-small); }
.v91-links { display: flex; flex-wrap: wrap; gap: var(--s-2); margin-top: var(--s-4); }
.v91-links:empty { display: none; }
.v91-url { overflow-wrap: anywhere; }
table.v91-keys td .l2 .v89-mono, table.v91-keys td .v89-mono { font: var(--t-small); font-family: var(--mono, ui-monospace, "SF Mono", monospace); }
table.v91-keys td:nth-child(5) .l2 { display: block; }
.v91-pre { margin: var(--s-2) 0 0; padding: var(--s-3); border-radius: var(--r-ctl); background: var(--gray-50); font: var(--t-small); font-family: var(--mono, ui-monospace, "SF Mono", monospace); color: var(--gray-900); white-space: pre-wrap; overflow-wrap: anywhere; }
.v91-made-acts { display: flex; flex-wrap: wrap; gap: var(--s-2); margin-top: var(--s-3); }
@media (max-width: 699px) {
  .v91-opts, .v91-facts { grid-template-columns: minmax(0, 1fr); }
  .v91-opt .btn { width: 100%; justify-content: center; }
}
/* v92 (D2): the ghost links' text starts on the text column above them (a ghost button keeps its own padding inside) */
.v91-links { margin-left: calc(-1 * var(--s-3)); }
/* v97: "Add a webhook" is a bordered button, so it sits on the card's own padding (the link row's negative margin is for text links) */
.v91-links.v97-addrow { margin-left: 0; }
.v97may { display: block; color: var(--gray-700); }
.v97may + .v97may { margin-top: 2px; }