/* TGL v9.3.0 — Centered, button-like song headings (presentation only). */
.tgl-section[data-tgl-collapse] > .tgl-collapse-head {
  display: block; position: relative; width: 100%; box-sizing: border-box;
  text-align: center !important; padding: 12px 40px;
  background: color-mix(in srgb, var(--tgl-ink) 5%, var(--tgl-card));
  color: var(--tgl-navy); border: 1px solid var(--tgl-line);
  border-radius: var(--tgl-radius-sm); line-height: 1.4;
  overflow-wrap: anywhere;
  cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent;
  min-height: 44px; margin-bottom: 0 !important;
  transition: background-color .2s ease, border-color .2s ease;
}
.tgl-section[data-tgl-collapse] > .tgl-collapse-head:hover,
.tgl-section[data-tgl-collapse="open"] > .tgl-collapse-head {
  background: color-mix(in srgb, var(--tgl-navy) 8%, var(--tgl-card));
  border-color: var(--tgl-navy);
}
.tgl-section[data-tgl-collapse] > .tgl-collapse-head:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.tgl-collapse-arrow {
  position: absolute; right: 18px; top: 50%; width: 10px; height: 10px;
  border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: translateY(-70%) rotate(45deg); transition: transform .2s ease;
}
.tgl-section[data-tgl-collapse="open"] > .tgl-collapse-head .tgl-collapse-arrow { transform: translateY(-30%) rotate(-135deg); }
.tgl-section[data-tgl-collapse="open"] > .tgl-collapse-head { margin-bottom: 10px !important; }
.tgl-section[data-tgl-collapse="closed"] > :not(.tgl-collapse-head) { display: none !important; }
[data-theme="dark"] .tgl-section[data-tgl-collapse] > .tgl-collapse-head {
  background: color-mix(in srgb, var(--tgl-card) 8%, var(--tgl-ink));
  color: var(--tgl-card);
  border-color: color-mix(in srgb, var(--tgl-card) 25%, var(--tgl-ink));
}
[data-theme="dark"] .tgl-section[data-tgl-collapse] > .tgl-collapse-head:hover,
[data-theme="dark"] .tgl-section[data-tgl-collapse="open"] > .tgl-collapse-head {
  background: color-mix(in srgb, var(--tgl-card) 15%, var(--tgl-ink));
  border-color: var(--tgl-gold);
}
@media (prefers-reduced-motion: reduce) {
  .tgl-section[data-tgl-collapse] > .tgl-collapse-head,
  .tgl-collapse-arrow { transition: none; }
}