/* STOP Radio — follow-along highlighting */
.ep-follow{margin:12px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
.ep-follow__btn{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;
  cursor:pointer;font-family:'Poppins',sans-serif;font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;font-weight:600;color:rgba(244,239,226,.55);
  transition:color .16s ease}
.ep-follow__btn:hover,.ep-follow__btn:focus-visible{color:#F4EFE2;outline:none}
.ep-follow__btn:focus-visible{outline:2px solid var(--gold-bright,#E8CA2C);outline-offset:4px}
.ep-follow__dot{width:9px;height:9px;border-radius:50%;border:1px solid rgba(244,239,226,.45);
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}
.ep-follow__btn[aria-pressed="true"]{color:var(--gold-bright,#E8CA2C)}
.ep-follow__btn[aria-pressed="true"] .ep-follow__dot{background:var(--gold-bright,#E8CA2C);
  border-color:var(--gold-bright,#E8CA2C);box-shadow:0 0 0 4px rgba(232,202,44,.16)}
.ep-follow__hint{font-family:'Poppins',sans-serif;font-size:9.5px;letter-spacing:.1em;
  color:rgba(244,239,226,.35);text-transform:uppercase}

/* line / word switch */
.ep-follow__mode{display:inline-flex;margin-left:6px;border:1px solid rgba(244,239,226,.18);
  border-radius:3px;overflow:hidden}
.ep-follow__mode[hidden]{display:none}
.ep-follow__mode button{appearance:none;border:0;background:none;cursor:pointer;padding:5px 10px;
  font-family:'Poppins',sans-serif;font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  font-weight:600;color:rgba(244,239,226,.5);transition:background .15s ease,color .15s ease}
.ep-follow__mode button+button{border-left:1px solid rgba(244,239,226,.18)}
.ep-follow__mode button:hover{color:#F4EFE2}
.ep-follow__mode button[aria-pressed="true"]{background:rgba(232,202,44,.16);color:var(--gold-bright,#E8CA2C)}
.ep-follow__mode button:focus-visible{outline:2px solid var(--gold-bright,#E8CA2C);outline-offset:-2px}

/* word highlight (word mode) */
.fw{transition:background .12s ease,color .12s ease}
.fw.live{background:var(--gold-bright,#E8CA2C);color:#1A1710;border-radius:2px;
  box-shadow:0 0 0 1px rgba(232,202,44,.5)}
.ep-body.is-word p.following{background:none;box-shadow:inset 3px 0 0 rgba(232,202,44,.45)}

/* the highlighted paragraph */
.ep-body p.following,
.ep-body blockquote.following{
  background:linear-gradient(90deg,rgba(232,202,44,.14),rgba(232,202,44,.03) 70%,transparent);
  box-shadow:inset 3px 0 0 var(--gold-bright,#E8CA2C);
  transition:background .3s ease,box-shadow .3s ease}
.ep-body p, .ep-body blockquote{transition:background .3s ease,box-shadow .3s ease}

/* clickable when following is on */
.ep-body.is-following p{cursor:pointer}
.ep-body.is-following p:hover{background:rgba(232,202,44,.07)}

@media (max-width:1000px){
  .ep-follow__hint{display:none}
}
@media (max-width:560px){
  .ep-follow{margin-top:12px}
}
@media (prefers-reduced-motion:reduce){
  .ep-body p,.ep-body blockquote{transition:none}
}