.release-notice[hidden] { display: none !important; }
.release-notice {
  grid-column: 1 / -1;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem 1rem;
  margin: 0 0 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid #9dbbd2;
  border-radius: .75rem;
  background: #edf5fb;
  color: #173c58;
  font: inherit;
}
.release-notice__title { font-size: 1rem; font-weight: 700; margin: 0; }
.release-notice__message { flex: 1 1 18rem; margin: 0; font-size: .94rem; line-height: 1.45; }
.release-notice__actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.release-notice button {
  width: auto;
  min-height: 2.6rem;
  margin: 0;
  padding: .55rem .8rem;
  border: 1px solid #284f6b;
  border-radius: .4rem;
  background: #fff;
  color: #173c58;
  font: inherit;
  font-size: .94rem;
  font-weight: 600;
  cursor: pointer;
}
.release-notice button[hidden] { display: none !important; }
.release-notice button:focus-visible { outline: 3px solid #155c96; outline-offset: 3px; }
.release-notice button:disabled { cursor: default; opacity: .65; }
.release-notice .release-notice__refresh { background: #173c58; color: #fff; }