/*
 * The unsupported-browser notice (F0A-WEB-01), for browsers below the floor: flat hex colours
 * (no oklch, which those browsers may not parse), a system font and nothing inline, so it works
 * under the app's CSP. The colours are El pilar's Panel, Ink and Ink secondary, and a test
 * compares them with @st/ui's brand palette.
 */
.unsupported-browser {
  margin: 0;
  padding: 16px 24px;
  border-bottom: 1px solid #bebdb7;
  background: #1b1b19;
  color: #ecebe6;
  font:
    16px/1.5 system-ui,
    -apple-system,
    'Segoe UI',
    Roboto,
    sans-serif;
}

.unsupported-browser[hidden] {
  display: none;
}

@media (forced-colors: active) {
  .unsupported-browser {
    border-bottom-color: CanvasText;
  }
}