/*
 * pdf_mobile_view.css — 논문 PDF 모바일 인라인 뷰어 (pdf_mobile_viewer.js 짝).
 *
 * 데스크탑: <iframe>(네이티브 PDF 뷰어)만 보이고 .pdf-mobile-view는 숨김.
 * 모바일(<=768px): iframe은 PDF를 못 그리므로 숨기고, PDF.js가 채운
 * .pdf-mobile-view(canvas 스택)를 대신 보여준다.
 *
 * iframe의 display는 인라인 style이 지정하지 않으므로(인라인은 width/height/border만
 * 설정) 이 스타일시트의 display 규칙이 정상 적용된다.
 */

.pdf-mobile-view {
  display: none;
}

@media (max-width: 768px) {
  .paper-viewer iframe.full-frame {
    display: none;
  }

  .pdf-mobile-view {
    display: block;
    max-height: 80vh;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
  }
}