:root{
--link-color:#00a1ff; --border-color:#ddd;
--cell-padding:0.6rem;
--font-base:0.95rem;
--hover-bg:#f9f9f9;
} .table-container{
overflow-x:hidden; -webkit-overflow-scrolling:touch;
margin-bottom:1rem;
} .table-container table{
border-collapse:collapse;
font-size:var(--font-base);
width:100%;
max-width:100%;
table-layout:fixed; box-sizing:border-box;
} .table-container thead th{
background:#fafafa;
font-weight:600;
padding:var(--cell-padding);
border:1px solid var(--border-color);
text-align:left;
white-space:normal; overflow-wrap:anywhere;
word-break:break-word;
} .table-container th:first-child,
.table-container td:first-child{
border-left:none;
} .table-container td{
padding:var(--cell-padding);
border:1px solid var(--border-color);
vertical-align:top;
background:#fff;
white-space:normal;
overflow-wrap:anywhere; word-break:break-word;
hyphens:auto;
} .table-container tbody tr:hover td{ background:var(--hover-bg); } @media (max-width:480px){
.table-container table{ font-size:0.88rem; }
}