.molecule-club-file { padding: 0; }

.molecule-club-file .title-holder { display: block; padding: 10px; border-bottom: 2px solid var( --color-shark ); margin-bottom: 10px; }

.molecule-club-file .table-holder { display: block; margin-bottom: 30px; }
.molecule-club-file .table-holder dl { display: flex; font-family: var( --font-core-sans ); font-size: 14px; line-height: 1.5; flex-wrap: wrap; letter-spacing: 0.36px; color: var( --color-shark ); }

.molecule-club-file .table-holder dl dt { flex: 0 0 100%; padding: 10px 10px 2px 10px; font-weight: bold; }
.molecule-club-file .table-holder dl dd { flex: 0 0 100%; padding: 2px 10px 10px 10px; border-bottom: 1px solid var( --color-clear-gray ); }


@media only screen and ( min-width: 48em ) {
    
    .molecule-club-file .title-holder { padding: 10px 12px; margin-bottom: 12px; }


    .molecule-club-file .table-holder dl { flex-wrap: nowrap; }
    .molecule-club-file .table-holder dl dt { flex: 0 0 40%; padding: 12px; border-bottom: 1px solid var( --color-clear-gray ); }
    .molecule-club-file .table-holder dl dd { flex: 0 0 50%; padding: 12px; }
}


@media only screen and ( min-width: 62em ) {

    .molecule-club-file .title-holder { padding: 10px 15px; margin-bottom: 15px; border-bottom-width: 3px; }
    .molecule-club-file .table-holder dl { font-size: 16px; }
    .molecule-club-file .table-holder dl dt { flex: 0 0 45%; padding: 15px; }
    .molecule-club-file .table-holder dl dd { flex: 0 0 55%; padding: 15px; }
}