/* バージョン表示から開く「更新のお知らせ」 */
.release-notes {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 7000;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.release-notes.is-open { display: flex; }
.release-notes__backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, .65); }

.release-notes__dialog {
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(560px, 100%);
  max-height: min(640px, 100%);
  padding: 28px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .3);
}

.release-notes__title { margin: 0 0 16px; color: #27313d; font-size: 22px; }
.release-notes__list { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.release-notes__release + .release-notes__release { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e3e6ec; }
.release-notes__version { margin: 0 0 8px; color: #474b85; font-size: 17px; }
.release-notes__date { margin-left: 10px; color: #8a949e; font-size: 13px; font-weight: 400; }
.release-notes__notes { margin: 0; padding-left: 1.3em; color: #364152; font-size: 15px; line-height: 1.7; }

.release-notes__close {
  align-self: center;
  min-width: 160px;
  margin-top: 20px;
  padding: 10px 24px;
  border: 2px solid #8993a3;
  border-radius: 10px;
  background: #fff;
  color: #364152;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}

.release-notes__close:focus { outline: 4px solid rgba(59, 130, 246, .3); outline-offset: 2px; }