.header-actions{display:flex;align-items:center;gap:9px;flex:none}
.sound-toggle{height:40px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid var(--line);background:transparent;border-radius:24px;font-size:13px;white-space:nowrap}
.sound-toggle svg{width:19px;height:19px}
.sound-toggle[aria-pressed="true"]{background:#e6ecdd;border-color:#bdcbb8;color:var(--green)}
.sound-toggle:hover:enabled{background:#e9ecdf}
.sound-toggle:disabled{opacity:.6;cursor:wait}
#sound-dialog{max-width:420px}
#sound-toggle-dialog{margin:3px 0 23px;min-height:48px}
#sound-toggle-dialog[aria-pressed="true"]{background:#e6ecdd;color:var(--green)}
.sound-test{width:100%;min-height:44px;border:1px solid var(--line);border-radius:12px;background:#f4f4e9;margin:-12px 0 22px;font-size:14px}
.sound-test:disabled{opacity:.5}
.volume-heading{display:flex;align-items:center;justify-content:space-between;font-size:16px}
.volume-heading output{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
#sound-volume{appearance:auto;accent-color:var(--green);width:100%;height:36px;margin:5px 0 20px;cursor:pointer}
.audio-choice{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--line);cursor:pointer}
.audio-choice>span{min-width:0}.audio-choice b{display:block;font-size:16px;font-weight:500}.audio-choice small{display:block;font-size:13px;color:var(--muted);margin-top:5px;line-height:1.7}
.audio-choice input{appearance:auto;accent-color:var(--green);width:22px;height:22px;flex:none;cursor:pointer}
#sound-dialog .sound-note{color:var(--muted);font-size:13px;line-height:1.8;margin-top:12px;min-height:46px}
@media(max-width:1060px){.brand-small{display:none}}
@media(max-width:540px){.header-actions{gap:7px}.sound-toggle{width:40px;padding:0}.sound-toggle>span{display:none}.header-actions .icon-button{width:36px;height:36px}.header-actions .icon-button svg{width:19px;height:19px}.brand{gap:6px}.brand-mark{width:22px}.brand h1{font-size:20px;letter-spacing:.07em}}
@media(max-width:360px){.header-actions{gap:5px}.header-actions .icon-button{width:32px;height:36px}.sound-toggle{width:36px;height:36px}.brand h1{font-size:18px}.brand-mark{width:18px}.site-header{gap:6px}}