.cdl-musical-listen {
margin: 1.5rem 0 0;
padding: 0.75rem 0 0;
border-top: 1px solid rgba(48, 44, 38, 0.07);
max-width: 36rem;
}
.cdl-musical-listen__title {
margin: 0 0 0.4rem;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: rgba(56, 50, 44, 0.55);
}
.cdl-musical-listen__guide {
margin: 0;
font-size: 0.94rem;
line-height: 1.62;
color: rgba(40, 36, 32, 0.86);
font-style: italic;
}
.cdl-musical-listen__tool {
margin: 0.55rem 0 0;
font-size: 0.82rem;
line-height: 1.45;
}
.cdl-musical-listen__tool-link {
color: rgba(72, 58, 42, 0.78);
text-decoration: none;
border-bottom: 1px solid rgba(72, 58, 42, 0.22);
transition: color 0.15s ease, border-color 0.15s ease;
}
.cdl-musical-listen__tool-link:hover,
.cdl-musical-listen__tool-link:focus-visible {
color: rgba(48, 38, 28, 0.95);
border-bottom-color: rgba(48, 38, 28, 0.45);
}
.cdl-cultural-single__afterglow .cdl-musical-listen {
margin-top: 1.1rem;
}
.cdl-cultural-guided-step__listen {
margin: 0.35rem 0 0;
font-size: 0.88rem;
line-height: 1.55;
font-style: italic;
color: rgba(56, 50, 44, 0.68);
}
@media (max-width: 640px) {
.cdl-musical-listen {
max-width: none;
}
}
@media (prefers-reduced-motion: reduce) {
.cdl-musical-listen__tool-link {
transition: none;
}
}