/* State is mirrored from the original audio toggles; button geometry stays Amber. */
@layer cf-base {
 html body.amber-frame [data-cf] button[data-audio-state] .cartoon-icon {
  position:absolute!important;left:50%!important;top:4px!important;
  width:26px!important;height:26px!important;translate:-50% 0!important;transform:none!important;
 }
 html body.amber-frame [data-cf] button[data-audio-state] .audio-state-label {
  position:absolute!important;left:2px!important;right:2px!important;bottom:3px!important;
  top:auto!important;height:11px!important;min-height:0!important;max-height:11px!important;
  display:block!important;text-align:center!important;pointer-events:none!important;
  color:var(--tt-ink)!important;font:900 10px/11px 'Alegreya Sans',sans-serif!important;
  letter-spacing:.04em!important;text-shadow:none!important;
 }
 html body.amber-frame [data-cf] button[data-audio-state] .audio-off-slash {
  fill:none!important;stroke:var(--tt-ink)!important;stroke-width:7!important;stroke-linecap:round!important;
 }
 html body.amber-frame [data-cf] button[data-audio-state="on"] {
  background-color:var(--tt-gold)!important;
 }
}