/* layout */
#speech-timer-container{
  display:flex;
  align-items:flex-start;
  gap:1rem;          /* space between timer & text */
}

/* timer look & feel */
#timer{
  font:700 4rem/1 "Courier New", monospace;
  padding:.5rem 1rem;
  border:3px solid #333;
  border-radius:.5rem;
  min-width:160px;
  text-align:center;
  transition:color .3s;
}

/* colour changes as time ticks down */
#timer.warning{ color:#d97706; }  /* amber‑600 */
#timer.overtime{ color:#b91c1c; } /* red‑700 */

/* speech column */
.speech{
  flex:1 1 auto;
  max-height:70vh;
  overflow-y:auto;
  font-size:1.25rem;
  line-height:1.6;
}