#body-media-audio #div-content { padding-bottom: 7rem; }
#body-media-audio .media-back { margin-bottom: 0; font-size: var(--caption-text-size); }
#body-media-audio h1 { margin-bottom: .5rem; }
#body-media-audio .catalog-jump-links { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; font-size: var(--caption-text-size); margin-block: 1.5rem; }
#body-media-audio section { scroll-margin-top: 1.5rem; }
#body-media-audio .catalog-composer { display: flex; align-items: flex-start; gap: clamp(1rem, 2vw, 2rem); padding-block: 1.5rem; border-bottom: 1px solid rgba(255, 255, 255, .2); }
#body-media-audio .catalog-composer h3 { flex: 0 0 clamp(120px, 12vw, 190px); margin: 0; font-size: var(--normal-text-size); }
#body-media-audio .composer-works { flex: 1; min-width: 0; font-size: var(--caption-text-size); overflow-wrap: anywhere; }
#body-media-audio .composer-works p { margin: 0 0 1rem; }
#body-media-audio .composer-works > :last-child { margin-bottom: 0; }
#body-media-audio .composer-works ul { padding-left: 1.25rem; margin-block: 0 1.5rem; }
#body-media-audio .composer-works .audio-tracks { list-style: none; padding: 0; }
#body-media-audio .audio-track { margin-block: 0 1rem; }
#body-media-audio .track-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin-bottom: .4rem; }
#body-media-audio .track-duration { color: #c5c5c5; white-space: nowrap; margin-left: .4rem; }
#body-media-audio audio { display: block; width: 100%; max-width: 30rem; color-scheme: dark; }
#body-media-audio a:focus-visible, #body-media-audio audio:focus-visible { outline: 2px solid var(--mark-color); outline-offset: 5px; }
#body-media-audio nav > div { display: flex; overflow-x: auto; white-space: nowrap; max-width: 100%; padding-block: .3rem; }
@media (max-width: 700px) {
    #body-media-audio #div-content { padding-left: 6vw; padding-right: 6vw; }
    #body-media-audio .catalog-composer { flex-direction: column; gap: 1rem; }
    #body-media-audio .catalog-composer h3 { flex-basis: auto; font-size: 1.35rem; }
    #body-media-audio .composer-works { width: 100%; }
}
@media (orientation: portrait) {
    #body-media-audio { --normal-text-size: 1.4rem; --caption-text-size: 1.1rem; }
}
