.song-header{padding:34px 0 6px;text-align:center;}
.song-header h1{
  font-family:'Fraunces',serif;font-weight:600;font-size:34px;
  margin:0 0 8px;letter-spacing:-0.01em;line-height:1.15;
}
.song-header .sub{color:var(--ink-soft);font-size:14.5px;}
.song-header .sub .dot{margin:0 6px;color:var(--ink-faint);}

/* Credits — styled to match the plain sub-line under the title,
   not as a boxed/bordered card, per the "show it like the header" ask. */
.credits-list{
  display:flex;flex-wrap:wrap;justify-content:center;gap:5px 20px;
  max-width:640px;margin:14px auto 0;padding:0 10px;
  font-size:13.5px;line-height:1.6;
}
.credit-item .credit-label{font-weight:600;color:var(--ink-soft);}
.credit-item .credit-value{color:var(--ink);margin-left:4px;}
.credit-item .credit-value a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;}

.lang-tabs{
  display:flex;justify-content:center;gap:6px;flex-wrap:wrap;
  margin:18px 0 6px;
}
.lang-tab{
  padding:6px 14px;border-radius:999px;border:1px solid var(--line);
  background:var(--bg-raised);color:var(--ink-soft);font-size:13px;font-weight:500;
}
.lang-tab[aria-selected="true"]{
  background:var(--accent);border-color:var(--accent);color:#fff;
}

.lyrics-card{
  position:relative;margin:26px 0;padding:36px 76px 30px 34px;
  background:var(--bg-raised);border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.lyrics-card::before{
  content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;
  background:var(--spine);border-radius:0 3px 3px 0;
}
.lyrics-body{
  font-family:'Lora',serif;font-size:18px;line-height:1.9;color:var(--ink);
  white-space:pre-wrap;
}
.lyrics-body .section-label{
  display:block;font-family:'Inter',sans-serif;font-weight:600;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--accent);
  margin:22px 0 6px;
}
.lyrics-body .section-label:first-child{margin-top:0;}

/* Copy / Screenshot toolbar — icon-only, pinned top-right, text
   labels reveal together on hover of the whole toolbar. */
.lyrics-toolbar{
  position:absolute;top:18px;right:18px;
  display:flex;flex-direction:column;align-items:flex-end;gap:8px;
  z-index:2;
}
.icon-action{
  display:flex;align-items:center;align-self:flex-end;
  height:34px;padding:0 9px;border-radius:999px;
  border:1px solid var(--line);background:var(--bg-raised);color:var(--ink-soft);
  overflow:hidden;white-space:nowrap;
}
.icon-action .ic{font-size:15px;line-height:1;flex-shrink:0;}
.icon-action .lbl{
  display:inline-block;max-width:0;opacity:0;font-size:12.5px;font-weight:500;
  margin-left:0;overflow:hidden;
  transition:max-width .22s ease, opacity .18s ease, margin-left .22s ease;
}
.lyrics-toolbar:hover .icon-action .lbl{
  max-width:110px;opacity:1;margin-left:7px;
}
.icon-action:hover{border-color:var(--accent);color:var(--accent);}

@media(max-width:520px){
  .lyrics-card{padding:52px 16px 24px 20px;}
  .lyrics-toolbar{flex-direction:row;top:10px;right:14px;}
  .lyrics-body{font-size:17px;}
  .song-header h1{font-size:27px;}
}