/* Keep the control panel denser than the navigation without changing layout geometry. */
html {
  font-size: 14px !important;
}

body {
  font-size: 14px;
}

/* The navigation stays readable and acts as the visual size reference. */
.sidebar-link {
  font-size: 14px;
  line-height: 20px;
}

.sidebar-section-title {
  font-size: 12px;
  line-height: 16px;
}

/* Prevent mobile browsers from zooming form controls when they receive focus. */
@media (max-width: 767px) {
  input,
  select,
  textarea {
    font-size: 16px !important;
  }
}