/* Homepage v26: compact, accessible Scripture-Inspired audio demo. Keep approved layout and artwork. */
#main > .listen-section .demo-preview-ready .demo-preview-player{
  width:100%;
  min-width:0;
  margin-top:auto;
}
#main > .listen-section .demo-preview-ready .demo-preview-play{
  width:100%;
  border:1px solid rgba(84,112,95,.22);
  background:#476A5A;
  color:#fffdf9;
  border-radius:11px;
  padding:9px 10px;
  display:flex;
  align-items:center;
  gap:7px;
  font:700 .78rem/1.25 var(--sans,system-ui,sans-serif);
  text-align:left;
  cursor:pointer;
  transition:background .15s ease;
}
#main > .listen-section .demo-preview-ready .demo-preview-play:hover{background:#385748}
#main > .listen-section .demo-preview-ready .demo-preview-play:focus-visible{
  outline:3px solid #C6815E;
  outline-offset:2px;
}
#main > .listen-section .demo-preview-ready .demo-preview-play-icon{
  font-size:.8rem;
  width:13px;
  text-align:center;
  flex:none;
}
#main > .listen-section .demo-preview-ready .demo-preview-play-text{min-width:0;flex:1}
#main > .listen-section .demo-preview-ready .demo-preview-play-length{
  font-weight:500;
  white-space:nowrap;
  opacity:.83;
  font-variant-numeric:tabular-nums;
}
#main > .listen-section .demo-preview-ready .demo-preview-progress{
  display:block;
  width:100%;
  height:5px;
  margin:7px 0 1px;
  padding:0;
  border:0;
  border-radius:4px;
  overflow:hidden;
  appearance:none;
  background:#DAE5DA;
}
#main > .listen-section .demo-preview-ready .demo-preview-progress::-webkit-progress-bar{background:#DAE5DA;border-radius:4px}
#main > .listen-section .demo-preview-ready .demo-preview-progress::-webkit-progress-value{background:#6B9177;border-radius:4px}
#main > .listen-section .demo-preview-ready .demo-preview-progress::-moz-progress-bar{background:#6B9177;border-radius:4px}
@media(max-width:559px){
  #main > .listen-section .demo-preview-ready .demo-preview-play{
    padding:8px 7px;
    gap:4px;
    font-size:.66rem;
    border-radius:9px;
  }
  #main > .listen-section .demo-preview-ready .demo-preview-play-icon{width:10px;font-size:.67rem}
  #main > .listen-section .demo-preview-ready .demo-preview-play-length{font-size:.61rem}
}