.region-NAM { background-color: #264de4; color: #fff; }   /* medium-dark blue */
.region-SAM { background-color: #9bdcfb; color: #000; }   /* light blue */
.region-EUR { background-color: #dc3545; color: #fff; }   /* red */
.region-AFR { background-color: #fd7e14; color: #000; }   /* orange */
.region-AUS { background-color: #d63384; color: #fff; }   /* magenta */
.region-PAC { background-color: #198754; color: #fff; }   /* green */
.region-AST { background-color: #ffb380; color: #000; }   /* salmon */
.region-ATR { background-color: #6f42c1; color: #fff; }   /* purple */
.region-ANT { background-color: #adb5bd; color: #000; }   /* grey */

.region-pill {
  display: inline-block;
  padding: 0.2em 0.35em;
  font-size: 0.75rem;
  border-radius: 0.375rem;
  font-weight: 500;
  white-space: nowrap;
  border: 1.5px solid #000;
}

.selectable-region {
  border: 3px solid #ccc;
  border-radius: 0.375rem;
  padding: 0.4em 0.75em;
  font-size: 0.875rem;
  font-weight: 500;
  transition: border-color 0.2s, opacity 0.2s;
  opacity: 0.7;
}

.btn-check:checked + .selectable-region {
  border-color: #000;
  opacity: 1;
}