/* v750 - Broker window: clickable parts. A soft hover, a focus ring and a pointer; the look of the window does not change. */
#ohxModal .bhlk{cursor:pointer;transition:background .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease;border-radius:10px}
#ohxModal .bhlk:hover{background:rgba(201,162,39,.09)}
#ohxModal .bhlk:active{transform:scale(.985)}
#ohxModal .bhlk:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(201,162,39,.55)}
#ohxModal .ohx-pf-id h2.bhlk:hover,#ohxModal .ohx-pf-co.bhlk:hover{color:#8a6a2b;text-decoration:underline;text-underline-offset:3px}
#ohxModal img.bhlk{cursor:zoom-in}
#ohxModal img.bhlk:hover{box-shadow:0 0 0 3px rgba(201,162,39,.45)}
#ohxModal .ohx-pf-chip.bhlk:hover{filter:brightness(.96)}
#ohxModal .ohx-pf-dl > div.bhlk:hover{background:rgba(201,162,39,.08)}
#ohxModal .ohx-pf-stat.bhlk:hover{transform:translateY(-1px)}

/* photo preview */
.bhlk-ph{position:fixed;inset:0;z-index:5600;display:grid;place-items:center;background:rgba(9,18,30,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease;cursor:zoom-out;padding:24px}
.bhlk-ph.is-in{opacity:1}
.bhlk-ph.is-out{opacity:0}
.bhlk-ph-in{max-width:min(92vw,560px);max-height:86vh;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45);border:2px solid rgba(232,182,74,.7);transform:scale(.94);transition:transform .25s cubic-bezier(.2,.9,.3,1.1)}
.bhlk-ph.is-in .bhlk-ph-in{transform:none}
.bhlk-ph-in img{display:block;width:100%;height:auto;max-height:86vh;object-fit:contain;background:#0d1828}
.bhlk-ph-x{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:16px;cursor:pointer}
@media(prefers-reduced-motion:reduce){.bhlk-ph,.bhlk-ph-in,#ohxModal .bhlk{transition:none}}