.magazine-main{min-height:65vh;padding-top:72px;padding-bottom:110px}
.magazine-heading{border-bottom:1px solid #d7d7d7;padding-bottom:35px;margin-bottom:36px}
.magazine-heading h1{font-size:clamp(48px,8vw,110px);letter-spacing:-.055em;line-height:1;margin:20px 0 18px}
.magazine-heading p,.magazine-reader-heading p{color:#666;line-height:1.7}
.magazine-status{padding:36px 0;color:#777;font-size:14px}
.magazine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}
.magazine-card{display:block;color:inherit;text-decoration:none;min-width:0}
.magazine-cover{aspect-ratio:3/4;background:#f2f2f2;display:flex;align-items:center;justify-content:center;overflow:hidden}
.magazine-cover img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.magazine-card:hover .magazine-cover img{transform:scale(1.025)}
.magazine-card h2{font-size:20px;margin:15px 0 5px}.magazine-card p{color:#666;font-size:13px;line-height:1.6;margin:0}
.magazine-reader-main{min-height:70vh;padding:38px 0 90px}
.magazine-reader-heading{padding-bottom:22px}.magazine-back{display:inline-block;color:inherit;text-decoration:none;font-size:12px;margin-bottom:22px}
.magazine-reader-heading h1{font-size:clamp(24px,4vw,46px);letter-spacing:-.04em;margin:0 0 8px}
.magazine-reader{width:min(1200px,96vw);margin:20px auto 0;display:grid;grid-template-columns:45px minmax(0,1fr) 45px;align-items:center;gap:12px}
.magazine-reader[hidden]{display:none}
.reader-arrow{height:46px;width:46px;border:1px solid #ccc;background:white;border-radius:50%;font-size:23px;cursor:pointer}
.reader-arrow:disabled{opacity:.25;cursor:default}
/* 매거진 펼침면 */
.reader-spread {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: transparent;
  box-shadow: none;
}

/* 이미지 클릭 영역 */
.reader-page {
  display: block;
  flex: 0 1 auto;
  width: fit-content;
  max-width: 100%;
  height: auto;
  aspect-ratio: auto;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  overflow: visible;
  cursor: pointer;
}

/* 실제 매거진 이미지 */
.reader-page img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 70vh;
  object-fit: contain;
  margin: 0;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
}

/* 페이지 번호 및 안내 */
.reader-counter {
  text-align: center;
  font-size: 13px;
  margin-top: 22px;
}

.reader-hint {
  text-align: center;
  font-size: 12px;
  color: #888;
  margin: 12px 20px;
}

/* 모바일 */
@media (max-width: 750px) {
  .magazine-main {
    padding-top: 45px;
  }

  .magazine-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px 12px;
  }

  .magazine-card h2 {
    font-size: 16px;
  }

  .magazine-reader {
    width: 100%;
    grid-template-columns: 34px minmax(0, 1fr) 34px;
    gap: 4px;
    padding: 0 5px;
  }

  .reader-arrow {
    width: 34px;
    height: 34px;
    font-size: 18px;
  }

  .magazine-reader-heading {
    padding-top: 10px;
  }
}
/* 매거진 전환 메뉴 */
.magazine-switcher {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px auto 32px;
}

.magazine-switcher[hidden] {
  display: none;
}

/* 매거진 선택 버튼 */
.magazine-switch-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border: 1px solid #222;
  border-radius: 100px;
  background: #fff;
  color: #111;
  font-size: 13px;
  line-height: 1.2;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}

/* 마우스 올렸을 때 */
.magazine-switch-button:hover {
  background: #eee;
}

/* 현재 선택된 매거진 */
.magazine-switch-button.is-active {
  background: #111;
  color: #fff;
}

.magazine-switch-button.is-active:hover {
  background: #111;
}

/* 모바일에서는 가로 스크롤 */
@media (max-width: 750px) {
  .magazine-switcher {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 4px 16px 12px;
    scrollbar-width: thin;
  }

  .magazine-switch-button {
    flex-shrink: 0;
    white-space: nowrap;
  }
}