/* ─── Dictee: microfoonknop naast een tekstveld ──────────────────
   Klein en rustig als hij uit staat, duidelijk zichtbaar (rood, pulserend)
   zodra hij aan het luisteren is — dat moet je in je ooghoek kunnen zien
   zonder ernaar te hoeven zoeken. */
.dictee-knop{
  width:26px;height:26px;flex:0 0 26px;padding:0;margin-left:6px;border-radius:999px;
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  background:var(--card-2);border:1px solid var(--line);font-size:13px;
  transition:border-color .12s,background .12s,transform .12s;
  vertical-align:middle;
}
.dictee-knop:hover{border-color:var(--olive-l);background:#fff}
.dictee-knop.aan{
  background:var(--red-bg);border-color:var(--red-line);
  animation:dictee-puls 1.4s ease-in-out infinite;
}
@keyframes dictee-puls{
  0%,100%{box-shadow:0 0 0 0 rgba(211,60,60,.35)}
  50%{box-shadow:0 0 0 6px rgba(211,60,60,0)}
}