/* Header contrast and the background music control. */

.masthead>a,.masthead-date{color:#8a302b;background:#fff8e9ed;border:1px solid #b9845b80;border-radius:3px;padding:3px 10px;line-height:1.5}
.masthead>a{text-decoration:none}
.music-toggle{position:fixed;z-index:40;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));width:44px;height:44px;display:grid;place-items:center;border:1px solid #af8057aa;border-radius:50%;background:#fff9eddf;color:#853f37;box-shadow:0 3px 12px #6d47231c;cursor:pointer}
.music-toggle svg{width:19px;height:19px}.music-icon-pause,.music-toggle[aria-pressed=true] .music-icon-play{display:none}.music-toggle[aria-pressed=true] .music-icon-pause{display:block}
.music-toggle:focus-visible{outline:3px solid #895532;outline-offset:3px}
@media(max-width:700px){.masthead>a,.masthead-date{padding:3px 7px}.music-toggle{left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom))}}
/* A visible label makes the playback control discoverable when autoplay is blocked. */
.music-toggle{width:auto;min-width:44px;padding:0 14px;display:flex;align-items:center;gap:7px;border-radius:24px;font:600 13px/1.2 sans-serif}
.music-toggle svg{flex:none}

/* The English invitation uses a quiet, icon-only control. */
html[lang="en"] .music-toggle{width:44px;height:44px;min-width:44px;padding:0;display:grid;place-items:center;border-radius:50%;opacity:.5}
html[lang="en"] .music-toggle:focus-visible{opacity:1}