/*
 * AB#9977: clipping for the screen-reader summary chart-factory.js writes next to every chart.
 *
 * This rule cannot rely on Bootstrap's .visually-hidden. chart-factory.js runs on hosts spanning
 * three eras - Embeds/insight.html and Reporting/PrintWindow.cshtml load Bootstrap 3, which only
 * ships .sr-only - and four of its host pages set Layout = null, so they never pick up
 * Content/admin-a11y.css where the BS5 fallback lives. An undefined class would paint the summary
 * as visible body text on top of every chart, so the class carries its own clipping and this file
 * is linked on every page that loads chart-factory.js.
 */
[role="figure"][aria-labelledby]:focus {
  outline: 2px solid #177bbb;
  outline-offset: 2px;
}

.legendLabel .legend-label-left {
  float: none;
  display: inline-block;
  vertical-align: top;
  width: auto;
  min-width: 34px;
  margin: 0 5px 0 4px;
  white-space: nowrap;
}

.legendLabel .legend-label-right {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  font-weight: bold;
}

.chart-a11y-summary {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}