/* Compact sound control inside the navigation. */
.gastro-page .site-header #ambient-toggle{position:static;display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:9px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--nav-ink);box-shadow:none;cursor:pointer;transition:background .2s,border-color .2s}
#ambient-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gastro-page .site-header #ambient-toggle[aria-pressed=true]{color:var(--nav-accent);border-color:currentColor}
.gastro-page .site-header #ambient-toggle:hover{background:color-mix(in srgb,var(--nav-ink) 10%,transparent)}
#ambient-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:500px){.gastro-page .site-header{gap:6px!important}.gastro-page .site-header .brand-studio{display:none}.gastro-page .site-header .theme-control{margin:0}.gastro-page .site-header #ambient-toggle{width:36px;height:36px}}
/* Match the theme switch: 16px icon, 28px visible ring, 36px hit area. */
.gastro-page .site-header #ambient-toggle{position:relative;padding:10px;border:0;background:transparent}
.gastro-page .site-header #ambient-toggle::before{content:"";position:absolute;inset:4px;border:1px solid currentColor;border-radius:50%;opacity:.35;pointer-events:none}
.gastro-page .site-header #ambient-toggle svg{position:relative;width:16px;height:16px}
.gastro-page .site-header #ambient-toggle:hover{background:transparent}
.gastro-page .site-header #ambient-toggle:hover::before{background:color-mix(in srgb,currentColor 12%,transparent);opacity:.65}
.gastro-page .site-header #ambient-toggle[aria-pressed=true]::before{opacity:.7}