.site-audio{position:relative;display:inline-flex;align-items:center;z-index:35;flex:none}.site-audio-toggle{min-width:42px;min-height:42px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;cursor:pointer;font-size:20px;line-height:1}.site-audio-toggle span{display:none}.site-audio-toggle.playing span{display:inline}.site-audio-toggle.playing{box-shadow:inset 0 -3px currentColor}.site-audio-panel{position:absolute;right:0;top:calc(100% + 9px);width:min(270px,calc(100vw - 24px));padding:16px;background:#101923;color:#fff;border:1px solid #86d6fa;border-radius:8px;box-shadow:0 10px 30px #0008}.site-audio-panel[hidden]{display:none}.site-audio-panel label{display:block;font:600 14px/1.5 'DM Sans',sans-serif}.site-audio-panel input{width:100%;min-height:30px;accent-color:#31baf4;cursor:pointer}.site-audio-panel p{font:12px/1.4 'DM Sans',sans-serif;margin:6px 0 0}.site-audio-toggle:focus-visible,.site-audio-panel input:focus-visible{outline:3px solid #ffc857;outline-offset:3px}
.site-audio-credit a{color:#86d6fa;text-decoration:underline;text-underline-offset:2px}.site-audio-credit a:focus-visible{outline:3px solid #ffc857;outline-offset:3px}

.site-audio-play{display:block;width:100%;min-height:44px;margin:0 0 14px;padding:10px 12px;border:1px solid #86d6fa;border-radius:6px;background:#17344b;color:#fff;font:700 14px/1.4 'DM Sans',sans-serif;cursor:pointer}.site-audio-play:focus-visible{outline:3px solid #ffc857;outline-offset:3px}

/* Direct playback control with an independent volume control. */
.site-audio{gap:3px}.site-audio-toggle{display:inline-flex;align-items:center;justify-content:center}.site-audio-toggle svg{width:21px;height:21px;fill:currentColor}.site-audio-toggle .audio-stop-icon{display:none}.site-audio-toggle.playing .audio-start-icon{display:none}.site-audio-toggle.playing .audio-stop-icon{display:block}.site-audio-settings{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:42px;padding:4px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;cursor:pointer}.site-audio-settings svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.site-audio-settings:focus-visible{outline:3px solid #ffc857;outline-offset:3px}.site-audio-status:empty{display:none}.site-audio-panel .site-audio-status{font-size:14px;margin:8px 0}.site-audio-toggle:hover,.site-audio-settings:hover{background:#ffffff18}