.platform-audio-panel { margin-block: 20px 28px; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); }
.platform-audio-panel[hidden] { display: none; }
.platform-audio-heading, .platform-audio-foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.platform-audio-heading h2 { font-size: 1.15rem; margin: 0; }
.platform-audio-panel audio { display: block; width: 100%; margin-block: 12px; }
.platform-audio-panel p { line-height: 1.8; }
.platform-audio-caption { max-height: 6em; overflow: auto; }
.platform-audio-panel button, .platform-audio-panel a, .platform-word-audio, .platform-guide-audio { font: inherit; min-height: 44px; min-width: 44px; border: 1px solid var(--line); border-radius: 8px; background: var(--cream); color: var(--ink); padding: 8px 12px; cursor: pointer; }
.platform-audio-panel a { display: inline-flex; align-items: center; }
.platform-audio-panel a[hidden] { display: none; }
.platform-audio-panel :is(button,a,audio):focus-visible, .platform-word-audio:focus-visible, .platform-guide-audio:focus-visible { outline: 3px solid var(--peach-deep); outline-offset: 3px; }
[data-audio-playing="true"] { box-shadow: 0 0 0 3px var(--mint-deep); }
.platform-audio-foot small { color: var(--muted); line-height: 1.8; }
.platform-word-audio { flex: 0 0 auto; }
.workshop-word { flex-wrap: wrap; }
.platform-guide-audio { margin-block: 8px 16px; }
.sound-preference { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:7px 11px; border:1px solid #c9d7cf; border-radius:10px; background:rgba(255,252,246,.78); color:var(--ink); font:inherit; font-size:.78rem; font-weight:700; line-height:1.5; white-space:nowrap; cursor:pointer; transition:background .18s ease,border-color .18s ease,box-shadow .18s ease; }
.sound-preference:hover { border-color:var(--mint-deep); background:#e8f1eb; }
.sound-preference:focus-visible { outline:3px solid var(--peach-deep); outline-offset:3px; }
.sound-preference-icon { width:19px; height:19px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.sound-preference-icon-off { display:none; }
.sound-preference[aria-pressed="false"] { border-color:#d9c9bd; background:#fff8f1; color:#85452f; }
.sound-preference[aria-pressed="false"] .sound-preference-icon-on { display:none; }
.sound-preference[aria-pressed="false"] .sound-preference-icon-off { display:block; }
@media(max-width:760px) {
  .sound-preference { min-height:48px; padding-inline:12px; }
}