.release-tabs{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap}.release-tabs a{padding:12px 18px;border:1px solid #bba385;border-radius:4px;text-decoration:none}.release-tabs a[aria-current=page]{background:#682e2a;color:#fffaf0}.release-filters{display:flex;gap:20px;margin:24px 0;flex-wrap:wrap}.release-filters label{font-weight:bold;flex:1;min-width:180px}.release-filters input,.release-filters select{display:block;width:100%;font:16px Arial;padding:12px;margin-top:6px;border:1px solid #bba385;border-radius:4px;background:#fff;color:#34271f}.release-row{display:flex;align-items:center;gap:20px;padding:24px 0;border-top:1px solid #dccbae}.release-row img,.release-art-placeholder{width:90px;height:90px;object-fit:cover;border-radius:4px;flex-shrink:0}.release-art-placeholder{display:grid;place-items:center;background:#eee3ce;color:#682e2a}.release-song{flex:1;min-width:0}.release-song h2{margin:0 0 8px;font-size:24px}.release-title{font-size:20px;margin:0 0 8px}.release-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.release-browser .help{font-size:14px}#catalog-app[hidden]{display:none!important}@media(max-width:650px){.release-filters{display:block}.release-filters label{display:block;margin-bottom:16px}.release-row{flex-wrap:wrap;gap:12px}.release-row img,.release-art-placeholder{width:64px;height:64px}.release-actions{width:100%}.release-song h2{font-size:21px}}

.release-browser{padding:0 32px 32px}.release-tabs{margin:24px 32px}@media(max-width:650px){.release-browser{padding:0 20px 20px}.release-tabs{margin:20px}}

.release-browser h1,.release-browser h2,.release-browser .release-title{font-family:Surabanglus,Georgia,serif;font-weight:400;letter-spacing:.3px;line-height:1.25}.release-browser h1{font-size:42px}.release-browser .release-title{font-size:26px}.release-song h2 a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.release-song h2 a:hover{color:#982c21}

/* Release banners retain their original wide aspect ratio. */
.track:has(.release-banner),.release-row:has(.release-banner){flex-wrap:wrap}
.track .release-banner,.release-row .release-banner{display:block;width:468px;max-width:100%;height:auto;object-fit:contain;border-radius:0;flex:0 0 auto;margin-right:calc(100% - min(100%,468px))}

/* Comfortable touch controls and compact song rows on phones. */
.release-browser select{appearance:none;-webkit-appearance:none;min-height:44px;padding:10px 34px 10px 12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%236b211a' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center}
.catalog-select{appearance:none;-webkit-appearance:none;border:2px solid #806c58;border-radius:4px;background:#fff;display:grid;place-content:center;cursor:pointer}
.catalog-select:checked{background:#6b211a;border-color:#6b211a}
.catalog-select:checked::before{content:"";width:11px;height:6px;border-left:3px solid white;border-bottom:3px solid white;transform:rotate(-45deg);margin-top:-3px}
.catalog-select:focus-visible{outline:3px solid #ac6b1e;outline-offset:3px}
.catalog-select:disabled{opacity:.45;cursor:default}
.catalog-bulk .release-filters{align-items:end}
.catalog-bulk button,.catalog-pagination button{min-height:44px;padding:10px 14px;font:inherit;border:1px solid #bba385;border-radius:5px;cursor:pointer}
.catalog-bulk button:disabled,.catalog-pagination button:disabled{cursor:default;opacity:.55}
.catalog-select{width:24px;height:24px;flex:0 0 24px;accent-color:#6b211a;margin:0}
.release-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:52px;padding:10px 12px;box-sizing:border-box}
.catalog-pagination{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}
.release-song{overflow-wrap:anywhere}
@media(max-width:650px){
 .release-browser h1{font-size:34px}
 .catalog-bulk .release-filters{display:grid;grid-template-columns:1fr;gap:12px}
 .catalog-bulk .release-filters label{margin:0;min-width:0}
 .catalog-bulk button{width:100%}
 .release-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px}
 .release-row:has(.catalog-select){grid-template-columns:24px 64px minmax(0,1fr)}
 .release-actions{grid-column:1/-1;gap:12px}
 .release-browser .release-title{font-size:23px}
}

/* Clear reading and controls for the music library. */
.release-browser h2,.release-browser .release-title{font-family:Arial,sans-serif;letter-spacing:normal;line-height:1.4}.release-browser h2{font-weight:700;font-size:22px}.release-browser .release-title{font-size:20px}.release-browser .help{font-size:16px;line-height:1.5}.release-browser .release-tabs{margin:20px 0}.release-actions a:not(.button){border:1px solid #6b211a;border-radius:5px;text-decoration:none;font-weight:bold}.release-reset{font:inherit;padding:12px;min-height:44px;border:1px solid #806c58;border-radius:5px;background:#fffaf0;color:#54251f;cursor:pointer}.release-browser :is(a,button,input,select):focus-visible{outline:3px solid #986117;outline-offset:3px}.catalog-bulk{background:#f3ead9;padding:16px;border:1px solid #c5af91;border-radius:6px}.catalog-bulk h2{font-size:22px}.release-tabs a{font-weight:700;min-height:44px;box-sizing:border-box}.release-browser select{max-width:100%}@media(max-width:650px){.release-actions{display:grid;grid-template-columns:1fr 1fr}.release-actions .button{grid-column:1/-1}.release-browser h2{font-size:20px}.release-browser .release-title{font-size:18px}.release-tabs a{flex:1;text-align:center}.release-reset{width:100%}}

.catalog-bulk-panel{margin:20px 0;border:1px solid #c5af91;border-radius:6px}.catalog-bulk-panel>summary{padding:14px;font-weight:bold;cursor:pointer;min-height:44px;box-sizing:border-box}.catalog-bulk-panel .catalog-bulk{border:0;margin:0}.catalog-bulk-panel summary:focus-visible{outline:3px solid #986117;outline-offset:3px}
