/* Screen-reader descriptions and empty live regions must remain available
   without changing the existing visual layout. */
.sr-only,
html body .portal-dialog-status:empty {
  display: block !important;
  position: absolute !important;
  width: 1px !important; height: 1px !important;
  min-width: 0 !important; min-height: 0 !important;
  padding: 0 !important; margin: -1px !important; border: 0 !important;
  overflow: hidden !important; clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important; white-space: nowrap !important;
}

/* Navigation moves focus to reading landmarks, not interactive controls.
   Keep that screen-reader context without a browser outline around the text. */
:is(h1, h2, h3, h4, h5, h6, main, section.panel)[tabindex="-1"]:not([role]):not([contenteditable]):focus {
  outline: none;
}