/* FeetFromHeaven: small layout enhancement for the relocated persistent view counter. */
.hero-view-counter{
  width:min(360px,88vw);
  min-width:0;
  margin:24px auto 0;
  padding:12px 0;
  text-align:center;
  border-block:1px solid var(--line);
}
.hero-view-counter span{
  display:block;
  margin-bottom:7px;
  color:var(--muted);
}
.hero-view-counter strong{
  display:block;
  color:var(--ink);
}
@media (max-width:700px){
  .hero-view-counter{
    width:min(330px,92vw);
    margin-top:20px;
    text-align:center;
  }
}

/* Tiny native soundtrack player. */
.hymn-player-wrap{
  display:flex;
  justify-content:center;
  margin:18px auto 0;
}
.hymn-player{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:30px;
  padding:5px 11px;
  border:1px solid var(--line);
  background:rgba(241,238,229,.55);
  color:var(--muted);
  font:7px var(--sans);
  letter-spacing:1.35px;
  line-height:1.2;
  text-transform:uppercase;
}
.hymn-player:hover{
  border-color:var(--gold);
  color:var(--ink);
}
.hymn-player:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:3px;
}
.hymn-icon{
  display:inline-block;
  width:10px;
  color:var(--gold);
  font-size:9px;
  line-height:1;
  text-align:center;
}
@media (max-width:700px){
  .hymn-player-wrap{margin-top:15px}
  .hymn-player{
    max-width:92vw;
    min-height:32px;
    padding:6px 10px;
  }
}