@layer components {
  /* An integration's page: the key line, one block per address, the tool list. */
  .key-line, .addr-line { display: flex; gap: 8px; align-items: center; }
  .key-line .copy-box, .addr-line .copy-box { flex: 1; min-width: 0; margin: 0; }
  .addr { margin: 12px 0; }
  .addr-title { font-weight: 600; margin-bottom: 4px; }
  .tool-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
  .tool-list li { display: grid; gap: 2px; }
  pre.copy-box { white-space: pre-wrap; user-select: text; margin: 8px 0 0; }
  @media (max-width: 767px) {
    .key-line, .addr-line { flex-wrap: wrap; }
  }
}