/* Load after exploration.css. Only this compact row participates in --narration-h. */
#narration-player{display:block;box-sizing:border-box;height:52px;min-height:52px;max-height:56px;padding:6px 8px;pointer-events:auto}
#narration-player[hidden]{display:none}
#narration-player>.temple-narration{display:flex;align-items:center;gap:5px;width:100%;height:100%;min-width:0;color:var(--paper-text,#f8f1df);font:14px/1.3 system-ui,sans-serif}
#narration-player .narration-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
#narration-player .temple-narration button{flex:0 0 auto;min-width:34px;min-height:38px;padding:0 8px;border:1px solid var(--line-paper,#a99970);border-radius:6px;background:rgb(246 241 231 / .1);color:var(--paper-text,#f8f1df);cursor:pointer;font:600 13px/1 system-ui,sans-serif}
#narration-player .temple-narration [data-action=play]{min-width:54px}
#narration-player .temple-narration [data-action=previous],#narration-player .temple-narration [data-action=next],#narration-player .temple-narration [data-action=close]{font-size:22px}
.narration-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 28px));max-height:84vh;max-height:84dvh;margin:auto;padding:22px;border:1px solid var(--line-ink,#c8bcaa);border-radius:12px;color:var(--ink,#1d2427);background:var(--paper,#f6f1e7);font:15px/1.5 var(--font-ui,system-ui,sans-serif);overflow:auto;overscroll-behavior:contain;text-align:left;box-shadow:0 16px 64px #0008}
.narration-dialog::backdrop{background:#071410b8}
.narration-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;padding:6px 0;background:var(--paper,#f6f1e7);z-index:1}
.narration-dialog h2,.narration-dialog h3{font-family:var(--font-display,Georgia,serif);line-height:1.2;margin:8px 0}
.narration-dialog h2{font-size:28px}.narration-dialog h3{font-size:23px;letter-spacing:0;text-transform:none;color:var(--ink,#1d2427)}
.narration-dialog label{display:flex;align-items:center;gap:8px;margin:12px 0;flex-wrap:wrap}
.narration-dialog select{max-width:100%;min-height:44px;color:#182723;background:#f8f1df}
.narration-buttons{display:flex;gap:6px;flex-wrap:wrap}
.narration-dialog button{min-height:44px;padding:8px 12px;background:var(--paper-2,#ede6d7);color:var(--ink,#1d2427);border:1px solid var(--line-ink,#c8bcaa);border-radius:7px;cursor:pointer}
.narration-dialog button[data-action=play]{background:var(--ink,#1d2427);color:var(--paper-text,#f3eee3)}
.narration-dialog button:disabled,#narration-player button:disabled{opacity:.5;cursor:default}
.narration-dialog :focus-visible{outline:3px solid var(--bronze,#86652c);outline-offset:3px}
#narration-player :focus-visible{outline:3px solid #efd06f;outline-offset:3px}
.narration-dialog input[type=range]{min-height:44px;max-width:100%}
.narration-dialog summary{cursor:pointer;padding:10px 0}
.narration-sources a{display:block;color:var(--bronze,#86652c);padding:6px 0;text-underline-offset:3px}
.narration-limit{font-size:12px}.narration-transcript{white-space:pre-line}.narration-status{min-height:24px}
@media(max-width:400px){#narration-player{padding:6px}.temple-narration{gap:3px!important}#narration-player .temple-narration button{padding:0 6px}#narration-player .narration-title{font-size:13px}.narration-dialog{padding:14px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.temple-narration *,.narration-dialog *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}