/* Shared structure; each design owns its playlist appearance. */
.tidal-track-link{display:block;min-width:0;text-decoration:none;line-height:1.4;overflow-wrap:anywhere}
.tidal-track-link small{display:block;line-height:1.4}.recorded-tape{display:block;line-height:1.5}.recording-legend{font-size:.9em}
.tidal-track-link .tidal-availability-label{display:block;margin-top:3px;font-size:11px;font-weight:700;letter-spacing:.02em}
html[data-design="classic"] .tidal-track-link .tidal-availability-label{color:#8a3f26}
html[data-design="commander"] .tidal-track-directory .tidal-availability-label{color:#ffe47b!important}
html[data-design="classic"] .tidal-track-list{list-style:none;padding:0;display:grid;gap:8px;margin:20px 0}
html[data-design="classic"] .tidal-track{padding:12px 14px;border:1px solid #dde1dc;border-radius:8px;background:#fff}
html[data-design="classic"] .tidal-track-link{color:#20282b;font:14px/1.5 Arial,sans-serif}
html[data-design="classic"] .tidal-track-link small{font-size:12px;color:#667277}
html[data-design="classic"] .tidal-track.is-recorded{background:#edf7ef;border-left:4px solid #287d3c}
html[data-design="classic"] .recorded-tape{color:#246435;font:12px/1.5 Arial,sans-serif;margin-top:6px}
html[data-design="commander"] .tidal-track-directory{width:100%;table-layout:fixed;border-collapse:collapse}
html[data-design="commander"] .tidal-track-directory td{padding-top:8px!important;padding-bottom:8px!important;vertical-align:top}
html[data-design="commander"] .tidal-track-directory a{display:block;white-space:normal!important;padding:0!important;color:inherit!important;font:inherit!important}
html[data-design="commander"] .tidal-track-directory small{font-size:inherit!important}
html[data-design="commander"] .tidal-track-directory .is-recorded{background:#fff2ce!important;border-left:4px solid #996000}
html[data-design="commander"] .recorded-tape{color:#704700!important;margin-top:6px}
html[data-design="commander"] .tidal-track-directory td:last-child,html[data-design="commander"] .tidal-track-directory th:last-child{width:6ch!important;white-space:nowrap}
html[data-design="commander"] .tidal-track-directory tr:hover,html[data-design="commander"] .tidal-track-directory tr:focus-within{background:#000!important;color:#fff!important}
html[data-design="commander"] .tidal-track-directory tr:hover *,html[data-design="commander"] .tidal-track-directory tr:focus-within *{color:inherit!important}

html[data-design="commander"] .tidal-track-directory .tidal-track-link>span,
html[data-design="commander"] .tidal-track-directory .tidal-track-link>.commander-track-meta{display:block;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
html[data-design="commander"] .tidal-track-directory .commander-track-meta .tidal-state{display:inline!important;margin-left:1ch}
html[data-design="commander"] .tidal-track-directory .tidal-track-link{position:relative}
html[data-design="commander"] .tidal-track-directory .tidal-track-link:has(.tidal-state)>span{padding-right:13ch}
html[data-design="commander"] .tidal-track-directory .commander-track-meta .tidal-state{position:absolute;right:0;top:0;margin:0}
html[data-design="commander"] .tidal-track-directory td{padding-top:4px!important;padding-bottom:4px!important}
/* One line of empty space separates adjacent Commander tracks. */
html[data-design="commander"] .tidal-track-directory tbody td{padding-top:.7em!important;padding-bottom:.7em!important}