.table{
display: grid;
gap: 5px;
padding: 2px;   
width:90%;
margin:0 auto;
}

.table > div {
background-color: var(--light);
text-align: center;
}

.table p{padding:0 5px;}

.table h2 {
padding:5px;
}

.table h3 {
padding:5px;
font-size:1.5em;
}

.table h4 {
padding:5px 0;
font-size:1.3em;
}

.table h5 {
font-size:1.3em;
font-weight: bold;
padding:5px;
}



.background-gold{background-color: var(--gold);}
.background-secondary{background-color: var(--secondary);}
.background-middle{background-color: var(--middle);}

.font-primary {color: var(--primary);}
.font-primary a {color:var(--gold-light);border-bottom:1px var(--gold-light) solid;}
.font-primary a:hover {color:var(--light);border-bottom:1px var(--light) solid;}
.font-secondary {color:var(--secondary);}

.border-middle {border: 2px var(--middle) solid;border-radius: 10px;}
.border-secondary {border: 2px var(--secondary) solid;border-radius: 10px;}

.border-gold {border: 2px var(--gold) solid;border-radius: 10px;}


.table-100{
display: grid;
gap: 5px;
padding: 2px;   
width:100%;
margin:0 auto;
}

.cols-2{
grid-template-columns: 1fr 1fr;
}

.cols-2sl{
grid-template-columns: 1fr 2fr;
}

.cols-3{
grid-template-columns: 1fr 1fr 1fr;
}

.cols-3lsl{
grid-template-columns: 9fr 1fr 9fr;
}

.cols-3ssl{
grid-template-columns: 1fr 1fr 2fr;
}

.cols-4{
grid-template-columns: 1fr 1fr 1fr 1fr;
}

.table ul {text-align:left;width:80%;margin:auto;padding-left:2.5rem;}
.table ul li {list-style-type: disc;list-style-position:outside;}

.table ol {text-align:left;width:80%;margin:auto;padding-left:2.5rem;}
.table ol li {list-style-type: lower-alpha;list-style-position: outside;}


.small > div{border: 1px var(--middle) solid;border-radius: 5px;padding:5px 3px;background-color:white;
display:flex;
justify-content: center;
align-items: center;
}

.small > div.th{background-color: var(--middle);color:var(--primary);font-weight:bold;
}