body {
  font-family: Arial, sans-serif;
}

table {
  border-collapse: collapse;
  width: 1240px; /* Set fixed width so it won't shrink */
  min-width: 1240px; /* Ensure it doesn’t get smaller */
  background-color: white;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

th, td {
  border: 1px solid #ddd;
  padding: 11px 0px;
  text-align: center;
  vertical-align: middle;
}

th {
  background: #f4f4f4;
}

/* Freeze the first column */
th:first-child,
td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}

td.up {
  background-color: #d6f6d6;
  transition: background-color 0.5s;
}

td.down {
  background-color: #f7d8d8;
  transition: background-color 0.5s;
}

.flag-icon {
  display: inline-block;
  vertical-align: middle;
}

.flag-img {
  width:35px;
  height:25px;
}