/* Font size control styles */
html {
  font-size: 1rem;
  transition: font-size 0.2s ease-in-out;
}

.card-regulation {
  font-size: 1rem;
  transition: font-size 0.2s ease-in-out;
}

/* Ensure proper scaling of Bootstrap components */
.btn-group {
  font-size: inherit;
}

/* Ensure proper scaling of icons */
.bi {
  font-size: inherit;
}

/* Ensure proper scaling of form elements */
.form-control,
.form-select,
.input-group-text {
  font-size: inherit;
}

/* Ensure proper scaling of navigation elements */
.nav-link,
.navbar-brand {
  font-size: inherit;
}

/* Ensure proper scaling of card elements */
.card-title,
.card-text {
  font-size: inherit;
}

/* Ensure proper scaling of table elements */
.table {
  font-size: inherit;
}

/* Ensure proper scaling of alert elements */
.alert {
  font-size: inherit;
}

/* Ensure proper scaling of modal elements */
.modal-title,
.modal-body {
  font-size: inherit;
}