/* Link to an external CSS file */
/* <link rel="stylesheet" href="helpbox.css"> */

.help-btn { background: #000; color: #fff; border: none; border-radius: 5px; padding: 7px 15px; font-size: 1rem; cursor: pointer; font-weight: 600; margin-left:6px; }
.help-popup {
  display:none; position:fixed; z-index:1002; left:50%; top:50%; transform:translate(-50%,-50%);
  min-width:300px; max-width:90vw; background:#22242b; color:#fff; border-radius:11px;
  box-shadow:0 8px 32px #0009; padding:28px 24px 20px 24px; font-size:1.11rem; text-align:left;
  border:2px solid #A4D8D8;
}
.help-popup .help-close { background: none; border: none; color: #fff; font-size: 1.7rem; position: absolute; top: 10px; right: 18px; cursor:pointer;}
.help-popup .help-title { font-size:1.28rem; color:#A4D8D8; font-weight:bold; margin-bottom:12px; }
@media (max-width:600px) { .help-popup { min-width:0; padding:16px 8vw 18px 8vw; } }