body {
  font-family: "Prompt", sans-serif;
}

.certificate-wrap {
  container-type: inline-size;
}

.certificate {
  position: relative;
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}

.certificate-bg-img {
  display: block;
  width: 100%;
  height: auto;
}

.certificate-name {
  position: absolute;
  top: 41.77%;
  left: 15%;
  width: 70%;
  text-align: center;
  color: #3b0764;
  font-weight: 600;
  line-height: 1;
  font-size: 5.3vw;
  font-size: 3.43cqw;
  white-space: nowrap;
}

/* Live on-screen preview only — nudged from the PDF-accurate base
   position above, to compensate for how the browser renders the text
   slightly differently than html2canvas does during PDF export. */
.certificate-name.certificate-name--preview {
  top: 44.62%;
}

.hidden {
  display: none !important;
}