/* A more modern, clean font */
body {
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    margin: 20px auto;
    max-width: 1200px;
  }
  
  /* Tables with fixed layout so each column is the same width */
  table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom: 20px;
  }
  
  thead tr {
    background-color: #f5f5f5;
  }
  
  th, td {
    border: 1px solid #ccc;
    padding: 8px;
    vertical-align: top;
    width: 25%; /* 4 columns => 25% each */
    text-align: left;
    word-wrap: break-word;
  }
  
  /* Just a bit of spacing for the final output */
  #result {
    white-space: pre-wrap;
    background: #fafafa;
    border: 1px solid #ccc;
    padding: 10px;
    min-height: 50px;
  }