/* ====== Base ====== */
body {
  font-family: "Palatino Linotype", "Book Antiqua", "Palatino", "Garamond", "Georgia", "serif";
  font-size:15pt;
  margin: auto;
  background-color: #FEFAE0;
  #background-image: url('bean.png');
  #background-repeat: repeat;
  #background-size: 64px 64px; /* tile spacing */
  #background-position: center;

  color: #283618; /* dark coffee */
  width: 1000px;

}

header {
  background: linear-gradient(135deg, #606C38, #283618); /* coffee gradient */
  color: #FEFAE0;
  text-align: center;
  padding: 2em 1em;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

header h1 {
  margin: 0;
  font-size: 2.2em;
}

header p {
  margin: 0.3em 0 0;
  font-style: italic;
  font-size: 1.1em;
  color: #ffe0b2; /* latte accent */
}

/* ====== Layout ====== */
main {
  padding: 2em;
}

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
  align-items: start;
}

h2 {
  color: #BC6C25; /* medium roast */
  margin-top: 0;
}

/* ====== Tables ====== */
table {
  border-collapse: collapse;
  width: 100%;
  box-shadow: 0 2px 8px rgba(62,39,35,0.15);
}

th, td {
  border: 1px solid #DDA15E; 
  padding: 10px 14px;
  text-align: left;
  font-family: "Segoe UI", "Helvetica Neue", Roboto, "Liberation Sans", sans-serif;
}

th {
  background: #BC6C25; /* latte brown */
  color: #fffde7;      /* light cream text */
}

tr:nth-child(even) {
  background: #FEFAE0; /* soft beige */
}

tr:nth-child(odd) {
  background: #f3e5ab; /* cappuccino beige */
}

.sum {
    background-color:#f3e5ab;
    margin-bottom:50px;
    margin-top:50px;
    padding:8px;
     font-weight: bold;
}