.browser-compat {
  position: relative;
  z-index: 1000;
  width: 100%;
  padding: 10px 16px;
  border-bottom: 1px solid #d8c99d;
  background: #fff8df;
  color: #3a2d12;
  font: 14px/1.5 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.browser-compat--upgrade {
  border-color: #d8a4a4;
  background: #fff0f0;
  color: #6c1d1d;
}

.browser-compat__inner {
  width: min(100%, 1080px);
  margin: 0 auto;
}

.browser-compat strong {
  display: inline;
  margin-right: 6px;
}

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

@media (max-width: 480px) {
  .browser-compat {
    padding: 9px 12px;
    font-size: 13px;
  }

  .browser-compat strong {
    display: block;
    margin: 0 0 2px;
  }
}