.section .tablecontent {

    max-width: 1400px ;
    max-width: 1000px ;     margin: var(--gutter_big) auto;

    background: white;
    position: relative;


}
.section .tablecontent:last-child { margin-bottom:0;}
letters { display: flex; flex-wrap: wrap; margin: 8px 0;/* width: calc(100% + 16px); transform: translateX(-8px);*/ /*font-size: 16px; overflow: visible; */}
ul.letters li { margin: 0 8px 8px; }
ul.letters li a.current {
    border-color: var(--dark-purple);
    background-color: var(--dark-purple);
    color: #fff;

}
.section .tablecontent>div {
    width: 100%; overflow: auto;

    scrollbar-width: thin;
    scrollbar-color:var(--light-purple);
}
.section .tablecontent>div::-webkit-scrollbar{  background:var(--purple); height: 4px;   }
.section .tablecontent>div::-webkit-scrollbar-thumb  { background:var(--red);	}


.tablecontent table { margin: 32px 0; }
.tablecontent table:first-child { margin-top:0; }
.tablecontent table:last-child { margin-bottom:0; }

.tablecontent table { border: 1px solid var(--dark-purple); min-width: 100%;

    background: white;
}


.tablecontent table tbody tr:nth-child(even) { background:#f2f0f8; }
.tablecontent table th,
.tablecontent table td { font-size: 14px; padding: 0.5em; vertical-align: top; border: 1px solid var(--dark-purple); }

.tablecontent table th { font-weight: 700; background:var(--dark-purple); color: white; }


@media all and (max-width: 899px) {
    .tablecontent table th,
    .tablecontent table td { font-size: 12px; }

}