/* A quiet inline listening invitation; no floating player or animated waveform. */
.forest-listening { display:flex; align-items:center; flex-wrap:wrap; gap:.55rem .8rem; margin-top:1rem; margin-bottom:1rem; font-size:.88rem; line-height:1.55; color:#314b3c; }
.forest-listening.wrap { padding-block:.2rem; }
.forest-invitation .forest-listening { color:#edf0d2; }
.forest-listening button { min-height:44px; border:1px solid #637754; border-radius:999px; background:#f8f3df; color:#284734; padding:.5rem .95rem; font:inherit; cursor:pointer; }
.forest-listening button:hover { background:#eee8ce; }
.forest-listening button:focus-visible,.forest-listening input:focus-visible { outline:3px solid #8b5b24; outline-offset:4px; }
.forest-audio-options { display:flex; align-items:center; flex-wrap:wrap; gap:.45rem; }
.forest-audio-options[hidden] { display:none; }
.forest-audio-options label { display:flex; align-items:center; gap:.5rem; }
.forest-audio-volume { width:112px; min-height:44px; accent-color:#466644; cursor:pointer; }
.forest-volume-value { min-width:2.8rem; font-variant-numeric:tabular-nums; }
.forest-audio-status { max-width:30em; }
.forest-audio-status:empty { display:none; }
.forest-listening audio { display:none; }
@media(max-width:440px) { .forest-listening { gap:.4rem; } .forest-audio-volume { width:92px; } .forest-audio-status { flex-basis:100%; } }