*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#050505;font-family:Arial,Helvetica,sans-serif}
body{overflow-x:hidden}
.reference-shell{
  position:relative;
  width:100%;
  line-height:0;
  background:#050505;
}
.reference-shell>img{
  width:100%;
  height:auto;
  display:block;
}
.hotspot{
  position:absolute;
  z-index:10;
  display:block;
  background:transparent;
  border:0;
  line-height:1;
  text-indent:-9999px;
  overflow:hidden;
  cursor:pointer;
}
.hotspot:focus{
  outline:3px solid #f4c44e;
  outline-offset:2px;
  background:rgba(244,196,78,.08);
}
.admin-note{
  position:fixed;
  right:14px;
  bottom:14px;
  z-index:20;
  background:rgba(0,0,0,.88);
  color:#fff;
  border:1px solid rgba(244,196,78,.6);
  border-radius:8px;
  padding:10px 12px;
  font-size:12px;
  line-height:1.25;
  max-width:240px;
  box-shadow:0 8px 22px rgba(0,0,0,.3);
}
.admin-note strong{color:#f4c44e}
@media(max-width:700px){
  .admin-note{font-size:10px;max-width:190px}
}