/* Two quiet companions per tab. Existing design and layout remain in home.css. */
.yz-home .yz-friend-host {
  position:relative;
  padding-right:80px!important;
}
.yz-home .yz-friend {
  position:absolute;
  display:block;
  top:-14px;
  right:0;
  width:72px;
  height:72px;
  background-image:url('/study/assets/learning-friends.webp');
  background-repeat:no-repeat;
  background-size:300% 200%;
  pointer-events:none;
  user-select:none;
}
.yz-home .yz-friend-squirrel {background-position:0 0}
.yz-home .yz-friend-penguin {background-position:50% 0}
.yz-home .yz-friend-rabbit {background-position:100% 0}
.yz-home .yz-friend-cat {background-position:0 100%}
.yz-home .yz-friend-chick {background-position:50% 100%}
.yz-home .yz-friend-bear {background-position:100% 100%}
.yz-home .yz-friend-host-small {padding-right:60px!important;min-height:28px}
.yz-home .yz-friend-host-small>.yz-friend {width:52px;height:52px;top:-14px}
.yz-home .flow-section>h3.yz-friend-host {min-height:44px}
@media(max-width:559px) {
  .yz-home .yz-friend-host {padding-right:68px!important}
  .yz-home .yz-friend {width:60px;height:60px;top:-10px}
  .yz-home .yz-friend-host-small {padding-right:52px!important}
  .yz-home .yz-friend-host-small>.yz-friend {width:44px;height:44px;top:-10px}
}