body {
  margin: 0;
  background-color: #2c1c0d; /* Unified background color */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #e3c787;
}

header {
  text-align: center;
  background-color: #1a1206; /* Restored original banner background */
  padding: 20px 0;
}

header img {
  width: 822px;
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

.container {
  width: 822px;
  margin: 20px auto;
}

h1 {
  color: #ffd966;
  text-align: center;
}

p {
  line-height: 1.6;
  font-size: 1.1em;
}

footer {
  text-align: center;
  padding: 20px;
  background-color: #2c1c0d;
  color: #bda75e;
  font-size: 0.9em;
}

a {
  color: #ffd966;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}
.top-links {
  margin-top: 10px;
  font-size: 1em;
  text-align: center;
  color: #ffd966;
}

.top-links a {
  color: #ffd966;
  margin: 0 10px;
  font-weight: bold;
}

.top-links a:hover {
  text-decoration: underline;
}
.fancy-table {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #5c3a1e; /* Strong brown outer border */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #2c1c0d; /* Matches your body background */
  color: #e3c787; /* Gold text */
}

.fancy-table th {
  background-color: #3b240f; /* Dark brown for header */
  color: #ffd966;
  padding: 12px;
  border: 1px solid #5c3a1e; /* Visible header cell border */
  text-align: left;
}

.fancy-table td {
  background-color: #1f1409; /* Lighter brown for content */
  padding: 10px 14px;
  vertical-align: top;
  border: 1px solid #5c3a1e; /* Visible row/column lines */
}

.fancy-table ul {
  padding-left: 20px;
  margin: 0;
  list-style-type: square;
}

.fancy-table li {
  margin-bottom: 6px;
}

.attention-table {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #b35a5a; /* Bold red border */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #ffe5e5; /* Light pink background */
  color: #5a2a2a; /* Dark red text for contrast */
}

.attention-table th {
  background-color: #f28c8c; /* Light red header */
  color: #fff5f5;
  padding: 12px;
  border: 1px solid #b35a5a;
  text-align: left;
}

.attention-table td {
  background-color: #ffe5e5; /* Light pink body */
  padding: 12px 16px;
  vertical-align: top;
  border: 1px solid #d38a8a;
}

.attention-table ul {
  padding-left: 20px;
  margin: 0;
  list-style-type: square;
}

.attention-table li {
  margin-bottom: 6px;
}

.attention-table th {
  background-color: #f28c8c;
  color: #fff5f5;
  padding: 12px;
  border: 1px solid #b35a5a;
  text-align: center; /* ← this centers all <th> text */
}