.br-chart-cells {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem;
}
.br-explain-row span {
  display: flex;
  flex-direction: column;
  gap: .1rem;
}
.br-explain-row small {
  color: #667c88;
  font-size: .72rem;
  font-weight: 500;
}
.br-explain-row strong {
  color: #1b3b4c;
  font-weight: 600;
  overflow-wrap: anywhere;
}
@media (max-width: 760px) {
  .br-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
    gap: .45rem;
  }
  .br-tabs button {
    min-width: 0;
    width: 100%;
    min-height: 44px;
  }
  .braille-page .modern-sidebar-toggle {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}