/* Spirit and I song-page tag row (Style + Subject chips under the song title).
   Linked from every songs/*.html page. Markup is generated by scripts/song-tags/build_song_tags.py between
   <!-- song-tags:start --> and <!-- song-tags:end -->. Each chip opens the home Play All filtered to that tag.
   Uses the page's :root colors (--accent, --text-light, --bg-dark) with fallbacks. */
.song-tags { margin:16px 0 0 0; display:flex; flex-direction:column; gap:6px; }
.track-meta + .song-tags { margin-top:0; }
.song-tags-row { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.song-tags-label { color:var(--accent, #d4af37); text-transform:uppercase; letter-spacing:2px; font-size:0.72rem; min-width:6.5em; }
.song-tag { display:inline-block; color:var(--text-light, #f4f4f4); background:rgba(212,175,55,.08); border:1px solid rgba(212,175,55,.55); border-radius:999px; padding:2px 10px; font-size:0.8rem; line-height:1.5; text-decoration:none; transition:background .15s ease, color .15s ease, border-color .15s ease; }
.song-tag-subject { border-style:dashed; }
.song-tag:hover, .song-tag:focus-visible { background:var(--accent, #d4af37); border-color:var(--accent, #d4af37); color:var(--bg-dark, #111); outline:none; }
@media (max-width: 600px) {
    .song-tags-label { min-width:0; width:100%; }
    .song-tag { padding:4px 12px; }
}
/* Song page spacing (Steven 10/8): tighter header and lyrics card so the lyrics start higher;
   a little wider on big screens so the lyrics column wraps less. Overrides each page's inline <style>. */
.container { padding-top:28px; }
@media (min-width: 1100px) { .container { max-width:960px; } }
.top-nav { margin-bottom:18px; }
.song-header { padding-bottom:18px; margin-bottom:28px; }
.track-meta { margin-bottom:12px; }
.content-grid { gap:32px; }
.lyrics-section { padding:20px 24px 24px; }
.lyrics-section .song-audio-player { display:block; margin:0 0 12px; }
.lyrics-section .song-like { margin:0 0 16px; }
.lyrics-section h2 { margin-bottom:12px; }
@media (max-width: 600px) {
    .container { padding-top:20px; }
    .lyrics-section { padding:18px 16px 20px; }
}