/* The visible speaker is 30px inside its existing accessible header target. */
.topbar .wv-trigger{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;background:transparent;color:#f6cd70;cursor:pointer}
.wv-icon{box-sizing:border-box;display:grid;place-items:center;width:30px;height:30px;border:1px solid #d7b45f;border-radius:50%;background:linear-gradient(140deg,#174b3c,#002c25);box-shadow:inset 0 1px 0 #fff2,0 3px 10px #001c2526}
.wv-trigger svg{width:18px;height:18px}.wv-trigger[data-enabled=true] .wv-muted,.wv-trigger[data-enabled=false] .wv-sound{display:none}
.wv-trigger:hover .wv-icon{background:#705a24;color:#ffe7a3;border-color:#ffe7a3}
.wv-trigger:focus-visible{outline:3px solid #ffe29a;outline-offset:3px}
/* Preserve the existing mobile header geometry. */
@media(max-width:560px){.topbar .nav,.about-page .topbar .nav{gap:5px}.topbar .wv-trigger{width:36px;height:44px}.topbar .brand{flex-shrink:1;min-width:48px}}
@media(max-width:440px){.topbar,.about-page .topbar{height:auto;min-height:132px}.topbar .nav,.about-page .topbar .nav{flex-wrap:wrap;padding-bottom:10px}.topbar .brand{height:72px;flex-shrink:0}.topbar .nav-actions,.about-page .topbar .nav-actions{width:100%;justify-content:center;margin:0}.topbar .nav nav{top:100%}}