/* Carnet audio assorti aux menus de la ferme. */
#visit #sound-toggle { display:inline-grid; place-items:center; width:34px; height:34px; flex:none; padding:7px; }
#sound-icon { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
#sound-toggle.is-muted { opacity:.75; }
#sound-panel { position:absolute; top:84px; right:26px; width:310px; max-height:calc(100vh - 105px); overflow:auto;
  padding:22px; pointer-events:auto; color:#fff3d9; background:linear-gradient(110deg,#5e402cec,#382c20f7),url('assets/wood/color.jpg') center/330px;
  border:3px solid #52734b; border-radius:6px 18px 6px 18px; box-shadow:0 14px 40px #0d1d176b,inset 0 0 0 1px #e1c79c50; }
#sound-panel .eyebrow { font-size:8px; letter-spacing:.18em; color:#d5c28e; margin-bottom:8px; }
#sound-title { margin:0 25px 5px 0; font:normal 24px/1.1 Georgia,serif; color:#fff3d9; }
#sound-location { margin:7px 0 20px; font-size:11px; color:#c3d5b8; }
#sound-close { position:absolute; right:12px; top:12px; display:grid; place-items:center; width:29px; height:29px;
  border:1px solid #e4d4ab50; border-radius:50%; background:#f8edce10; color:#fff0d1; font-size:20px; }
#sound-close:hover { background:#f8edce24; }
.sound-setting { margin:16px 0; }
.sound-setting label { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:9px; font-size:12px; font-weight:600; }
.sound-setting output { color:#e7cb91; font-size:11px; font-variant-numeric:tabular-nums; }
.sound-setting input { display:block; width:100%; margin:0; height:19px; accent-color:#a9bd86; cursor:pointer; }
.sound-setting:first-of-type { border-bottom:1px solid #e4d4ab26; padding-bottom:16px; }
#sound-mute { width:100%; margin-top:7px; padding:10px; border:1px solid #a9bd86; border-radius:7px; background:#35573b; color:#fff4d9; font-weight:600; font-size:12px; }
#sound-mute:hover { background:#476b45; }
#sound-mute[aria-pressed="true"] { background:#e2cd9f; color:#294733; }
#sound-status { display:flex; align-items:center; gap:7px; margin:15px 0 7px; font-size:11px; line-height:1.45; color:#d6e3c8; }
#sound-status::before { content:''; display:block; width:5px; height:5px; border-radius:50%; background:#b1bf8a; flex:none; }
#sound-panel .sound-note { font-size:10px; line-height:1.5; color:#d3c7b2; margin:0; }
#sound-panel a { display:inline-block; color:#ded5ba; font-size:10px; margin-top:10px; text-underline-offset:3px; }
#sound-panel button:focus-visible,#sound-panel input:focus-visible { outline:2px solid #edce8d; outline-offset:4px; }
@media(max-width:1050px) { #sound-panel { top:142px; right:18px; max-height:calc(100vh - 160px); } }
@media(max-height:560px) { #sound-panel { top:75px; max-height:calc(100vh - 88px); } }