<!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 2</span>
        <span class="caption">Association between sleep latency and odds ratios (95% CIs) of suboptimal self-rated health among medical students.</span>
    </div>
    <table class="table table-bordered table-condensed table-hover">
<colgroup>
<col/>
<col/>
<col/>
<col/>
<col/>
</colgroup>
<thead>
<tr>
<th><b>Sleep latency, min</b></th>
<th><b>Suboptimal SRH, <i>n</i> (%)</b></th>
<th></th>
<th>
<b>OR (95%</b><b><i>CI</i></b><b>)</b><a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-2fn1" href="#table-2fn1"><sup>*</sup></a><b><i>P</i></b><b> value</b>
</th>
<th></th>
</tr>
<tr>
<th></th>
<th></th>
<th><b>Unadjusted (<i>n</i> = 1,396)</b></th>
<th>MV1-Adjusted<a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-2fn2" href="#table-2fn2"><sup>†</sup></a> (<i>n</i> = 1,393)</th>
<th>MV2-Adjusted<a class="xref xref-fn" data-jats-ref-type="fn" data-jats-rid="table-2fn3" href="#table-2fn3"><sup>‡</sup></a> (<i>n</i> = 1,300)</th>
</tr>
</thead>
<tbody>
<tr>
<td>&lt;10</td>
<td>206 (60.8)</td>
<td>Ref</td>
<td>Ref</td>
<td>Ref</td>
</tr>
<tr>
<td>10–19</td>
<td>176 (40.3)</td>
<td>1.48 (1.10, 2.00) 0.010</td>
<td>1.50 (1.11, 2.04) 0.009</td>
<td>1.48 (1.07, 2.05) 0.019</td>
</tr>
<tr>
<td>20–29</td>
<td>109 (47.4)</td>
<td>1.98 (1.40, 2.80) &lt;0.001</td>
<td>2.05 (1.44, 2.92) &lt;0.001</td>
<td>2.03 (1.39, 2.97) &lt;0.001</td>
</tr>
<tr>
<td>≥30</td>
<td>208 (53.3)</td>
<td>2.51 (1.85, 3.40) &lt;0.001</td>
<td>2.46 (1.80, 3.36) &lt;0.001</td>
<td>2.12 (1.52, 2.96) &lt;0.001</td>
</tr>
<tr>
<td>
<i>P</i> for trend</td>
<td></td>
<td>&lt;0.001</td>
<td>&lt;0.001</td>
<td>&lt;0.001</td>
</tr>
<tr>
<td><b>Sleep latency (per increase of one minute)</b></td>
<td></td>
<td>1.03 (1.02,1.04) &lt;0.001</td>
<td>1.03 (1.02,1.04) &lt;0.001</td>
<td>1.03 (1.02, 1.04) &lt;0.001</td>
</tr>
</tbody>
</table>
    <div class="note">
        Notes: * ORs >1.00 denote higher odds of suboptimal self-rated health. † MV1 was adjusted for gender (female, male), grade (freshman, sophomore, junior, senior, and above), residence (city, town, countryside), parental education (primary school and below, junior high school, high school or technical school, bachelor and above), and single child (yes or no). ‡ MV2: MV1+ afternoon nap (yes or no), midnight snack habit (yes or no), body mass index (<24 kg/m 2 , ≥24 kg/m 2 ), sleep duration (≤6 h, 7 h, ≥8h), chronotype (intermediate-type, morning-type, evening-type), sitting time (quartiles), physical activity (quartiles).
    </div>
</body>
</html>