<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Styled Table</title>
  <style>
    body {
      font-family: 'Georgia', serif;
      padding: 2rem;
      background-color: #fff;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      font-size: 16px;
    }

    caption {
      caption-side: top;
      font-weight: bold;
      text-align: left;
      background-color: #eaf3fb;
      padding: 0.75rem 1rem;
      font-size: 18px;
    }

    caption span {
      color: #007acc;
    }

    th, td {
      padding: 10px 15px;
      text-align: left;
      vertical-align: top;
      border-bottom: 1px solid #ccc;
    }

    th {
      font-weight: bold;
      border-bottom: 3px solid #007acc;
    }

    tr:last-child td {
      border-bottom: 3px solid #007acc;
    }

    td em {
      font-style: italic;
    }

    .table-caption {
      background-color: #eaf6ff; /* light blue background */
      border-top: 2px solid #00aaff; /* top border */
      padding: 10px;
      font-family: 'Georgia', serif;
      font-size: 18px;
    }

    .table-caption .label {
      color: #00aaff;
      font-weight: bold;
    }

    .table-caption .caption {
      font-weight: bold;
    }

    .note {
        font-size: 16px;
        padding: 10px;
    }
  </style>
</head>
<body>
    <div class="table-caption">
        <span class="label">Table 1</span>
        <span class="caption">Peak angular momentum variables and correlations with the arm swing speed at ball impact (BI).</span>
    </div>
    <table class="table table-bordered table-condensed table-hover table-text" data-jats-content-type="text">
<colgroup>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
</colgroup>
<thead>
<tr>
<th>Angular momentum (s<sup>–1</sup>)</th>
<th>Mean ± SD</th>
<th><i>r</i></th>
<th><i>p</i></th>
<th>95% CI</th>
<th>Correlation</th>
</tr>
</thead>
<tbody>
<tr>
<td>Whole body</td>
<td data-jats-char="±" style="text-align:char;">0.030 ± 0.011<a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-1fn4" href="#table-1fn4"><sup>#</sup></a>
</td>
<td data-jats-char="." style="text-align:char;">−0.240</td>
<td data-jats-char="." style="text-align:char;">0.352</td>
<td>[−0.646 to 0.272]</td>
<td>Null</td>
</tr>
<tr>
<td>Attack arm</td>
<td data-jats-char="±" style="text-align:char;">
<b>0.062 ± 0.017</b><a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-1fn4" href="#table-1fn4"><sup>#</sup></a>
</td>
<td data-jats-char="." style="text-align:char;"><b>0.551</b></td>
<td data-jats-char="." style="text-align:char;">
<b>0.024</b><a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-1fn1" href="#table-1fn1">*</a>
</td>
<td><b>[0.096–0.816]</b></td>
<td><b>Large positive</b></td>
</tr>
<tr>
<td>Non-attack arm</td>
<td data-jats-char="±" style="text-align:char;">
<b>0.024 ± 0.008</b><a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-1fn4" href="#table-1fn4"><sup>#</sup></a>
</td>
<td data-jats-char="." style="text-align:char;"><b>0.608</b></td>
<td data-jats-char="." style="text-align:char;">
<b>0.011</b><a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-1fn1" href="#table-1fn1">*</a>
</td>
<td><b>[0.180–0.842]</b></td>
<td><b>Large positive</b></td>
</tr>
<tr>
<td>Head–trunk</td>
<td data-jats-char="±" style="text-align:char;">0.017 ± 0.007</td>
<td data-jats-char="." style="text-align:char;">0.162</td>
<td data-jats-char="." style="text-align:char;">0.535</td>
<td>[−0.346 to 0.596]</td>
<td>Null</td>
</tr>
<tr>
<td>Attack leg</td>
<td data-jats-char="±" style="text-align:char;">−0.026 ± 0.008<a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-1fn4" href="#table-1fn4"><sup>#</sup></a>
</td>
<td data-jats-char="." style="text-align:char;">−0.051</td>
<td data-jats-char="." style="text-align:char;">0.846</td>
<td>[−0.519 to 0.440]</td>
<td>Null</td>
</tr>
<tr>
<td>Non-attack leg</td>
<td data-jats-char="±" style="text-align:char;"><b>−0.026 ± 0.012</b></td>
<td data-jats-char="." style="text-align:char;"><b>−0.516</b></td>
<td data-jats-char="." style="text-align:char;">
<b>0.034</b><a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-1fn1" href="#table-1fn1">*</a>
</td>
<td><b>[−0.799 to −0.048]</b></td>
<td><b>Large negative</b></td>
</tr>
<tr>
<td>Upper arm</td>
<td data-jats-char="±" style="text-align:char;">0.022 ± 0.006<a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-1fn4" href="#table-1fn4"><sup>#</sup></a>
</td>
<td data-jats-char="." style="text-align:char;">
<b>−</b>0.118</td>
<td data-jats-char="." style="text-align:char;">0.653</td>
<td>
<b>[−</b>0.566 to 0.385]</td>
<td>Null</td>
</tr>
<tr>
<td>Forearm</td>
<td data-jats-char="±" style="text-align:char;">
0.026 ± 0.007<a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-1fn4" href="#table-1fn4"><sup>#</sup></a>
</td>
<td data-jats-char="." style="text-align:char;">0.527</td>
<td data-jats-char="." style="text-align:char;">0.532</td>
<td>[0.062–0.804]</td>
<td>Null</td>
</tr>
<tr>
<td>Hand</td>
<td data-jats-char="±" style="text-align:char;">
<b>0.022 ± 0.006</b><a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-1fn4" href="#table-1fn4"><sup>#</sup></a>
</td>
<td data-jats-char="." style="text-align:char;"><b>0.824</b></td>
<td data-jats-char="." style="text-align:char;">
<b>&lt;0.001</b><a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-1fn3" href="#table-1fn3">***</a>
</td>
<td><b>[0.568–0.934]</b></td>
<td><b>Very large positive</b></td>
</tr>
</tbody>
</table>
    <div class="note">
        Notes: * p < 0.05. ** p < 0.01. *** p < 0.001. # Data not normally distributed. Bold: indicates the variable is significantly correlated with arm swing speed.
    </div>
</body>
</html>