/* BPN Grid: front end. Always centered, simple directory style cells. */
.bpn-grid-wrap{width:100%;text-align:center;margin:1em 0;clear:both}
.bpn-grid{display:inline-grid;grid-template-columns:repeat(var(--bpn-cols,3),var(--bpn-w,180px));gap:0;margin:0 auto;max-width:100%;vertical-align:top}
.bpn-cell{position:relative;box-sizing:border-box;padding:14px 8px 12px;text-align:center;background:#fff}
.bpn-grid-border .bpn-cell{border:1px solid #c8c8c8;margin:-1px 0 0 -1px}
.bpn-cell .bpn-img-link{display:block;height:var(--bpn-imgh,100px);line-height:var(--bpn-imgh,100px);margin-bottom:10px;text-decoration:none}
.bpn-cell .bpn-img-link img{max-height:100%;max-width:100%;width:auto;height:auto;vertical-align:middle;display:inline-block;border:0;box-shadow:none}
.bpn-cell .bpn-img-blank{display:inline-block;width:60%;height:100%;background:#f1f1f1;border-radius:6px;vertical-align:middle}
.bpn-grid .bpn-cell a.bpn-text-link,.bpn-grid .bpn-cell a.bpn-text-link:link,.bpn-grid .bpn-cell a.bpn-text-link:visited{display:inline-block!important;font-family:Georgia,"Times New Roman",serif!important;font-size:15px;line-height:1.3!important;color:#0000EE;text-decoration:underline!important;word-wrap:break-word;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;text-transform:none!important;letter-spacing:normal!important}
.bpn-grid .bpn-cell a.bpn-text-link:hover,.bpn-grid .bpn-cell a.bpn-text-link:focus{text-decoration:underline!important;opacity:.8}
.bpn-grid .bpn-cell a.bpn-img-link,.bpn-grid .bpn-cell a.bpn-img-link:hover{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
@media (max-width:600px){
  .bpn-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .bpn-grid[style*="--bpn-cols:1"]{grid-template-columns:1fr}
}

/* Admin overlay (tracking tab) */
.bpn-grid-admin .bpn-cell{cursor:grab;background:rgba(255,120,0,calc(var(--bpn-heat,0)*0.55));transition:background .2s}
.bpn-grid-admin .bpn-cell:active{cursor:grabbing}
.bpn-grid-admin .bpn-cell a{pointer-events:none}
.bpn-grid-admin .bpn-cell-count{position:absolute;top:6px;right:6px;background:#1d2327;color:#fff;font:700 12px/1 -apple-system,Segoe UI,Roboto,sans-serif;padding:5px 8px;border-radius:12px;min-width:14px}
.bpn-grid-admin .bpn-cell-handle{position:absolute;top:6px;left:6px;color:#999;font-size:14px;letter-spacing:-3px}
.bpn-grid-admin .bpn-cell.ui-sortable-helper{box-shadow:0 10px 30px rgba(0,0,0,.25);background:#fff}
.bpn-grid-admin .bpn-cell.bpn-placeholder{background:#e8f0fe;border:2px dashed #2271b1}