.content-modal {
  width: min(880px, 92vw);
  max-width: none;
  height: 86vh;
  height: 86dvh;
  max-height: 980px;
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: #fff;
  color: #333;
  font-family: "Pretendard", sans-serif;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
  overflow: hidden;
}

.content-modal[open] { display: flex; flex-direction: column; }
.content-modal::backdrop { background: rgba(0, 0, 0, 0.6); }
.content-modal-header { position: relative; display: flex; align-items: center; gap: 16px; flex: none; padding: 24px 68px 20px 40px; border-bottom: 1px solid #eee; }
.content-modal-header .lm-tag { margin-bottom: 0; }
.content-modal-page { margin-left: auto; color: #666; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.content-modal-page:hover { color: #e32d21; }
.content-modal-status { padding: 40px; line-height: 1.8; }
.content-modal-frame { display: block; flex: 1; min-height: 0; width: 100%; border: 0; background: #fff; }
.content-modal-frame[hidden], .content-modal-status[hidden] { display: none; }

@media (max-width: 767px) {
  .content-modal-header { padding-left: 20px; gap: 8px; }
}