.audio-demo-note{font-size:12px;line-height:1.9;margin:0 0 18px;color:#4f5956}
.audio-comparison [hidden]{display:none}
.audio-comparison .mock-content{background:#fff;color:#252c2d}
.audio-state{padding:10px;border:1px solid #a9b4ad;background:#f2f4f1;font-size:12px;line-height:1.8;margin:0 0 12px;min-height:65px}
.audio-missing-control,.audio-demo-button{min-height:48px;margin:0 0 22px;padding:9px 12px;border:1px solid #536c61;border-radius:4px;font:600 13px/1.8 var(--sans);width:100%;text-align:center}
.audio-missing-control{background:#f2f2ee;color:#4f5956;border-style:dashed}
.audio-demo-button{cursor:pointer;background:#24574c;color:#fff}
.audio-page-title{font-size:16px;line-height:1.8;margin:0 0 12px}
.audio-page-content{font-size:13px;line-height:1.9;margin:0 0 20px}
.audio-voices{display:grid;gap:8px;border-top:1px solid #bdc6bf;padding-top:14px}
.audio-voices p{margin:0;padding:9px 10px;border-left:3px solid #597267;background:#f1f4ef;font-size:12px;line-height:1.9}
.audio-voices [data-audio-background],.example-before .audio-voices p:last-child{border-left-style:double;border-left-width:5px;background:#f7f0e8}
@media(max-width:720px){.audio-comparison .mock-content{padding:18px 14px}.audio-state{min-height:86px}.audio-page-title{font-size:15px}.audio-demo-note{font-size:13px}}
@media print{.audio-state{font-size:8pt;min-height:0}.audio-missing-control,.audio-demo-button{font-size:8pt;min-height:0;padding:6pt}.audio-page-title{font-size:10pt}.audio-page-content,.audio-voices p,.audio-demo-note{font-size:8pt}}