/* Galeria de pranchas A3 e janela de ampliação */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.card{all:unset;cursor:zoom-in;background:var(--sheet);border:1px solid var(--rule);display:grid;min-width:0}
.card img{width:100%;aspect-ratio:420/297;object-fit:cover;display:block;border-bottom:1px solid var(--rule);background:#fff}
.card span{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:9px 12px;align-items:baseline}
.card b{font-family:var(--mono);font-weight:500;color:var(--steel)}
.card:focus-visible{outline:2px solid var(--steel);outline-offset:2px}
dialog{border:0;padding:0;max-width:min(96vw,1600px);background:var(--sheet);color:var(--ink)}
dialog::backdrop{background:rgba(20,20,20,.75)}
dialog img{display:block;max-width:100%;max-height:82vh}
dialog .bar{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;font-size:14px;align-items:center}
dialog button{all:unset;cursor:pointer;padding:4px 10px;background:var(--btn);font-family:var(--mono);font-size:12px}