/* Details-panel control lives inside the floating page-tools group. */
.page-tools .page-speech-btn {
    display: block;
    width: 32px;
    height: 32px;
    padding: 3px;
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 3px;
    background: #fff;
    line-height: 0;
    cursor: pointer;
}
.page-tools .page-speech-btn[hidden] { display: none; }
.page-tools .page-speech-btn svg.speak-icon { display: block; width: 24px; height: 24px; color: #111; }
.page-tools .page-speech-btn:hover { background: #f0f0f0; }
.page-tools .page-speech-btn:focus-visible { outline: 2px solid #0066cc; outline-offset: 3px; }
.page-tools .page-speech-btn.speaking { border: 2px solid #0066cc; padding: 2px; background: #cce5ff; }
.page-tools .page-speech-btn.paused { border: 2px dashed #0066cc; padding: 2px; background: #cce5ff; }