.template-table__table { width:100%;  border-collapse: separate; 
/* Essential for border-radius to work on the table */
  border-spacing: 0; /* Ensures no spacing between cells, for a cleaner rounded effect */
  border: 2px solid rgba(0,0,0,.08); /* Example border for the table */
  border-radius: 10px; /* Rounds the outer corners of the table */
  overflow: hidden; /* Can be helpful to clip content that might extend beyond rounded corners */
  color: #1A1A1A;
}
.template-table__table td {border-top:1px solid rgba(0,0,0,.08); padding:.5rem .7rem; vertical-align: top; }
.template-table__table th {font-size: 0.9em;font-weight:600; background: #F7F7F7; padding: 10px 0;}
.template-table__table caption { caption-side: top; text-align:left; font-weight:600; margin-bottom:.5rem; opacity:.85; }
.template-table--empty { opacity:.6; font-style: italic; }

.template-table__table tr td:first-child {border-top:1px solid rgba(0,0,0,.08); padding:.5rem .7rem; vertical-align: top; font-weight:bold; }


@media (max-width: 720px) {
  .template-table__wrap { overflow-x:auto; -webkit-overflow-scrolling: touch; }
}