.audiobook-main { padding-block: 2.75rem 3.5rem; color: #fff; background: var(--color-brand-surface); }
.audiobook-content { max-width: 64rem; }
.audiobook-content h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); text-align: center; }
.audiobook-embed { max-width: 58rem; margin: 2.25rem auto 0; }
.audiobook-frame { display: block; width: 100%; height: 49.75rem; border: 0; background: #1f3a56; }

@media (min-width: 48rem) {
  .audiobook-frame { height: 48.125rem; }
}

@media (max-width: 22rem) {
  .audiobook-frame { height: 52rem; }
}

@media (max-width: 47.999rem) {
  .audiobook-main { padding-block: 2.25rem 2.5rem; }
}