/* ==========================================================================
   DIRECTION A SKIN — WAVE 2 · MUSIC DETAIL + CHARTS FAMILY
   (artist / album / track / lyrics pages + Top Artists / Top Albums /
   All Artists charts pages). CSS-only refinement over music.css:
   canonical ink #1B1712 (never #141310, and not the older warm #2A1C11),
   cream #FAF6EE, brick #C0391B, sand #F2E9D7, hairline #E0D7C3,
   Playfair Display/Georgia serif display. Square editorial corners;
   play discs and portrait circles stay round — they are affordances,
   not furniture. Artwork carries the color; chrome stays house.
   Loaded ONLY by the music detail/charts templates (gen_pages.head,
   build_hub head for the three charts pages) — never the hub front.
   ========================================================================== */

/* ---- shared detail canvas (artist / album / track / lyrics) ------------- */
.mu-wrap{color:#1B1712}
.mu-crumb{color:#6E6557}
.mu-crumb a{color:#4A4237}
.mu-crumb a:hover{color:#C0391B}
.mu-crumb-sep{color:#A99E8A}
.mu-crumb [aria-current]{color:#1B1712}

/* hero: serif display in canonical ink, square art, hairline rule */
.mu-hero{border-bottom:1px solid #E0D7C3}
.mu-hero-img{border-radius:0;background:#F2E9D7;box-shadow:none}
.mu-name{font-family:"Playfair Display",Georgia,serif;color:#1B1712}
.mu-byline{color:#3A322A}
.mu-byline a{color:#1B1712}
.mu-meta{color:#6E6557}
.mu-sub{color:#3A322A}
.mu-genre{color:#1B1712}
.mu-badge{border-radius:0;border-color:#C0391B;color:#C0391B}

/* sections: Playfair heads, plain reader copy colors */
.mu-sec-t{font-family:"Playfair Display",Georgia,serif;color:#1B1712}
.mu-note{color:#6E6557}
.mu-also{color:#6E6557}
.mu-also-l{color:#6E6557}
.mu-also a{color:#1B1712}

/* sand boxes, square corners (genius signpost + big preview player) */
.mu-sec--genius{background:#F2E9D7;border:1px solid #E0D7C3;border-radius:0}
.mu-bigplay{background:#F2E9D7;border:1px solid #E0D7C3;border-radius:0}
.mu-bigplay-t{color:#1B1712}
.mu-bigplay-s{color:#6E6557}
.mu-btn{background:#1B1712;color:#FAF6EE;border-radius:0}
.mu-btn:hover{background:#C0391B}

/* track rows: hairlines, ink titles */
.mu-trow{border-bottom:1px solid #E0D7C3}
.mu-tnum{color:#6E6557}
.mu-tart{border-radius:0;background:#F2E9D7}
.mu-tt{color:#1B1712}
.mu-tt a{color:#1B1712}
.mu-ta{color:#6E6557}
.mu-explicit{border-color:#A99E8A;color:#6E6557;border-radius:0}
.mu-tdur{color:#6E6557}
.mu-play{border-color:#1B1712;background:#1B1712;color:#FAF6EE}
.mu-play:hover{background:#C0391B;border-color:#C0391B}

/* album grids + people: square art, ink names (portraits stay round) */
.mu-album{color:#1B1712}
.mu-album img{border-radius:0;background:#F2E9D7}
.mu-atitle{color:#1B1712}
.mu-ayear,.mu-asub{color:#6E6557}
.mu-person{color:#1B1712}
.mu-person img{background:#F2E9D7}
.mu-pname{color:#1B1712}
.mu-psub{color:#6E6557}
.mu-more-artist{background:#F2E9D7;border:1px solid #E0D7C3;border-radius:0;color:#1B1712}
.mu-more-artist img{background:#F2E9D7}

/* lyrics: reading column in canonical ink; door as a sand plate */
.mu-lyric-stanza{color:#1B1712}
.mu-lyrics-attr{color:#6E6557}
.mu-lyrics-door{background:#F2E9D7;border:1px solid #E0D7C3;border-radius:0}
.mu-lyrics-door-t{color:#1B1712}
.mu-lyrics-door:hover{border-color:#C0391B}

/* ---- charts pages (Top Artists / Top Albums / All Artists A–Z) -------- */
.mtop-h1{font-family:"Playfair Display",Georgia,serif;color:#1B1712}
.mtop-basis{color:#3A322A}
.mtop-row{border-bottom:1px solid #E0D7C3}
.mtop-row:hover{background:#F2E9D7}
/* rank numerals as the visual hero */
.mtop-rank{font-family:"Playfair Display",Georgia,serif;font-style:italic;
  font-weight:700;font-size:26px;color:#1B1712;flex:0 0 44px}
.mtop-list--albums .mtop-rank{font-style:normal}
.mtop-photo,.mtop-cover{border-radius:0;background:#F2E9D7}
.mtop-photo{border-radius:50%}
.mtop-name{color:#1B1712}
.mtop-stats{color:#6E6557}
.mtop-foot{color:#3A322A}

@media (max-width:480px){
  .mtop-rank{font-size:21px;flex-basis:34px}
}