/* PRO案内専用。Dialogの開閉・focus・認可は既存基盤が所有する。 */
#pro-modal .nm-pro-panel {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: calc(100vh - 2rem);
  max-height: calc(100dvh - 2rem);
  overflow-y: auto;
}
#pro-modal.nm-pro-has-help .nm-pro-panel { max-width: 48rem; }
#pro-modal-help {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  color: #374151;
  font-size: .875rem;
  line-height: 1.6;
}
#pro-modal .nm-pro-footer { flex-shrink: 0; flex-wrap: wrap; }
.nm-pro-help-figure { margin: 0; }
.nm-pro-help-figure img,
.nm-pro-help-figure video {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: .25rem;
}
.nm-pro-help-figure video { aspect-ratio: 16 / 9; background: #111827; }
.nm-pro-help-figure figcaption { margin-top: .5rem; }
#pro-modal-help [hidden] { display: none; }
.nm-pro-help-figure video:focus-visible { outline: 2px solid #2563eb; outline-offset: 3px; }
.nm-pro-help-image-link { margin-top: .5rem; }
.nm-pro-help-note { margin-top: .75rem; font-size: .75rem; color: #6b7280; }
.dark #pro-modal-help { color: #d1d5db; }
.dark .nm-pro-help-note { color: #9ca3af; }
@media (max-width: 480px) {
  #pro-modal .nm-pro-panel { padding: 1rem; gap: .75rem; }
}