/*
 * JLPT180 Daily Board Rank Mobile List CSS owner.
 * P4.44: moved mobile list/row selectors.
 */
@media (max-width: 899px){
#tdb-rank-board .tdb-row-main .tdb-realm-pill{
              margin: 3px 0 0;
            }


            #tdb-rank-board .tdb-list-title{
              font-size: 15px;
              margin-top: 8px;
            }


            #tdb-rank-board .tdb-list-title::before,
#tdb-rank-board .tdb-list-title::after{
              width: 34px;
            }


            #tdb-rank-board .tdb-list-head{
              grid-template-columns: 40px minmax(0, 1fr) auto;
              font-size: 10px;
              padding: 0 10px;
            }


            #tdb-rank-board .tdb-row{
              grid-template-columns: 30px 38px minmax(0, 1fr) auto;
              gap: 7px;
              min-height: 56px;
              padding: 8px;
              border-width: 2px;
            }


            #tdb-rank-board .tdb-row .tdb-row-rank{ font-size: 18px; }


            #tdb-rank-board .tdb-row-avatar{ width: 36px; height: 36px; border-radius: 12px; }


            #tdb-rank-board .tdb-row-name{ font-size: 13px; }
}