/* Listen-to-article widget — shared by /research and /grow.
   Ported from magazine-v2.css so the control looks identical everywhere.
   Deviation from magazine: the loading state uses #9e9e9e instead of #888,
   which fails AA on this background. */
.listen-bar { max-width: 760px; margin: 0 auto; padding: 0 24px 8px; }
.listen-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: #111; border: 1px solid #2d6a2d; border-radius: 24px;
  color: #4caf50; font-size: 13px; font-weight: 600; padding: 8px 18px;
  cursor: pointer; transition: all .15s;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.listen-btn:hover { background: #1a3a1a; border-color: #4caf50; }
.listen-btn:focus-visible { outline: 3px solid #4caf50; outline-offset: 2px; }
.listen-btn.loading { color: #9e9e9e; border-color: #9e9e9e; cursor: wait; }
.listen-btn.playing { color: #ffd700; border-color: #ffd700; background: #1a1500; }
.listen-btn.error   { color: #e53935; border-color: #e53935; background: #1a0a0a; cursor: pointer; }
.listen-player { display: none; max-width: 760px; margin: 0 auto; padding: 0 24px 16px; }
.listen-player audio { width: 100%; border-radius: 8px; }