/* RESET & BASE STYLES */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  html, body {
    height: 100%;
    font-family: Arial, sans-serif;
    background-color: #f7f7f7; /* Light gray page background */
    color: #333;
  }
  
  /* PAGE HEADING */
  h1 {
    text-align: center;
    margin: 2rem 0 1rem; 
    color: #061463;     
  }
  
 /*Table container styling*/
  .table-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 1rem;
  }
  
  /* TABLE STYLES */
  table {
    border-collapse: collapse; /* Merges adjacent cells’ borders */
    width: 100%;               /* Occupies full container width */
    margin: 1rem 0;
    border: #031b4d 1px solid;
    background-color: #fff;    /* White background for contrast */
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  }
  
  thead {
    background-color: #e5f2fa; 
  }
  
  th, td {
    padding: 1rem;
    border: 1px solid #ddd;   
    text-align: left;          
  }
  
  th {
    font-weight: bold;
    color: #031b4d;            
  }
  
  tbody tr:nth-child(even) {
    background-color: #f9f9f9; /* Zebra striping for even rows */
  }
  
  tbody tr:hover {
    background-color: #f1f6fa; /* Slight highlight on hover */
  }
  

  thead tr th {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }