/*
 * PE-Class v1.16.42 — 제작자 크레딧
 * 기존 내비게이션의 이벤트·데이터 구조는 변경하지 않고,
 * 좌측 사이드바와 모바일 메뉴 하단에만 표시합니다.
 */
.peCreatorCredit {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: #65758a;
  font-family: inherit;
  line-height: 1.18;
  user-select: none;
}

.peCreatorCredit > img {
  display: block;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border: 1px solid #d9e4ef;
  border-radius: 50%;
  background: #f7fafc;
  object-fit: cover;
  object-position: 50% 32%;
  box-shadow: 0 2px 6px rgba(29, 53, 79, 0.08);
}

.peCreatorTextLock {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: start;
  column-gap: 3px;
  min-width: 0;
}

.peCreatorCopyright {
  color: #8b98a8;
  font-size: 9px;
  font-weight: 650;
  line-height: 1.18;
}

.peCreatorByline {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.peCreatorByline small,
.peCreatorByline strong {
  display: block;
  margin: 0;
  white-space: nowrap;
}

.peCreatorByline small {
  color: #8b98a8;
  font-size: 9px;
  font-weight: 650;
  letter-spacing: 0.01em;
}

.peCreatorByline strong {
  margin-top: 1px;
  color: #506177;
  font-size: 10px;
  font-weight: 850;
}

.peCreatorCreditDesktop {
  display: none;
}

/* PC 및 좌측 사이드바를 사용하는 iPad 가로 화면 */
@media (min-width: 1101px) {
  html:not(.pe87FoldWide) .pe87Side {
    display: flex !important;
    flex-direction: column !important;
  }

  html:not(.pe87FoldWide) .pe87Side > .sideTabs {
    flex: 0 0 auto;
  }

  html:not(.pe87FoldWide) .peCreatorCreditDesktop {
    display: flex;
    flex: 0 0 auto;
    margin-top: auto;
    padding: 12px 4px 2px;
    border-top: 1px solid #e6edf5;
  }
}

/* iPad 가로 화면: 우측 본문 컨테이너의 12px 하단 여백선과 맞춥니다. */
@media (min-width: 1101px) and (max-width: 1366px) {
  html.pe87Ipad:not(.pe87FoldWide) .peCreatorCreditDesktop,
  html.pe87IpadRuntime:not(.pe87FoldWide) .peCreatorCreditDesktop {
    margin-bottom: 12px !important;
  }
}

.peCreatorCreditMobile {
  display: none;
}

/* iPhone·일반 Android의 하단 메뉴 */
@media (max-width: 768px) {
  .peCreatorCreditMobile {
    display: flex;
    margin-top: 12px;
    padding: 12px 4px 2px;
    border-top: 1px solid #e6edf5;
  }
}