.spaak-music{background:#59685d;color:#fff;border-radius:10px;padding:32px;margin:32px 0}.spaak-music .eyebrow{color:#f5df98}.spaak-music h2{font-size:clamp(28px,4vw,42px);line-height:1.1;margin:8px 0 14px}.spaak-music p{max-width:620px;line-height:1.6}.music-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:24px}.music-form{display:grid;gap:12px}.music-form label{display:grid;gap:6px;font-size:13px}.spaak-music input,.music-admin input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #c8d0c3;border-radius:5px;font:inherit;background:#fff;color:#263238}.spaak-music button,.spaak-music a.button{border:1px solid #263238;background:#263238;color:#fff;border-radius:5px;padding:11px 14px;min-height:44px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.spaak-music button:disabled{opacity:.6;cursor:default}.spaak-music a{color:inherit}.music-list{list-style:none;padding:0;margin:12px 0}.music-list li{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff36;padding:12px 0}.music-track{flex:1;min-width:0;overflow-wrap:anywhere}.music-track strong,.music-track span{display:block}.music-track span{font-size:13px;opacity:.85;margin-top:3px}.music-count{font-variant-numeric:tabular-nums;font-size:12px;white-space:nowrap}.music-note{font-size:12px;opacity:.85}.music-form [name=website]{display:none}.music-status{min-height:24px;font-size:13px}.music-admin{max-width:800px;margin:32px auto;padding:20px}.music-admin article{padding:18px 0;border-bottom:1px solid #ccc}.music-admin button{min-height:44px;margin:4px;padding:10px 14px}.music-admin form{display:grid;gap:10px}.music-admin [role=status]{min-height:30px}@media(max-width:650px){.spaak-music{padding:24px 18px;margin:24px 0}.music-layout{grid-template-columns:1fr;gap:24px}.music-list li{gap:8px}.music-list button{padding:10px}.music-form button{width:100%}}

.spaak-music summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;padding:12px 14px;min-height:44px;box-sizing:border-box;background:#263238;border-radius:5px;font-weight:700;font-size:13px}.spaak-music summary::-webkit-details-marker{display:none}.spaak-music details[open] summary{margin-bottom:16px}.catalog-search-active .spaak-music{display:none}.spaak-music button:focus-visible,.spaak-music summary:focus-visible{outline:3px solid #f7d348;outline-offset:3px}

.music-promo{background:#59685d;color:#fff;overflow:hidden;align-self:stretch}.music-promo .card-content{padding:22px;gap:10px}.music-promo .category-label{color:#f5df98}.music-promo h3{font-size:clamp(24px,2.3vw,34px);line-height:1.1;margin:0}.music-promo .desc{color:#fff;line-height:1.5;margin:8px 0 16px}.music-promo a.button{background:#263238;color:#fff;min-height:44px;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px}.music-promo .music-vote-link{color:#fff;display:block;font-size:13px;margin-top:14px;text-underline-offset:4px}.music-record-art{height:190px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#526156}.music-record{width:166px;height:166px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#263238 0 2px,#344047 3px 4px);box-shadow:6px 9px 0 #0002;transform:rotate(-15deg)}.music-record span{width:64px;height:64px;background:#f7d348;color:#263238;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:1px}.music-record-art i{position:absolute;width:7px;height:100px;border-radius:4px;background:#e9e5d5;top:24px;left:calc(50% + 79px);transform:rotate(24deg);transform-origin:top}.music-page{max-width:1080px;margin:auto;padding:32px 20px}.music-back{color:#263238;text-underline-offset:4px}.music-page .spaak-music{margin-top:24px}.music-promo a:focus-visible{outline:3px solid #f7d348;outline-offset:3px}

.music-form .music-newsletter{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6}.music-form .music-newsletter input{width:18px;height:18px;flex-shrink:0;accent-color:#59685d;margin-top:4px}
/* Original Spaak wordmark on the record label. */
.music-record .music-record-label{display:flex;align-items:center;justify-content:center}
.music-record .music-record-logo{display:block;width:52px;height:auto;max-width:none;object-fit:contain;flex:none}

/* Ask and vote in the catalogue without leaving the shop. */
.music-promo .music-record-art{height:125px}
.music-promo .music-record{width:120px;height:120px}
.music-promo .music-record-art i{height:78px;top:12px;left:calc(50% + 58px)}
.music-promo .card-content{gap:8px;padding:18px}
.music-promo .desc{font-size:14px;margin:4px 0 8px}
.music-inline-form{display:grid;gap:10px;margin:0}
.music-inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.music-inline-fields label{display:grid;gap:4px;font-size:12px;min-width:0}
.music-inline-fields input{width:100%;min-width:0;min-height:44px;border:1px solid #c8d0c3;border-radius:5px;padding:8px;font:inherit;font-size:16px;background:white;color:#263238}
.music-inline-form [name=website]{display:none}
.music-promo .music-inline-form .button{margin:0;background:#263238;color:white;border-radius:5px;font-size:13px;min-height:44px}
.music-promo .music-inline-status{font-size:13px;line-height:1.45;margin:0}
.music-inline-status:empty{display:none}
.music-inline-board{margin:2px 0 0;border-top:1px solid #ffffff36;font-size:13px}
.music-inline-board summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:700}
.music-inline-list{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto;overscroll-behavior:contain}
.music-inline-list li{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #ffffff36;font-size:12px}
.music-inline-list .music-track{flex:1;min-width:0;overflow-wrap:anywhere}
.music-inline-list button{border:1px solid #ffffff60;border-radius:5px;padding:8px;min-height:44px;background:#263238;color:white;font-size:12px}
.music-inline-form input:focus-visible,.music-inline-board summary:focus-visible,.music-inline-list button:focus-visible{outline:2px solid #f7d348;outline-offset:3px}

.music-inline-form .music-email-details{font-size:12px;margin:10px 0}.music-inline-form .music-email-details summary{cursor:pointer}.music-inline-form .music-email-details label{display:block;margin-top:10px}.music-inline-form .music-email-details input[type=email]{width:100%;padding:9px;box-sizing:border-box}.music-inline-form .music-email-details .music-newsletter{display:flex;align-items:flex-start;gap:8px;line-height:1.5}.music-inline-form .music-newsletter input{width:17px;flex-shrink:0;margin-top:3px}

.music-admin .music-auth{padding:22px;margin:24px 0 12px;border:1px solid #c9d3c4;background:#edf2e8;border-radius:10px}.music-admin .music-auth h2{font-size:24px;margin:0 0 12px}.music-admin .music-auth p{font-size:15px}.music-admin h1{font-size:clamp(30px,5vw,44px)}.music-admin [hidden]{display:none!important}
