/* Compact embedded lab: keep the primary conversation above the fold. */
body { overflow-x: hidden; }
header { padding-top: 16px; padding-bottom: 16px; }
main { padding-top: 18px; padding-bottom: 28px; }
.heading { margin-bottom: 14px; }
.panel { padding: 16px; }
.setup { gap: 12px; margin-bottom: 12px; }
.talk-grid { gap: 12px; }
.mic-button.on {
  animation: mic-pulse 1.35s ease-in-out infinite;
  box-shadow: 0 0 0 10px #86edcb13, 0 0 0 20px #86edcb08;
}
.messages { height: 210px; }
.live-transcript { padding-top: 10px; margin-top: 10px; min-height: 72px; }
.tts-test { margin-top: 12px; }
.metrics { gap: 10px; margin: 12px 0; }
.metrics > div { padding: 14px; }
.metrics strong { font-size: 1.45rem; margin: 5px 0; }
.events #events { max-height: 180px; }
@keyframes mic-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.045); }
}
@media (max-width: 700px) {
  main { padding: 14px 12px 24px; }
  .panel { padding: 14px; }
  .messages { height: 175px; }
  .metrics > div { padding: 12px; }
}