/* =========================
   Base layout
   ========================= */
body {
  font-family: Arial, Helvetica, sans-serif;
  max-width: 1100px;
  margin: 40px auto;
  padding: 0 20px;
  line-height: 1.55;
  color: #2a2a2a;
  background-color: #f6f3ee; /* warm parchment */
}

/* =========================
   Headings
   ========================= */
h1, h2, h3 {
  color: #2c2a26;
  font-weight: 600;
}

h1 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

h2 {
  font-size: 1.3rem;
  margin-top: 40px;
  margin-bottom: 10px;
}

/* =========================
   Emphasis
   ========================= */
strong {
  color: #1f3a5f; /* muted steel blue */
}

/* =========================
   Horizontal rules
   ========================= */
hr {
  border: none;
  border-top: 1px solid #cfc7bc;
  margin: 30px 0;
}

/* =========================
   Filter bar
   ========================= */
#filters {
  padding: 12px;
  background-color: #efeae2;
  border: 1px solid #cfc7bc;
}

#filters label {
  margin-right: 12px;
}

#filters select {
  margin-left: 6px;
  padding: 4px 6px;
  background-color: #fbfaf8;
  border: 1px solid #bfbab3;
}

/* =========================
   Tables
   ========================= */
table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 20px;
  font-size: 0.95rem;
}

th, td {
  border: 1px solid #cfc7bc;
  padding: 8px 10px;
  vertical-align: top;
}

th {
  background-color: #ebe6dd;
  font-weight: 600;
}

/* =========================
   Inputs
   ========================= */
input[type="number"],
input[type="text"],
input[type="email"],
textarea {
  font-family: inherit;
  font-size: 0.95rem;
  padding: 4px 6px;
  border: 1px solid #bfbab3;
  background-color: #fbfaf8;
}

input[type="number"] {
  width: 90px;
}

/* =========================
   Buttons
   ========================= */
button {
  padding: 8px 16px;
  font-size: 0.95rem;
  background-color: #e6e1d9;
  border: 1px solid #bfbab3;
  cursor: pointer;
}

button:hover {
  background-color: #dcd6cc;
}

/* =========================
   Footer
   ========================= */
footer {
  margin-top: 60px;
  font-size: 0.9rem;
  color: #555;
}