/* __________________________________________________________________________72
[( [::] )] card mosaic
_____________________________________________________________________________ */

#card #txtHint{
width:100%;
max-width:none;
}

#card #txtHint .card-mosaic{
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:10px;
padding:0;
width:100%;
max-width:none;
box-sizing:border-box;
}

#card #txtHint .card-tile-anchor{
display:block;
height:0;
overflow:hidden;
}

#card #txtHint .card-tile{
background:#00647D;
border:3px solid white;
border-radius:16px;
padding:0px 6px;
display:flex;
flex-direction:column;
gap:6px;
width:100%;
max-width:none;
min-width:0;
box-sizing:border-box;
}

#card #txtHint .card-tile.card-tile--walk{
background:#007D4B;
}

#card #txtHint .card-tile__head{
display:flex;
align-items:flex-start;
gap:6px;
min-width:0;
}

#card #txtHint .card-tile__icon{
width:36px;
height:36px;
flex:0 0 36px;
display:flex;
align-items:center;
justify-content:center;
}

#card #txtHint .card-tile__title{
min-width:0;
flex:1;
max-width:none;
}

#card #txtHint .card-tile__title-text{
font-size:clamp(0.8rem, 1vw, 1rem);
line-height:1.15;
letter-spacing:0.02rem;
margin:0;
color:#fff;
word-break:break-word;
}

#card #txtHint .card-tile__media{
background:#fff;
border-radius:6px;
padding:5px;
width:100%;
max-width:none;
box-sizing:border-box;
min-height:108px;
}

#card #txtHint .card-tile__image{
display:block;
width:100%;
height:auto;
border-radius:0;
}

#card #txtHint .card-tile__author{
font-size:0.66rem;
letter-spacing:0.02rem;
line-height:1.2;
color:#646464;
margin-top:3px;
word-break:break-word;
font-family: 'Helvetica Rounded LT Std Bold';
}

#card #txtHint .card-tile__locate-wrap{
margin-top:auto;
}

#card #txtHint .card-tile__locate{
display:inline-flex;
align-items:center;
gap:4px;
line-height:1.15;
letter-spacing:0.01rem;
color:#fff;
max-width:none;
font-size:0.9rem;
}

#card #txtHint .card-tile__locate img{
flex:0 0 16px;
}