.bn-audio-reader{
  margin:24px 0 30px;
  padding:22px;
  border:1px solid #d8c9aa;
  border-radius:22px;
  background:linear-gradient(135deg,#f4fbf8,#fffaf1);
  box-shadow:0 10px 28px rgba(15,73,61,.07)
}
.bn-audio-reader__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px
}
.bn-audio-reader__title{
  margin:3px 0 6px!important;
  font-size:24px!important;
  color:#0f493d
}
.bn-audio-reader__copy{
  margin:0!important;
  color:#5f655f
}
.bn-audio-reader__controls{
  display:flex;
  flex-wrap:wrap;
  gap:9px
}
.bn-audio-reader__controls button{
  min-height:44px
}
.bn-audio-reader__status{
  display:block;
  margin-top:11px;
  min-height:1.4em;
  color:#5f655f;
  font-size:14px
}
.bn-audio-reader.is-unsupported .bn-audio-reader__controls{opacity:.55}
.bn-media-figure{
  margin:24px 0 32px;
  padding:14px;
  border:1px solid #e0d4bd;
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 24px rgba(15,73,61,.06)
}
.bn-media-figure img{
  display:block;
  width:100%;
  height:auto;
  border-radius:14px
}
.bn-media-figure figcaption{
  margin:12px 6px 2px;
  color:#66706a;
  font-size:14px;
  line-height:1.6
}
.bn-content-wrap details.bn-note-box summary{
  cursor:pointer;
  user-select:none
}
.bn-content-wrap details.bn-note-box[open] summary{
  margin-bottom:12px
}
@media(max-width:680px){
  .bn-audio-reader{padding:18px}
  .bn-audio-reader__head{display:block}
  .bn-audio-reader__title{font-size:22px!important}
  .bn-audio-reader__controls{display:grid;grid-template-columns:1fr 1fr}
  .bn-audio-reader__controls button:first-child{grid-column:1/-1}
  .bn-media-figure{margin-left:-4px;margin-right:-4px;padding:8px;border-radius:18px}
  .bn-media-figure img{border-radius:11px}
}
@media print{
  .bn-audio-reader{display:none!important}
  .bn-media-figure{box-shadow:none;break-inside:avoid}
}