table.codepages { border-collapse: collapse; }
table.codepages th { text-align: center; }
table.codepages td, table.codepages th { border: 1px solid rgba(128,128,128,0.5); vertical-align: top; padding: 0 0.5ex; }
table.codepages td.cp { text-align: right; }
table.codepages td.link { text-align: center; padding: 0; white-space: nowrap; }

dl ul { margin-bottom: 0 }

@media screen and (max-width: 640px) {
    table.codepages td, table.codepages th { padding: 0 0 0 1px; }
}
@media screen and (max-width:640px) {   
    table.codepages td:empty, table.codepages thead { display: none !important }

    table.codepages td.cp { text-align: left; }
    table.codepages td { display: block; text-align: left; border:none; background: none; }
    table.codepages td.link { display: inline; text-align:left; margin-right: 1ex; }
    table.codepages tr { margin-top: 1.6em; display: block; border-top: 1px solid currentcolor; padding-top: 1.6em }
    
    table.codepages td:first-child { display: inline-block }
    table.codepages td:first-child:before { content: 'IBM '; }
    table.codepages td:nth-child(2):before { content: 'Microsoft ';}
    table.codepages td:first-child:not(:empty)+td:nth-child(2) { display: inline-block }
    table.codepages td:first-child:not(:empty)+td:nth-child(2):before { content: ', Microsoft '; display: inline !important }
    table.codepages td.nonstd:before { content: ''; }
    table.codepages td:nth-child(3) { font-weight: bold; font-size: 110%; }
    table.codepages td:nth-child(5):before { content: 'ISO-IR-';}
    
}