
  tbody tr:nth-child(even) { background:#f7f7f7; }
  tbody tr:nth-child(odd) { background:#ffffff; }
  tbody tr:hover { background:#e0f0ff; transition:0.3s; }

  @media screen and (max-width:768px){
    table, thead, tbody, th, td, tr { display:block; font-size:16px; }
    thead tr { display:none; }
    tbody tr {
      margin-bottom:20px; border-radius:12px; padding:15px; background:#f9f9f9;
      box-shadow:0 4px 12px rgba(0,0,0,0.08); transition: transform 0.3s, box-shadow 0.3s;
    }
    tbody tr:hover { transform:scale(1.02); box-shadow:0 6px 18px rgba(0,0,0,0.15); }
    tbody td { display:flex; justify-content:space-between; padding:8px 5px; border:none; }
    tbody td:before { content:attr(data-label); font-weight:600; color:#2D854E; margin-right:10px; flex-shrink:0; width:130px; }
    input#techSearch { font-size:20px; }
  }
