*,
*::before,
*::after{
    box-sizing:border-box;
}

body{
    margin:0;
    padding:0;
    overflow-x:hidden;
}

.analytics-wrapper{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    padding:0 10px;
}

.analytics-wrapper h1,
.analytics-wrapper h2{
    margin-top:20px;
    font-size:clamp(16px,4vw,24px);
    text-align:center;
}

.analytics-wrapper h3{
    font-size:clamp(13px,3vw,18px);
    text-align:center;
    margin:8px 0;
}

.analytics-wrapper p{
    font-size:clamp(12px,2.5vw,15px);
    text-align:center;
    margin:6px auto 14px;
    max-width:700px;
    line-height:1.7;
}

.value-table{
    margin:20px auto;
    border-collapse:collapse;
    width:min(300px,90%);
}

.value-table th{
    color:red;
    font-size:clamp(16px,4vw,24px);
    padding:10px;
}

.value-table td{
    font-size:clamp(14px,3.5vw,20px);
    padding:5px 15px;
    border:1px solid #000;
    text-align:center;
}

.table-scroll{
    width:100%;
    overflow:hidden;
    margin-bottom:20px;
}

.point-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.point-table td{
    padding:4px 2px;
    border:2px solid #000;
    text-align:center;
    font-size:clamp(8px,2vw,16px);
    word-break:break-word;
}

.point-head td{
    background:#8fd3d3;
    font-weight:bold;
}

.point-even{
    background:#dff6f6;
}

.point-odd{
    background:#bfeeee;
}