/* Optional sea ambience: control deliberately lives BELOW the responsive header, not inside it. */
.sea-ambience-toggle{position:fixed;top:116px;right:clamp(12px,3vw,28px);z-index:45;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 15px;border:1px solid rgba(232,216,164,.6);border-radius:999px;background:rgba(28,43,39,.75);color:#fff;font:700 .76rem/1.2 Arial,Helvetica,sans-serif;letter-spacing:.02em;box-shadow:0 7px 24px #0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:background-color .2s,border-color .2s}
.sea-ambience-toggle i{font-size:1.1rem;color:#f2d779}
.sea-ambience-toggle.is-playing{background:rgba(23,71,69,.9);border-color:#f2d779}
.sea-ambience-toggle:hover{background:rgba(49,80,71,.92)}
.sea-ambience-toggle:focus-visible{outline:3px solid #ffe287;outline-offset:3px}
.sea-ambience-label{white-space:nowrap}
.sea-audio-credit{font-size:.7rem;white-space:normal}
.sea-audio-credit a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:700px){.sea-ambience-toggle{width:44px;height:44px;min-height:44px;padding:0;right:13px;border-radius:50%}.sea-ambience-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@media(prefers-reduced-motion:reduce){.sea-ambience-toggle{transition:none}}