/* yd-pager v1 — 2026-10-26 */
@media screen {
  .yd-pg-off { display: none !important; }
  .yd-pager-bar { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 16px;
    padding: 8px 0 0; margin: 0; box-sizing: border-box; width: 100%; flex: 0 0 auto; }
  .yd-pager-bar[hidden] { display: none !important; }
  .yd-pg-btn { min-height: 56px; min-width: 120px; padding: 0 22px; border-radius: 999px; border: 2px solid currentColor;
    background: rgba(255,255,255,.96); color: #12355b; font: 800 19px/1 Pretendard, "Noto Sans KR", sans-serif; cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,.18); -webkit-tap-highlight-color: transparent; }
  .yd-pg-btn:disabled { opacity: .35; cursor: default; box-shadow: none; }
  .yd-pg-btn:focus-visible { outline: 3px solid #ffd54a; outline-offset: 3px; }
  .yd-pg-num { min-width: 64px; text-align: center; font: 800 18px/1 Pretendard, "Noto Sans KR", sans-serif; color: inherit; }
  html.kiosk-on .yd-pg-btn { min-height: 72px; min-width: 160px; font-size: 24px; }
  html.kiosk-on .yd-pg-num { font-size: 22px; }
  html.kiosk-on, html.kiosk-on body { touch-action: pan-y; } /* 가로 끌기는 스크립트가 받는다 */
  .yd-pg-anim > :not(.yd-pager-bar) { animation: ydpgfade .18s ease-out; }
  @keyframes ydpgfade { from { opacity: .35; } to { opacity: 1; } }
  @media (prefers-reduced-motion: reduce) { .yd-pg-anim > * { animation: none !important; } }
}
@media print {
  .yd-pager-bar { display: none !important; }
}