.pilgrimage__board .board-table__title { display: flex; gap: var(--space-12); font-size: var(--font-size-h4); font-weight: 500; word-break: keep-all; }
.language-badge { display: inline-block; padding: var(--space-8) var(--space-10); font-size: var(--font-size-body-sm); font-weight: 500; line-height: 1; }
.language-badge--kr { color: #7A4A1E; background-color: #F5EDE3; }
.language-badge--en { color: #1E6B66; background-color: #E3F0EF; }
.language-badge--cn { color: #B21C1C; background-color: #F5E3E3; }
.board-table__subject { max-width: 200px; overflow-wrap: break-word; }
.board-table__audio-player audio { display: block; width: 100%; height: 44px; }
.board-table__audio-player audio::-webkit-media-controls-enclosure { border-radius: 50px; background-color: transparent; }
.board-table__audio-player audio::-webkit-media-controls-panel { display: flex; align-items: center; height: 100%; padding: 0 14px 1px; border-radius: 50px; background-color: #F2F2F5; }
.board-table__audio-player audio::-webkit-media-controls-timeline { flex: 1 1 auto; min-width: 0; margin: 0; }
.board-table__audio-player audio::-webkit-media-controls-play-button { margin: 0 8px 0 0; padding: 0; }
.board-table__audio-player audio::-webkit-media-controls-current-time-display { display: flex; align-items: center; align-self: center; line-height: 1; margin: 0 4px 0 0; padding: 0; }
.board-table__audio-player audio::-webkit-media-controls-time-remaining-display { display: flex; align-items: center; align-self: center; line-height: 1; margin: 0; padding: 0; }
.board-table__audio-player audio::-webkit-media-controls-mute-button { margin: 0; padding: 0; }

@media (max-width: 1024px) {
    .audio-guide__container { width: 100%; }
    .pilgrimage__board .board-table__title { flex-direction: column; align-items: start; }
    .pilgrimage__board .board-table { display: block; border-bottom: 1px solid var(--color-border-subtle); }
    .pilgrimage__board thead { display: none; }
    .pilgrimage__board,
    .pilgrimage__board tbody,
    .pilgrimage__board tr,
    .pilgrimage__board th,
    .pilgrimage__board td { display: block; width: 100%; }
    .pilgrimage__board .board-table tbody tr { padding: var(--space-20); }
    .pilgrimage__board .board-table tbody td { padding-block: 6px; padding-left: 0; }
    .pilgrimage__board .board-table__no { display: none; }
    .pilgrimage__board .board-table__title { font-size: var(--font-size-h3); }
    .board-table__subject { display: block; max-width: none; }
}