/* Keep the public notice fully visible on compact and mobile viewports. */
.staff-notice-popup {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.staff-notice-popup__card {
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

@media (max-width: 767px), (max-height: 720px) {
  .staff-notice-popup {
    align-items: start;
    padding: 16px;
  }

  .staff-notice-popup__card {
    width: min(100%, 510px);
    margin: auto;
    padding: 32px 24px 26px;
    border-radius: 18px;
  }

  .staff-notice-popup__eyebrow {
    margin-bottom: 8px;
    font-size: 10px;
  }

  .staff-notice-popup h2 {
    font-size: clamp(26px, 7vw, 34px);
    line-height: 1.08;
  }

  .staff-notice-popup p {
    margin: 13px auto 18px;
    font-size: 15px;
    line-height: 1.5;
  }

  .staff-notice-popup__action {
    min-height: 42px;
    padding: 0 18px;
  }
}