/* cat info */
.felinae,
.pantherinae {
  padding-left: 10em;
  margin-bottom: 0.5rem;
}
div.columnhead {
  background: #ffda89;
  width: 10em;
  margin-left: -10em;
  padding: 1ex;
  border: 1px solid var(--dark);
}
div.columncell {
  background: #ffe8c1;
  width: 10em;
  padding: 1ex;
  border: 1px solid var(--dark);
}
div.felidae:nth-of-type(2n + 1) > div.columncell {
  background: #fff5d2;
}
.pantherinae .columnhead {
  background: #ffaa55;
}
.pantherinae .columncell {
  background: #e0aa67;
}
div.pantherinae:nth-of-type(2n + 1) > div.columncell {
  background: #e8be8c;
}

#catInfoModalBody img {
  margin: 1ex auto;
  display: block;
}
/* cat area */

.area-item {
  padding: 1ex;
  cursor: pointer;
  border: 1px solid;
  border-radius: 1ex;
  margin: 0.2ex;
  background: var(--light);
}
#cat-area-container {
  position: relative;
  padding-top: 50.7%;
  overflow-y: auto;
}
#cat-area {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* cat threats */
.threats td {
  white-space: nowrap;
}
.threats td:last-of-type {
  white-space: normal;
}