/* 2026-09-06 — prayer player context hierarchy.
   Passage reference sits above the timer; current spoken item sits with controls. */
.prayer-stage .prayer-head h2,
.prayer-stage .prayer-head h3{
  display:none;
}

/* Keep the player identity area compact while leaving a little breathing room
   beneath the progress stepper. The floating voice-command control remains
   available at the right without reserving a large blank row. */
.prayer-stage .prayer-head{
  padding-top:0;
  min-height:0;
}

.prayer-stage .voice-help{
  margin-top:-34px;
}

/* Match the timer's own width and auto margins so the passage reference is
   centred on exactly the same axis as the circle. */
.prayer-stage .player-passage-reference{
  width:240px;
  max-width:100%;
  box-sizing:border-box;
  text-align:center;
  margin:4px auto 0;
  font-size:1.1875rem;
  line-height:1.2;
  font-weight:700;
  color:var(--ink-strong);
}

/* The chosen grace is intentionally quiet: always visible, but subordinate to
   the Scripture reference and timer. It is the existing grace-reminder moved
   up from below the player. */
.prayer-stage .player-grace-subheading{
  max-width:560px;
  margin:3px auto 0;
  padding:0 18px;
  text-align:center;
  font-size:0.75rem;
  line-height:1.35;
  font-weight:400;
  font-style:normal;
  color:var(--muted-light);
}

.prayer-stage .player-grace-subheading + .player-timer-wrap{
  margin-top:11px;
}

.prayer-stage .player{
  position:relative;
  min-height:184px;
  gap:60px;
  padding-top:50px;
}

/* Keep the current spoken item tightly associated with the controls it
   describes. */
.prayer-stage .player-current-cue{
  position:absolute;
  top:23px;
  left:0;
  right:0;
  text-align:center;
  font-size:0.9375rem;
  line-height:1.25;
  font-weight:600;
  color:var(--ink-strong);
  pointer-events:none;
}

@media(max-width:640px){
  .prayer-stage .prayer-head{
    min-height:0;
  }

  .prayer-stage .voice-help{
    margin-top:-31px;
  }

  .prayer-stage .player-passage-reference{
    width:212px;
    margin-top:4px;
    font-size:1.125rem;
  }

  .prayer-stage .player-grace-subheading{
    max-width:420px;
    padding:0 10px;
    font-size:0.75rem;
  }

  .prayer-stage .player-grace-subheading + .player-timer-wrap{
    margin-top:10px;
  }

  .prayer-stage .player{
    min-height:166px;
    gap:36px;
    padding-top:42px;
  }

  .prayer-stage .player-current-cue{
    top:18px;
    font-size:0.875rem;
  }
}