body {
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #222;
    background: #f9f9f9;
    margin: 0;
    padding: 20px;
}

h1 {
    font-size: 1.7em;
    font-weight: bold;
    color: #0055a5;
    margin-bottom: 5px;
}

h2 {
    font-size: 1.2em;
    font-weight: bold;
    color: #0055a5;
    margin-bottom: 5px;
}


.container {
    max-width: 800px;    /* never let it get wider than this */
    width: 100%;         /* take full width on small screens */
    margin: 0 auto;      /* center horizontally */
    padding: 0 1rem;     /* breathing room on the sides */
  }

  table {
    border-collapse: collapse; /* merge borders for a cleaner look */
    width: 100%;               /* optional: table takes full width */
  }
  
  td {
    border: 1px solid #000;    /* black outline for each cell */
    padding: 6px;              /* space inside cells */
  }

ul{
    margin-top: 0;
}

  ul li {
    margin-bottom: 0.5rem; /* adjust to taste */
  }