/* Header entry remains inside the existing mobile navigation. */
button.ambience-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 12px;border:1px solid #617e8b;border-radius:9px;background:#102a39;color:#d9eee9;font:500 12px/1.4 system-ui,sans-serif;white-space:nowrap;cursor:pointer;flex:none}
button.ambience-trigger[data-playing=true]{border-color:#bdd6a7;color:#e0edce}
header.experience-header>nav>button.ambience-trigger{margin-left:5px}
.ambience-panel{position:fixed;box-sizing:border-box;z-index:1500;max-height:calc(100dvh - 24px);overflow:auto;padding:18px;border:1px solid #7694a0;border-radius:14px;color:#edf5f5;background:#102735;box-shadow:0 14px 50px #0008;font:14px/1.5 system-ui,sans-serif;text-align:left}
.ambience-panel[hidden]{display:none!important}.ambience-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ambience-head h2{font:600 16px/1.4 system-ui,sans-serif;margin:0}.ambience-panel button{cursor:pointer;font:500 13px/1.4 system-ui,sans-serif;min-height:44px;border:1px solid #7897a5;border-radius:8px;background:#1d3c4d;color:#eff8f6;padding:9px 12px}.ambience-panel .ambience-close{width:44px;flex:none;font-size:24px;padding:0}.ambience-track{font-size:17px;color:#ead3a2;margin:14px 0 2px}.ambience-detail{color:#bfd0da;font-size:12px;margin:0 0 15px}.ambience-actions{display:flex;gap:8px;flex-wrap:wrap}.ambience-panel .ambience-play{background:#c4ddc0;color:#132c2c;border-color:#c4ddc0}.ambience-volume-label{display:flex;justify-content:space-between;gap:12px;margin-top:20px;color:#e0edef}.ambience-panel input.ambience-volume{display:block;box-sizing:border-box;width:100%;height:44px;margin:0;accent-color:#d8c18c;cursor:pointer}.ambience-status{margin:9px 0 0;font-size:12px;color:#c7dce4;min-height:36px}.ambience-panel button:focus-visible,button.ambience-trigger:focus-visible,.ambience-panel input:focus-visible{outline:3px solid #f0d499;outline-offset:3px}
@media(max-width:700px){header.experience-header>nav>button.ambience-trigger{margin:0;width:100%;justify-content:flex-start}.mobile-menu-grid>button.ambience-trigger{width:100%;min-height:52px;justify-content:flex-start;padding:12px 15px}}
@media(max-width:650px){.top-actions>button.ambience-trigger{display:none}}
@media(prefers-reduced-motion:reduce){.ambience-panel,.ambience-trigger{transition:none;animation:none}}

.reading-header{flex-wrap:wrap}.reading-header nav{flex-wrap:wrap;align-items:center}.reading-header button.ambience-trigger{margin-left:4px}@media(max-width:650px){.reading-header nav{gap:16px}.reading-header button.ambience-trigger{width:44px;padding:8px}}

.ambience-track-label{display:block;margin:15px 0 5px;color:#bfd0da;font-size:12px}.ambience-panel select.ambience-track{display:block;box-sizing:border-box;width:100%;min-height:44px;padding:9px 10px;margin:0 0 7px;border:1px solid #7897a5;border-radius:8px;background:#163545;color:#ead3a2;font:500 14px/1.4 system-ui,sans-serif;cursor:pointer}.ambience-panel select:focus-visible{outline:3px solid #f0d499;outline-offset:3px}

button.ambience-trigger[data-blocked=true]{border-color:#c3a67a;color:#f0dfc3}