main {padding: 25px 40px;}

table {
padding: 0;
border-spacing: 0px;
margin: 0 auto;
table-layout: auto;
width: 100%;
}

td, tr {font-size: 0.75rem; padding: 0.375rem; font-weight: bold;}
td:first-child {text-align: center; padding: 0.5rem 0.75rem;}
tr:nth-child(odd) {background-color: #CCCCCC;}
td:nth-child(2) {width: 100%;}

table a {color: #000066; text-decoration: underline; font-weight: bold;}
table a:hover {color: #003366; text-decoration: underline;}
table p {margin-bottom: 0.25rem; margin-top: 0.25rem;}

@media (max-width: 640px) {
main {padding: 0;}
table {table-layout: fixed;}
td, tr {font-size: 0.875rem; padding: 1rem 0;}
td:first-child {writing-mode: vertical-lr; transform: rotate(180deg); font-size: 0.75rem; padding: 8px 40px 8px 0px; width: 1rem;}
td:nth-child(2) {padding-right: 40px; text-align: justify; width: calc(100% - 1rem); padding-left: 20px;}
}