body.service-notice-open { overflow: hidden; }
.service-notice {
  position: fixed; inset: 0; z-index: 100000;
  display: flex; align-items: center; justify-content: center;
  padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  background: rgba(0, 0, 0, .72); box-sizing: border-box;
  overscroll-behavior: contain;
}
.service-notice__panel {
  width: 70%; max-width: 330px; min-height: 0;
  max-height: calc(100vh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  max-height: calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  display: flex; flex-direction: column; overflow: hidden;
  background: #241a13; border: 1px solid #705631; border-radius: 16px;
  box-shadow: 0 20px 70px rgba(0, 0, 0, .4);
}
.service-notice__content { min-height: 0; overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.service-notice__image { display: block; width: 100%; height: auto; }
.service-notice__image[hidden] { display: none; }
.service-notice__actions { display: flex; flex: 0 0 auto; border-top: 1px solid #705631; }
.service-notice__actions button {
  flex: 1 1 0; min-width: 0; min-height: 54px; margin: 0; padding: 14px 8px;
  border: 0; border-radius: 0; color: #efe4d3; background: #302317;
  font: inherit; font-size: 14px; font-weight: 600; cursor: pointer;
}
.service-notice__actions button + button { border-left: 1px solid #705631; color: #e8bf70; }
.service-notice__actions button:hover { background: #40301e; }
.service-notice__actions button:focus-visible { outline: 2px solid #e8bf70; outline-offset: -5px; }
.service-notice__text { padding: 28px 24px; color: #f4ebdd; line-height: 1.8; font-size: 16px; word-break: keep-all; }
.service-notice__text h2 { margin: 0 0 22px; color: #e8bf70; font-size: 25px; }
.service-notice__text p + p { margin-top: 18px; }
.service-notice__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
