/* PROTECTED WORKING AREA — Music Artist Details styling. Do not edit without Mike's explicit approval. See /PROTECTED_AREAS.md. */
.music-square-card.artist{cursor:pointer}
.artist-detail-page{margin:calc((var(--header-h) + 42px)*-1) calc(var(--page-side-padding)*-1) -72px;min-height:100vh;color:#eee;background:transparent}.artist-detail-hero{height:245px;position:relative;overflow:hidden}.artist-detail-backdrop{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.72)),radial-gradient(circle at 20% 55%,#242424 0 14%,transparent 31%),radial-gradient(circle at 42% 48%,#353535 0 13%,transparent 30%),radial-gradient(circle at 65% 48%,#242424 0 14%,transparent 31%),linear-gradient(110deg,#141414,#313131 46%,#111)}.artist-detail-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:max-content;max-width:90%;text-align:center;font-size:64px;font-weight:300;font-style:italic;color:#e7e7e7;text-shadow:0 4px 12px #000}.artist-summary-bar{height:82px;display:grid;grid-template-columns:510px 1fr auto;align-items:center;border-top:1px solid #163b24;border-bottom:1px solid #163b24;background:transparent}.artist-photo-column{position:relative;height:100%}.artist-detail-photo{position:absolute;left:56px;top:-65px;width:430px;height:430px;overflow:hidden;box-shadow:0 6px 18px #000;background:linear-gradient(145deg,#d59635,#4d260e 42%,#0e1114 72%)}.artist-photo-people{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-end;gap:2px;padding:44px 22px 0}.artist-photo-people span{width:74px;height:265px;border-radius:44% 44% 10% 10%;background:linear-gradient(#b7855b 0 22%,#1d252b 23% 100%)}.artist-photo-people span:nth-child(1){height:225px}.artist-photo-people span:nth-child(2){height:280px}.artist-photo-people span:nth-child(3){height:250px}.artist-photo-people span:nth-child(4){height:270px}.artist-photo-people span:nth-child(5){height:235px}.artist-summary-copy{padding:0 24px}.artist-summary-copy h1{font-size:23px;margin:0 0 4px}.artist-summary-copy small{font-size:12px}.artist-actions{display:flex;gap:19px;padding-right:30px}.artist-detail-content{display:grid;grid-template-columns:510px 1fr;min-height:720px;background:transparent}.artist-photo-spacer{min-height:430px}.artist-information{padding:30px 38px 60px 46px;min-width:0;background:transparent}.artist-provider-links{font-size:12px;margin:0 0 20px}.artist-provider-links b{color:#84f528}.artist-details-list{display:grid;grid-template-columns:74px 1fr;gap:8px;font-size:12px;margin:0 0 22px}.artist-details-list dd{margin:0;font-weight:700}.artist-section-heading h2{font-size:20px;font-weight:400;margin:0 0 10px}.artist-section-heading:after{content:"";display:block;width:130px;height:3px;margin-bottom:12px;background:linear-gradient(90deg,#84f528,transparent)}.artist-album-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 14px}.artist-album-card,.similar-artist-card{text-align:center;min-width:0}.artist-album-art{aspect-ratio:1;display:grid;place-items:end center;padding:10px;box-shadow:inset 0 0 0 1px #ffffff24;background:#222}.artist-album-art span,.similar-artist-art span{font-weight:800;text-shadow:0 2px 5px #000}.artist-album-art-1{background:linear-gradient(145deg,#33435a,#9a2435)}.artist-album-art-2{background:linear-gradient(145deg,#d7c5a2,#391e17)}.artist-album-art-3{background:linear-gradient(145deg,#a69b7c,#2b1917)}.artist-album-art-4{background:linear-gradient(145deg,#f3f3f3,#a82d39)}.artist-album-art-5{background:linear-gradient(145deg,#111,#50666f)}.artist-album-art-6{background:linear-gradient(145deg,#8f4e35,#c9b68e)}.artist-album-art-7{background:linear-gradient(145deg,#aaa,#191919)}.artist-album-art-8{background:linear-gradient(145deg,#7d4a39,#271714)}.artist-album-card strong,.similar-artist-card strong{display:block;font-size:12px;font-weight:400;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-album-card small{display:block;color:#9ba0a4;font-size:10px;margin-top:3px}.artist-similar-section{margin-top:34px}.artist-similar-row-wrap{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;gap:12px;width:100%}.artist-similar-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 56px)/5);gap:14px;overflow:hidden;min-width:0}.artist-detail-row-arrow.left{justify-self:start}.artist-detail-row-arrow.right{justify-self:end}.similar-artist-art{height:120px;display:grid;place-items:end center;padding:10px;background:linear-gradient(145deg,#555,#111);box-shadow:inset 0 0 0 1px #ffffff24}.similar-artist-art-2{background:linear-gradient(145deg,#8f6530,#202020)}.similar-artist-art-3{background:linear-gradient(145deg,#4f6771,#121719)}.similar-artist-art-4{background:linear-gradient(145deg,#d3a85a,#3f1e32)}.similar-artist-art-5{background:linear-gradient(145deg,#aaa,#232323)}.similar-artist-art-6{background:linear-gradient(145deg,#b45142,#271622)}.similar-artist-art-7{background:linear-gradient(145deg,#d2c7bb,#442a23)}
@media(max-width:1150px){.artist-summary-bar{grid-template-columns:350px 1fr auto}.artist-detail-content{grid-template-columns:350px 1fr}.artist-detail-photo{left:28px;width:300px;height:300px}.artist-photo-spacer{min-height:300px}.artist-album-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.artist-information{padding-left:28px}}@media(max-width:760px){.artist-detail-page{margin-top:calc((var(--header-h) + 24px)*-1);margin-left:-18px;margin-right:-18px}.artist-detail-hero{height:180px}.artist-detail-logo{font-size:42px}.artist-summary-bar{height:auto;grid-template-columns:130px 1fr;min-height:104px}.artist-detail-photo{left:14px;top:-34px;width:104px;height:104px}.artist-photo-people{padding:14px 6px 0}.artist-photo-people span{width:18px;height:70px!important}.artist-actions{grid-column:2;padding:0 14px 12px}.artist-detail-content{display:block}.artist-photo-spacer{display:none}.artist-information{padding:24px 16px 45px}.artist-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artist-similar-row-wrap{grid-template-columns:48px minmax(0,1fr) 48px}.artist-similar-row{grid-auto-columns:145px}}

/* v0.0.124 — Similar Artists row only. Keep the current Home arrow artwork,
   but make this detail-row layout own its positioning and five-card width. */
.artist-similar-row-wrap{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) 72px!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  position:relative!important;
}
.artist-similar-row{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.artist-similar-row .similar-artist-card{
  flex:0 0 calc((100% - 64px)/5)!important;
  width:calc((100% - 64px)/5)!important;
  min-width:0!important;
}
.artist-similar-row .similar-artist-art{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
}
.artist-similar-row-wrap>.artist-detail-row-arrow{
  position:static!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
}
.artist-similar-row-wrap>.artist-detail-row-arrow:hover,
.artist-similar-row-wrap>.artist-detail-row-arrow:focus-visible{
  transform:scale(1.03)!important;
}
@media(max-width:760px){
  .artist-similar-row-wrap{grid-template-columns:48px minmax(0,1fr) 48px!important;gap:8px!important}
  .artist-similar-row .similar-artist-card{flex-basis:145px!important;width:145px!important}
}

/* v0.0.124 — Artist Details hero logo visible-area centering only. */
@media(min-width:761px){
  .artist-detail-page .artist-detail-logo{
    left:50%!important;
    top:calc(50% + 40px)!important;
    transform:translate(-50%,-50%)!important;
  }
}