/*
   TRH trailer audio control — page-scoped owner.
   The visual language intentionally mirrors the small gold crown markers in
   the chapter index: warm antique gold, restrained glow, no modern pill UI.
*/
body.trh-page .trh-audio-toggle{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  margin:0;
  padding:0;
  background:transparent;
  color:#e9c66d;
  cursor:pointer;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  width:28px;
  height:28px;
  line-height:1;
  filter:drop-shadow(0 0 7px rgba(239,202,113,.15));
  transition:color .18s ease,filter .18s ease,transform .18s ease;
}

body.trh-page .trh-audio-toggle:hover,
body.trh-page .trh-audio-toggle:focus-visible{
  color:#f3d993;
  filter:drop-shadow(0 0 9px rgba(239,202,113,.28));
  outline:none;
}

body.trh-page .trh-audio-toggle:active{
  transform:scale(.94);
}

body.trh-page .trh-audio-toggle svg{
  width:22px;
  height:22px;
  display:block;
  overflow:visible;
}

body.trh-page .trh-audio-toggle .trh-audio-speaker,
body.trh-page .trh-audio-toggle .trh-audio-wave,
body.trh-page .trh-audio-toggle .trh-audio-slash{
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.trh-page .trh-audio-toggle .trh-audio-speaker{stroke-width:1.35}
body.trh-page .trh-audio-toggle .trh-audio-wave{stroke-width:1.15}
body.trh-page .trh-audio-toggle .trh-audio-slash{stroke-width:1.25}

body.trh-page .trh-audio-toggle .trh-audio-wave{
  opacity:0;
  transform-origin:12px 12px;
  transition:opacity .18s ease;
}

body.trh-page .trh-audio-toggle .trh-audio-slash{
  opacity:.9;
  transition:opacity .18s ease;
}

body.trh-page .trh-audio-toggle[aria-pressed="true"] .trh-audio-wave{opacity:1}
body.trh-page .trh-audio-toggle[aria-pressed="true"] .trh-audio-slash{opacity:0}

/* Tiny ornamental point keeps the control visually related to the crown glyph. */
body.trh-page .trh-audio-toggle .trh-audio-jewel{
  fill:currentColor;
  opacity:.86;
}

body.trh-page .trh-section-nav .trh-audio-slot{
  position:relative;
  display:inline-grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  margin-left:-2px;
  margin-right:1px;
  overflow:visible;
}

body.trh-page .trh-section-nav .trh-audio-toggle{
  margin:0;
}

html.trh-phone-mode body.trh-page .trh-audio-toggle--mobile{
  width:38px;
  height:38px;
  min-width:38px;
  border:1px solid rgba(224,190,118,.34);
  border-radius:50%;
  background:rgba(17,12,38,.58);
  color:#e9c66d;
}

html.trh-phone-mode body.trh-page .trh-audio-toggle--mobile svg{
  width:20px;
  height:20px;
}

@media (prefers-reduced-motion:reduce){
  body.trh-page .trh-audio-toggle,
  body.trh-page .trh-audio-toggle .trh-audio-wave,
  body.trh-page .trh-audio-toggle .trh-audio-slash{transition:none}
}