.music-title-page { background:#fff; color:#073b4c; }
.music-title-page main { padding:42px 20px 80px; }
.music-title-main { width:min(1180px,100%); margin:0 auto; }
.music-title-breadcrumbs { display:flex; flex-wrap:wrap; gap:9px; align-items:center; margin-bottom:18px; color:#718994; }
.music-title-breadcrumbs a { color:#078da8; font-weight:700; text-decoration:none; }
.music-title-breadcrumbs strong { color:#073b4c; }

.music-title-hero { display:grid; grid-template-columns:minmax(220px,300px) 1fr; gap:32px; padding:32px; border-radius:28px; background:linear-gradient(135deg,#083f52,#096f88 60%,#08bddd); box-shadow:0 20px 50px rgba(7,59,76,.16); color:#fff; }
.music-title-hero__cover img { width:100%; aspect-ratio:1; display:block; object-fit:cover; border:4px solid rgba(255,255,255,.3); border-radius:22px; box-shadow:0 16px 35px rgba(0,0,0,.24); }
.music-title-hero__content { display:flex; flex-direction:column; justify-content:center; gap:16px; }
.music-title-hero__eyebrow { margin:0; color:#78e7f8; font-size:.78rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.music-title-hero h1 { margin:0; color:#fff; font-size:clamp(2.3rem,5vw,4rem); line-height:1.02; }
.music-title-hero__summary { max-width:650px; margin:0; color:rgba(255,255,255,.82); line-height:1.65; }
.music-title-actions { display:flex; flex-wrap:wrap; gap:10px; }
.music-title-action { padding:11px 17px; border-radius:999px; background:#fff; color:#087f98; font-weight:800; text-decoration:none; }
.music-title-action--secondary { background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.25); color:#fff; }
.music-title-meta { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:10px; }
.music-title-meta__item { padding:13px; border:1px solid rgba(255,255,255,.18); border-radius:15px; background:rgba(255,255,255,.12); }
.music-title-meta__item span,.music-title-meta__item strong { display:block; color:#fff; }
.music-title-meta__item span { margin-bottom:5px; font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; opacity:.72; }

.music-title-section { margin-top:26px; padding:30px; border:1px solid #dcecf2; border-radius:24px; background:#fff; box-shadow:0 14px 40px rgba(7,59,76,.08); }
.music-title-section__header { margin-bottom:20px; }
.music-title-section__header h2 { margin:0 0 6px; color:#073b4c; font-size:1.7rem; }
.music-title-section__header p { margin:0; color:#6a8590; }
.music-title-media-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:18px; }
.music-panel { overflow:hidden; border-radius:18px; background:#101c26; box-shadow:0 12px 30px rgba(7,25,34,.16); }
.music-panel__header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:15px 17px; color:#fff; }
.music-panel--spotify .music-panel__header { background:#168d46; }
.music-panel--apple-music .music-panel__header { background:#f34774; }
.music-panel--deezer .music-panel__header { background:#ec5b18; }
.music-panel--youtube .music-panel__header { background:#d91c1c; }
.music-panel__title-group h3 { display:flex; align-items:center; gap:9px; margin:0; color:#fff; }
.music-panel__eyebrow { font-size:.75rem; opacity:.78; }
.music-platform-icon { width:27px; height:27px; border-radius:7px; object-fit:cover; }
.music-panel__header a { color:#fff; font-weight:800; text-decoration:none; }
.music-panel__embed { padding:10px; }
.music-panel iframe { display:block; width:100%; border:0; border-radius:12px; background:#101c26; }
.music-lyrics-card,.music-empty-state { padding:20px; border-radius:16px; background:#f4fafc; color:#587680; }
.music-lyrics-content { margin:0; white-space:pre-wrap; font:inherit; line-height:1.8; color:#244d5b; }

@media(max-width:780px){ .music-title-page main{padding:25px 12px 55px}.music-title-hero{grid-template-columns:1fr;padding:24px}.music-title-hero__cover{max-width:260px;margin:auto}.music-title-section{padding:22px}.music-title-media-grid{grid-template-columns:1fr} }