/* Click any generated chart image to see it full size.
   Triggers on img.myvideo OR img.shareable-wheel. Between them those two cover
   every wheel, aspect grid, declination graph and podium on the site: 51 report
   files carry shareable-wheel WITHOUT myvideo, synastry among them, and keying on
   myvideo alone missed every one of those wheels. Lifted from birth-time.php, where it
   was written for that one report, and moved here so every report gets it.
   Class prefix stays .btz- so nothing that already existed can collide. */
img.myvideo, img.shareable-wheel { cursor: zoom-in; }
.btz-overlay{
  position:fixed; inset:0; z-index:9999; display:none;
  background:rgba(6,14,22,.92); padding:24px;
  align-items:center; justify-content:center; cursor:zoom-out;
}
.btz-overlay.btz-open{ display:flex; }
.btz-overlay img{
  max-width:min(96vw,900px); max-height:92vh; width:auto; height:auto;
  border-radius:10px; box-shadow:0 18px 50px rgba(0,0,0,.55);
}
.btz-close{
  position:absolute; top:14px; right:20px; background:transparent; border:0;
  color:#e6f1f7; font-size:34px; line-height:1; cursor:pointer; padding:4px 10px;
}
.btz-close:hover{ color:#ffa500; }
.btz-hint{
  position:absolute; bottom:16px; left:0; right:0; text-align:center;
  color:rgba(230,241,247,.65); font-size:13px;
}
@media (max-width:520px){ .btz-overlay{ padding:10px; } }