/* Back Button */
.special-exhibit-info .board-info__back { margin-bottom: 0; }

/* Special Exhibit Hero */
.special-exhibit-info__poster { position: relative; flex-shrink: 0; width: clamp(340px, calc(340px + (100vw - 768px) * 20 / 257), 360px); max-width: 100%; border: 1px solid #4A4138; }
.special-exhibit-info__poster-image { width: 100%; aspect-ratio: 360 / 504; object-fit: cover; }
.special-exhibit-info__summary { display: flex; flex-direction: column; flex: 1; min-width: 0; gap: var(--space-16); padding-top: var(--space-20); }
.special-exhibit-info__eyebrow { font-size: var(--font-size-body); font-weight: 500; line-height: var(--line-height-body); color: var(--color-brand-accent-soft); }
.special-exhibit-info__title { font-size: var(--font-size-title-page); line-height: var(--line-height-title-page); color: var(--color-text-inverse); }
.special-exhibit-info__title::after { content: ""; display: block; height: 1px; margin-top: var(--space-32); margin-bottom: var(--space-24); background-color: #817468; }

/* Special Exhibit Body */
.special-exhibit-info__body .container { padding-top: 0; }
.special-exhibit-info__heading { display: flex; align-items: center; gap: var(--space-12); margin-block: var(--space-80) var(--space-20); padding-bottom: var(--space-20); border-bottom: 1px solid var(--color-border-default); font-size: var(--font-size-h1); line-height: var(--line-height-h1); color: var(--color-text-default); }
.special-exhibit-info__heading::before { content: ""; flex-shrink: 0; width: 3px; height: 38px; background-color: var(--color-brand-accent-soft); }
.special-exhibit-info__heading + .special-exhibit-info__intro { margin-top: var(--space-20); }
.special-exhibit-info__text { margin-top: var(--space-20); font-size: var(--font-size-h3); font-weight: 500; line-height: var(--line-height-h3); color: var(--color-text-muted); }
.special-exhibit-info__desc { margin-top: var(--space-40) }
.special-exhibit-info__note { margin-block: var(--space-20); font-size: var(--font-size-body); font-weight: 500; color: var(--color-text-muted); }

/* Special Exhibit Navigation */
.special-exhibit-info__nav { display: flex; align-items: center; gap: var(--space-12); margin-top: var(--space-120); border-top: 1px solid #e8e3da; border-bottom: 1px solid #e8e3da; padding-block: var(--space-32); }
.special-exhibit-info__nav-prev, .special-exhibit-info__nav-next { display: flex; align-items: center; gap: var(--space-12); flex: 1 1 0; min-width: 0; }
.special-exhibit-info__nav-next { justify-content: flex-end; }
.special-exhibit-info__nav-prev[aria-disabled="true"], .special-exhibit-info__nav-next[aria-disabled="true"] { color: var(--color-text-muted); pointer-events: none; }
.special-exhibit-info__nav .icon-arrow { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 28px; height: 34px; color: var(--color-text-meta); }
.special-exhibit-info__nav .icon-arrow .icon-l-arrow, .special-exhibit-info__nav .icon-arrow .icon-r-arrow { width: 1.5rem; height: 1.5rem; }
.special-exhibit-info__prev-text, .special-exhibit-info__next-text { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.special-exhibit-info__next-text { align-items: flex-end; text-align: right; }
.special-exhibit-info__nav .label { font-size: var(--font-size-body-sm); line-height: var(--line-height-body-sm); color: var(--color-text-muted); }
.special-exhibit-info__prev-title, .special-exhibit-info__next-title { font-size: var(--font-size-h4); font-weight: 500; color: var(--color-text-default); }

@media (max-width: 768px) {
  /* Special Exhibit Hero */
  .special-exhibit-info__poster { width: min(100%, 360px); margin-inline: auto; }
  .special-exhibit-info__summary { margin-inline: auto; padding-top: 0; }
  .special-exhibit-info__title::after { margin-top: var(--space-20); margin-bottom: var(--space-16); }

  /* Special Exhibit Body */
  .special-exhibit-info__heading { margin-block: var(--space-50) var(--space-15); padding-bottom: var(--space-15); }
  .special-exhibit-info__desc { margin-top: var(--space-30) }

  /* Special Exhibit Navigation */
  .special-exhibit-info__nav { margin-top: var(--space-60); }
  .special-exhibit-info__nav-prev, .special-exhibit-info__nav-next { gap: var(--space-8); }
}