/* Tutorial title group: title, recommendation badge and favorite action move as one unit. */

.tutorial-title-group{display:inline-flex;align-items:center;gap:8px;min-width:0;flex:1}
.tutorial-title-group>a:not(.tutorial-favorite-toggle){min-width:0;text-decoration:none;transition:color .15s ease}
.tutorial-title-group>a:not(.tutorial-favorite-toggle):hover{color:#175cae;text-decoration:none}
.tutorial-title-group .tutorial-favorite-login{flex-shrink:0;color:#d99413;font-size:11px}
.tutorial-title-group .tutorial-favorite-login:hover{color:#c78300;text-decoration:none}
.tutorial-title-group .tutorial-favorite-toggle{opacity:0;visibility:hidden;transform:translateX(-3px);transition:opacity .15s ease,visibility .15s ease,transform .15s ease}
.tutorial-title-group:hover .tutorial-favorite-toggle,.tutorial-title-group .tutorial-favorite-toggle:focus-visible{opacity:1;visibility:visible;transform:none}
.tutorial-title-group .tutorial-favorite-toggle.active{opacity:1;visibility:visible;transform:none}
@media(max-width:767px){.tutorial-title-group .tutorial-favorite-toggle{opacity:0;visibility:hidden;transform:translateX(-3px)}.tutorial-title-group .tutorial-favorite-toggle.active{opacity:1;visibility:visible;transform:none}.tutorial-title-group .tutorial-favorite-login{display:none}}