TH  {text-align:left;background-color:palegreen;border-color:black}
    TD  {padding-left:3px;padding-right:3px;border-color:black;}
     A  {text-decoration:none;}
    .T  {font-family:sans-serif;font-size:12pt;text-transform:capitalize;}
    .TS {font-family:sans-serif;font-size:8pt;text-transform:capitalize;}
    .R  {font-family:monospace;font-size:12pt;text-transform:uppercase;}
    .S  {font-family:monospace;font-size:9pt;color:blue;cursor:pointer}
    .C  {font-size:smaller;text-transform:capitalize;}
    .CU {font-size:smaller;background-color:palegreen;}
    .N  {font-family:sans-serif;font-size:smaller;}
    .B  {text-align:center;background-color:palegreen}
    .section  {text-align:center;font-weight: bold;height:2EM}
    .special {padding-left:1em;font-style:italic}
    .Special {padding-left:1em;font-style:italic}

    table { border-collapse: collapse;}
    
    .X  {background-color:lightgrey}
    .M  {background-color:orange;}
    .P  {background-color:peachpuff;}
    .L  {background-color:lightblue;}
    .Y  {color:green;}
 
    BUTTON.S {margin-bottom: 1em;}


    @media print {
        .S  {display:none}
        .CU {background-color:ivory}
        .B  {background-color:ivory}
    }


   /* Make icons scale appropriately */
   td.S img {
       width:20px;
       height:auto;
   }

   /* Responsive container for table on mobile */
.table-wrapper {
   white-space: normal;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   margin-top: 1em;
   max-width: 50em; 
   /* margin-left: auto;  centers the table wrapper */
   margin-right: auto;
}


   /* Adjust fonts for small screens */
   @media (max-width: 600px) {
     body { font-size: 14px; }
       td { white-space: normal; }
       .T { font-size: 14px; white-space normal; overflow-wrap:anywhere;}
       .R { font-size: 12px; }
       .C { font-size: 12px; }
       cite { display:block; font-size:15px; }
/*        table td { padding:6px 4px; } */
   }