.public-music{max-width:1120px}.public-music a{color:var(--ds-body);text-underline-offset:4px}.public-nav{display:flex;flex-wrap:wrap;gap:calc(12px * var(--ui-space-scale, 1)) calc(22px * var(--ui-space-scale, 1));padding-bottom:calc(24px * var(--ui-space-scale, 1));border-bottom:1px solid #354051;margin-bottom:calc(32px * var(--ui-space-scale, 1))}.public-lead{font-size:calc(18px * var(--ui-type-scale, 1));line-height:1.8;color:var(--ds-body)}.public-music-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(16px * var(--ui-space-scale, 1))}.music-card{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:start;gap:calc(18px * var(--ui-space-scale, 1));padding:calc(20px * var(--ui-space-scale, 1));border:1px solid #344054;border-radius:18px;background:linear-gradient(120deg,#1b2937,#202031)}.music-card h2{font-size:calc(20px * var(--ui-type-scale, 1));margin:calc(6px * var(--ui-space-scale, 1)) 0 calc(10px * var(--ui-space-scale, 1));overflow-wrap:anywhere}.music-card h2 a{color:var(--ds-text)}.music-card p{margin:calc(6px * var(--ui-space-scale, 1)) 0;line-height:1.6}.public-artwork{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#192534}.public-artwork.is-person{border-radius:50%}.public-kicker{font-size:calc(12px * var(--ui-type-scale, 1));color:var(--ds-body)}.public-tags{display:flex;flex-wrap:wrap;gap:calc(6px * var(--ui-space-scale, 1))}.public-tags a{font-size:calc(12px * var(--ui-type-scale, 1));background:#111c2d;padding:calc(3px * var(--ui-space-scale, 1)) calc(9px * var(--ui-space-scale, 1));border-radius:20px}.public-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;font-size:calc(14px * var(--ui-type-scale, 1));color:var(--ds-body)}.public-listen{display:inline-flex;align-items:center;gap:calc(12px * var(--ui-space-scale, 1));padding:calc(9px * var(--ui-space-scale, 1)) calc(16px * var(--ui-space-scale, 1));margin-top:calc(12px * var(--ui-space-scale, 1));border:1px solid #6b5270;border-radius:24px;color:var(--ds-body)!important;text-decoration:none;background:#352a40}.public-song-head{display:grid;grid-template-columns:224px minmax(0,1fr);gap:calc(32px * var(--ui-space-scale, 1));align-items:center;margin:calc(28px * var(--ui-space-scale, 1)) 0 calc(36px * var(--ui-space-scale, 1))}.public-story{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.public-details>div{display:grid;grid-template-columns:150px minmax(0,1fr);padding:calc(13px * var(--ui-space-scale, 1)) 0;border-bottom:1px solid #303949}.public-details dt{color:var(--ds-body)}.public-details dd{margin:0;overflow-wrap:anywhere}.public-report{margin-top:calc(36px * var(--ui-space-scale, 1));font-size:calc(13px * var(--ui-type-scale, 1));color:var(--ds-body)}.public-filters{display:flex;align-items:end;gap:calc(12px * var(--ui-space-scale, 1));flex-wrap:wrap;margin:calc(28px * var(--ui-space-scale, 1)) 0}.public-filters label{display:grid;gap:calc(8px * var(--ui-space-scale, 1));flex:1;min-width:150px;font-size:calc(13px * var(--ui-type-scale, 1))}.public-filters input,.public-filters select{box-sizing:border-box;width:100%;height:44px;border:1px solid #485569;border-radius:10px;background:#172331;color:var(--ds-text);font:inherit;padding:calc(9px * var(--ui-space-scale, 1)) calc(12px * var(--ui-space-scale, 1))}.public-filters button{height:44px;padding:0 calc(25px * var(--ui-space-scale, 1));border:0;border-radius:22px;background:#ee8cba;color:var(--ds-ink);font:inherit;cursor:pointer}.public-pagination{display:flex;justify-content:center;gap:calc(24px * var(--ui-space-scale, 1));align-items:center;margin:calc(32px * var(--ui-space-scale, 1)) 0}.public-music a:focus-visible,.public-filters :focus-visible{outline:2px solid #9be8de;outline-offset:4px}
@media(max-width:750px){.public-music-grid{grid-template-columns:1fr}.public-song-head{grid-template-columns:136px minmax(0,1fr);gap:calc(18px * var(--ui-space-scale, 1))}.public-details>div{grid-template-columns:110px minmax(0,1fr)}.public-lead{font-size:calc(16px * var(--ui-type-scale, 1))}.music-card{padding:calc(16px * var(--ui-space-scale, 1));grid-template-columns:88px minmax(0,1fr);gap:calc(14px * var(--ui-space-scale, 1))}.public-filters label:first-child{flex-basis:100%}}
@media(max-width:400px){.public-song-head{grid-template-columns:1fr}.public-song-head>.public-artwork{width:180px}.public-nav{gap:calc(10px * var(--ui-space-scale, 1)) calc(16px * var(--ui-space-scale, 1));font-size:calc(13px * var(--ui-type-scale, 1))}.music-card h2{font-size:calc(18px * var(--ui-type-scale, 1))}}

.public-preview{max-width:420px;margin:calc(16px * var(--ui-space-scale, 1)) 0}.public-preview p{font-size:calc(14px * var(--ui-type-scale, 1));color:var(--ds-body)}.public-preview audio{display:block;width:100%;max-width:100%;color-scheme:dark}.public-music section{margin-block:calc(24px * var(--ui-space-scale, 1))}
