/* Scan viewer + linked index chips (staged 2026-11-03). Uses gb.css variables only. */
.scan-bar{flex-wrap:wrap}
.scan-bar .pageinfo{text-align:center;min-width:200px}
.scan-bar .pageinfo span{display:block;font-size:.9rem;color:var(--muted)}
.vseg{display:flex;border:1px solid #d9c08a;border-radius:999px;overflow:hidden}
.vseg button{background:none;border:0;padding:8px 14px;min-height:var(--tap);color:#5c5348;font:inherit}
.vseg button.on{background:var(--gold);color:#1a140e}
.scan-spread{max-width:640px;margin:0 auto;filter:drop-shadow(0 14px 28px rgba(120,90,40,.28));touch-action:pan-y pinch-zoom}
.pg-scan{border-radius:6px;aspect-ratio:1000/1440}
.pg-scan img{object-fit:contain;background:var(--parch)}
.leaf-missing{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12%;text-align:center;background:repeating-linear-gradient(135deg,var(--parch),var(--parch) 14px,var(--parch2) 14px,var(--parch2) 28px);border:2px dashed var(--red);border-radius:6px;color:var(--ink);cursor:default}
.leaf-missing b{font:400 1.8rem Pirata,serif;color:var(--red)}
.leaf-missing span{font-size:.95rem;color:var(--muted)}
.leaf-missing p{max-width:30ch;margin:.4em 0 0;font-style:italic}
.scan-meta{max-width:640px;margin:10px auto 0;text-align:center}
.scan-meta .books{font:400 1.2rem Pirata,serif;color:var(--gold2)}
.scan-meta .note{color:#5c5348;font-style:italic;margin:.3em 0}
.scan-meta .row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}
.scan-pos{font-size:.85rem;color:var(--muted)}
.leaves a.leaf{text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.leaves a.leaf:hover,.leaves a.leaf:focus-visible{border-color:var(--gold);background:rgba(212,166,58,.12)}
.leaves a.leaf-na{border-style:dashed;border-color:var(--red);color:var(--red)}
.staged-banner{background:#fff3d6;border-bottom:2px dashed var(--red);color:var(--ink);text-align:center;padding:6px 12px;font-size:.9rem}
@media (max-width:760px){.scan-bar .pageinfo{order:-1;flex-basis:100%}.scan-spread{max-width:100%}}