/* Table – fixed 780px on desktop */
  .custom-table-1 {
    width: 780px;
    max-width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    border-collapse: collapse;
    table-layout: fixed;
    overflow: hidden;
    background: #fff;
    font-size: 16px;
    color: #2C2C2C;
  }
  
  
  /* Head / subhead / cells */
  .custom-table-1 thead th,
  .custom-table-1 tbody tr.subhead td {
    background-color: #95081a;
    color: #fff;
    font-weight: 700;
    padding: 12px 16px;
    height: 40px;
    text-align: left;
    vertical-align: middle;
    font-family: "Proxima Nova Condensed", "Proxima Nova", Arial;
  }
  .custom-table-1 tbody{
    border: 3px solid #ececec;
  }
  
  .custom-table-1 tbody td {
    padding: 12px 16px;
    height: 48px;
    background: #fff;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
  }
  
  /* alternating row color */
  .custom-table-1 tbody tr:nth-child(even):not(.subhead) td {
    background-color: rgba(247,241,232,0.5);
  }
  
  /* rounded corners */
  .custom-table-1 thead tr:first-child th:first-child { border-top-left-radius: 4px; }
  .custom-table-1 thead tr:first-child th:last-child  { border-top-right-radius: 4px; }
  .custom-table-1 tbody tr:last-child td:first-child  { border-bottom-left-radius: 4px; }
  .custom-table-1 tbody tr:last-child td:last-child   { border-bottom-right-radius: 4px; }
  
  /* Column widths for 780px table (exact px) */
  .custom-table-1 th:nth-child(1), .custom-table-1 td:nth-child(1) { width: 368px; } /* 45% of 780 = 351 */
  .custom-table-1 th:nth-child(2), .custom-table-1 td:nth-child(2) { width: 200px; text-align: center;} /* 27.5% */
  .custom-table-1 th:nth-child(3), .custom-table-1 td:nth-child(3) { width: 200px; text-align: center;}
  
  
  /* ------------------ RESPONSIVE: Simplified standard breakpoints ------------------ */
  
  /* Tablet and small laptops: <= 1024px
     - inner container scales
     - table fills wrapper (90% of available width) */
  @media (max-width: 1024px) {

    .custom-table-1 {
      width: 100%;          /* fills wrapper (90% of inner-container) */
    }
   
    /* make first column more readable on narrower widths */
    .custom-table-1 th:nth-child(1), .custom-table-1 td:nth-child(1) { width: 50%; }
    .custom-table-1 th:nth-child(2), .custom-table-1 td:nth-child(2),
    .custom-table-1 th:nth-child(3), .custom-table-1 td:nth-child(3) { width: 25%; }
  
    /* slightly tighter padding */
    .custom-table-1 thead th, .custom-table-1 tbody td { padding-left: 10px; padding-right: 10px; }
  }
  
  /* Mobile phones: <= 767px
     - inner container constrained to phone width (max 360px)
     - table fixed narrow width to match your mobile screenshot (320-336px)
     - columns become proportional thirds on narrow phones */
  @media (max-width: 767px) {

    /* use 320px table inside phone viewport for consistent look */
    .custom-table-1 { font-size: 16px; }
    .custom-table-1 thead th, .custom-table-1 tbody tr.subhead td {
      padding: 8px 5px; height: 28px; font-size: 16px;
    }
    .custom-table-1 tbody td { padding: 10px 12px; height: 40px; font-size: 16px; }
  
    /* column widths: balanced thirds on narrow phones */
    .custom-table-1 th:nth-child(1), .custom-table-1 td:nth-child(1) { width: 43%; }
    .custom-table-1 th:nth-child(2), .custom-table-1 td:nth-child(2) { width: 28.5%; }
    .custom-table-1 th:nth-child(3), .custom-table-1 td:nth-child(3) { width: 28.5%; }
  
  }
  
  /* Safety: avoid table overflow on extremely narrow screens */
  @media (max-width: 320px) {
    .custom-table-1 { width: 100%; }
  }