/* Availability owns its typography, label presentation and non-shrinking dot.
   The reading scope's ID must not promote this metadata dd to compact prose.
   Both scopes use the same unchanged root micro token and declaration block. */
html:root[data-design-mode][data-theme] [data-service-availability],
html:root[data-design-mode][data-theme] #main-content [data-service-availability] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: var(--font-size-micro);
  line-height: 1.6;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--availability);
}
html:root[data-design-mode][data-theme] [data-service-availability] > i {
  display: inline-block;
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: currentColor;
}