/* TURN Home header boundary + metadata alignment.
   The fixed Home canvas uses TURN paper; the header itself owns the yellow fill so
   yellow can never extend below the header's real grid-row height. */
html .m8-home.m8-home-fixed-layout {
  background: var(--m8-cream);
}

html .m8-home.m8-home-fixed-layout .m8-home-head {
  background: var(--m8-yellow);
}

/* Keep the music control's full touch target, but align its visible label
   with the first (version/build) row of the metadata block. */
html .m8-home.m8-home-fixed-layout .turn-music-home-toggle {
  transform: translateY(clamp(-14px, -1.8vh, -8px));
}

@media (max-height: 560px) and (orientation: landscape) {
  html .m8-home.m8-home-fixed-layout .turn-music-home-toggle {
    transform: translateY(-8px);
  }
}

@media (max-width: 760px) and (orientation: portrait) {
  html .m8-home.m8-home-fixed-layout .turn-music-home-toggle {
    transform: none;
  }
}