/* FTPK Auto Modal v1.3.0 */
:root{
  --ftpk-overlay-bg: rgba(0,0,0,.55);
  --ftpk-modal-bg: #fff;
  --ftpk-modal-radius: 16px;
  --ftpk-modal-shadow: 0 20px 50px rgba(0,0,0,.25);
  --ftpk-close-size: 36px;
}

.ftpk-modal-overlay[hidden]{ display:none !important; }

.ftpk-modal-overlay{
  position:fixed; inset:0;
  display:grid; place-items:center;
  background:var(--ftpk-overlay-bg);
  z-index:999999;
  padding:24px;
}

.ftpk-modal{
  background:var(--ftpk-modal-bg);
  border-radius:var(--ftpk-modal-radius);
  box-shadow:var(--ftpk-modal-shadow);
  width:min(100%, var(--ftpk-modal-max, 720px));
  max-height:90vh; overflow:auto;
  position:relative;
  padding:24px;
  animation:ftpk-in .2s ease-out;
}

@keyframes ftpk-in{ from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:none} }

.ftpk-modal__close{
  position:absolute; top:8px; right:8px;
  width:var(--ftpk-close-size); height:var(--ftpk-close-size);
  border-radius:999px; border:none; background:transparent;
  font-size:24px; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  line-height:1; padding:0;
}

.ftpk-modal__content :where(p,ul,ol){ margin-bottom:1em; }

@media (max-width:480px){
  .ftpk-modal{ padding:18px; border-radius:12px; }
  :root{ --ftpk-close-size:32px; }
}