/* Slide images (slides.js): thumbnails above .fig, "投影片 N" links, full-screen viewer */
a.sl { color: inherit; text-decoration: underline dotted var(--accent); text-underline-offset: 3px; text-decoration-thickness: 1.5px; }
a.sl:hover { color: var(--accent); }
figure.slideimg { margin: 14px 0 6px; display: grid; gap: 8px; min-width: 0; }
figure.slideimg.multi { grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
figure.slideimg img { display: block; width: 100%; max-width: 100%; height: auto; border: 1px solid var(--rule); border-radius: 8px; background: #fff; cursor: zoom-in; }
figure.slideimg figcaption { grid-column: 1 / -1; font-size: 12.5px; color: var(--muted); }
dialog.slidebox { width: min(100vw, 1100px); max-width: 100vw; max-height: 100dvh; margin: auto; padding: 0; border: 1px solid var(--rule); border-radius: 10px; background: var(--surface); color: var(--ink); box-sizing: border-box; }
dialog.slidebox::backdrop { background: rgba(0, 0, 0, 0.72); }
.slidebox .sb-bar, .slidebox .sb-nav { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px; }
.slidebox .sb-n { font-size: 13px; color: var(--muted); font-variant-numeric: tabular-nums; min-width: 0; }
.slidebox button { font: inherit; font-size: 14px; color: var(--ink); background: var(--paper); border: 1px solid var(--rule); border-radius: 8px; padding: 6px 12px; cursor: pointer; }
.slidebox button:disabled { opacity: 0.35; cursor: default; }
.slidebox .sb-view { overflow: auto; max-height: calc(100dvh - 140px); touch-action: pan-x pan-y pinch-zoom; background: #fff; }
.slidebox .sb-view img { display: block; width: 100%; height: auto; cursor: zoom-in; }
.slidebox .sb-view.zoom img { width: 200%; max-width: none; cursor: zoom-out; }
.slidebox .sb-src { padding: 0 12px 10px; font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
.slidebox .sb-src a { color: var(--accent); }