.widow-table-wrap{
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
margin:24px 0;
border-radius:14px;
border:1px solid #dfe5ef;
box-shadow:0 8px 24px rgb(0 0 0 / .06);
background:#fff;
}

.widow-table{
width:100%;
min-width:980px;
border-collapse:collapse;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
line-height:1.5;
color:#1f2a37;
}

.widow-table caption{
caption-side:top;
text-align:left;
padding:18px 20px;
font-size:22px;
font-weight:700;
color:#27316B;
background:#f7f9fc;
border-bottom:1px solid #e5eaf2;
}

.widow-table thead th{
background:#27316B;
color:#fff;
text-align:left;
padding:14px 16px;
font-size:14px;
font-weight:700;
border-right:1px solid rgb(255 255 255 / .12);
white-space:nowrap;
}

.widow-table thead th:last-child{
border-right:none;
}

.widow-table tbody td{
padding:14px 16px;
vertical-align:top;
border-top:1px solid #e8edf5;
}

.widow-table tbody tr:nth-child(even){
background:#fbfcfe;
}

.widow-table tbody tr:hover{
background:#f4f8ff;
}

.widow-badge{
display:inline-block;
padding:5px 10px;
border-radius:999px;
background:#ccc436;
color:#1f2a37;
font-size:12px;
font-weight:700;
white-space:nowrap;
}

.widow-name{
font-weight:700;
color:#27316B;
margin-bottom:4px;
}

.widow-latin{
font-style:italic;
color:#526070;
font-size:14px;
}

.widow-note{
margin-top:18px;
padding:14px 16px;
border-left:4px solid #ccc436;
background:#f9fbf2;
color:#304050;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
line-height:1.6;
border-radius:8px;
}

@media (max-width:768px){
.widow-table caption{
font-size:19px;
padding:16px;
}

.widow-table{
font-size:14px;
min-width:860px;
}

.widow-table thead th,
.widow-table tbody td{
padding:12px 14px;
}
}