/* The /chat page's chat card: the embedded web chat's height and the mic
   button's pulse while a voice conversation runs. The page itself is the
   learn layout's Tailwind. */

  #webchat-mount {
    height: clamp(420px, 65vh, 600px);
  }
  .chat-mic-active {
    color: #c81e32;
    border-color: #c81e32;
    animation: chat-mic-pulse 1.4s ease-in-out infinite;
  }
  @keyframes chat-mic-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(230, 41, 61, 0.35); }
    50%      { box-shadow: 0 0 0 6px rgba(230, 41, 61, 0); }
  }