/* Additional controls are confined to the existing settings dialog and a
   temporary overlay; the desktop table and phone camera CSS are unchanged. */
.narration-settings{margin-top:1.2rem;border-top:1px solid #65776b;padding-top:.5rem}
.narration-settings select{max-width:100%;min-width:0}
.narration-settings label{min-width:0;overflow-wrap:anywhere}
#skipNarration{position:fixed;z-index:10000;bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));max-width:calc(100vw - 24px);min-height:44px;background:#e5c678;color:#182c25;border:2px solid #182c25;box-shadow:0 2px 12px #0008;font-weight:bold}
#skipNarration[hidden]{display:none}
dialog #skipNarration{position:sticky;bottom:0;left:0;display:block;margin:8px auto 0}
dialog #skipNarration[hidden]{display:none}

.phone body>#skipNarration{top:var(--speech-top,160px);bottom:auto;left:auto;right:8px;max-width:150px;min-height:44px;padding:5px 9px;font:12px Arial}