/* Setup links in Share's answers (#/connect/<place>, setup.js) show as a
 * Connect button: one tap opens that setting here, with no URL to read.
 * Loaded after transcript.css, so it wins over `.text a` at equal weight. */
a[href^="#/connect/"] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  margin: 2px 0;
  padding: 0 var(--sv-space-3);
  background: var(--sv-ink);
  color: var(--sv-surface);
  border-radius: var(--sv-radius);
  font: 500 var(--ui-text) / 1 var(--sv-font-sans);
  text-decoration: none;
  vertical-align: middle;
  transition: opacity var(--sv-dur-instant) var(--sv-ease-out);
}
a[href^="#/connect/"]:hover { opacity: 0.85; }
a[href^="#/connect/"]:active { transform: scale(0.97); }
@media (pointer: coarse) { a[href^="#/connect/"] { min-height: 44px; } }
