/* Define this in your stylesheet (e.g., style.css) or a <style> block */
.table-rounded-blue {
  border-collapse: separate;    /* Allows rounding */
  border-spacing: 0;            /* Removes gaps between cells */
  border: 2px solid #003366;    /* Dark blue border color */
  border-radius: 8px;           /* Adjust corner roundness as desired */
  overflow: hidden;             /* Ensures rounded corners are clipped */
}

/* Optional: style table headers and cells for a consistent look */
.table-rounded-blue th,
.table-rounded-blue td {
  padding: 0.75em 1em;          /* Comfortable spacing */
  border-bottom: 1px solid #002244; /* Slightly darker bottom border between rows */
}

.table-rounded-blue th {
  background-color: #003366;    /* Dark blue header background */
  color: #ffffff;               /* White text in header */
  text-align: left;             /* Align header text */
}

.table-rounded-blue tr:last-child td {
  border-bottom: none;          /* No border on the bottom-most row */
}