/* v216 reusable image popup for educational/site imagery */
.nrg-image-popup[hidden]{display:none!important}
.nrg-image-popup{
  position:fixed;
  inset:0;
  z-index:10050;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(0,0,0,.93);
  cursor:zoom-out;
}
.nrg-image-popup-dialog{
  position:relative;
  width:min(96vw,1600px);
  max-height:96vh;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  justify-items:center;
}
.nrg-image-popup-figure{
  margin:0;
  min-width:0;
  min-height:0;
  display:grid;
  place-items:center;
  gap:10px;
  max-width:100%;
  max-height:90vh;
  cursor:zoom-out;
}
.nrg-image-popup-image{
  display:block;
  max-width:94vw;
  max-height:84vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:12px;
  box-shadow:0 18px 70px rgba(0,0,0,.45);
  cursor:default;
}
.nrg-image-popup-caption{
  max-width:min(92vw,1100px);
  color:#d7d7dc;
  font:500 .78rem/1.45 Oxanium,Inter,sans-serif;
  text-align:center;
  cursor:zoom-out;
}
.nrg-image-popup-close{
  position:fixed;
  top:max(14px,env(safe-area-inset-top));
  right:max(14px,env(safe-area-inset-right));
  z-index:2;
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(16,16,18,.9);
  color:#fff;
  font:400 2rem/1 Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 8px 28px rgba(0,0,0,.35);
}
.nrg-image-popup-close:hover{background:#252529;border-color:rgba(255,255,255,.5)}
.nrg-image-popup-close:focus-visible{outline:2px solid #fff;outline-offset:3px}
.nrg-image-popup-hint{
  color:#a6a6ad;
  font:500 .68rem/1.3 Oxanium,Inter,sans-serif;
  text-align:center;
  pointer-events:none;
}
body.nrg-image-popup-open{overflow:hidden}
@media(max-width:650px){
  .nrg-image-popup{padding:10px}
  .nrg-image-popup-image{max-width:96vw;max-height:82vh;border-radius:9px}
  .nrg-image-popup-close{width:48px;height:48px;top:max(9px,env(safe-area-inset-top));right:max(9px,env(safe-area-inset-right))}
  .nrg-image-popup-caption{font-size:.7rem}
  .nrg-image-popup-hint{font-size:.62rem}
}