/* ESDE 15.10.327 — certificate editor preview follows the revised PDF safe zones. */
html body .esde-cert244 .esde319-preview-back .is-back-heading {
  font-size: clamp(8px, calc(var(--esde319-back-heading-size,15) * .12cqw), 17px) !important;
  color: #111 !important;
}
html body .esde-cert244 .esde319-preview-back .is-back-program {
  font-size: clamp(6px, calc(var(--esde319-back-meta-size,9) * .12cqw), 12px) !important;
  color: #111 !important;
}
html body .esde-cert244 .esde319-preview-back .is-back-meta {
  font-size: clamp(5px, calc(var(--esde319-back-meta-size,9) * .115cqw), 10px) !important;
}
html body .esde-cert244 .esde319-preview-back .is-back-topics {
  top: var(--esde319-back-topics-top,30%) !important;
  height: 55% !important;
  overflow: hidden !important;
  line-height: 1.35 !important;
  font-size: clamp(5px, calc(var(--esde319-back-topic-size,9) * .12cqw), 10px) !important;
}
html body .esde-cert244 .esde319-preview-canvas .esde319-preview-field.is-back-footer {
  left: var(--esde319-back-footer-x,5%) !important;
  top: var(--esde319-back-footer-top,82%) !important;
  transform: none !important;
  width: 73% !important;
  max-width: 73% !important;
  font-size: clamp(5px, calc(var(--esde319-field-size,var(--esde319-back-footer-size,7.5)) * .119cqw), 8px) !important;
  line-height: 1.4 !important;
  color: #222 !important;
  overflow-wrap: anywhere !important;
  text-align: left !important;
}
html body .esde-cert244 .esde319-preview-back .is-back-footer strong {
  display: block !important;
  margin: 0 0 1.5% !important;
  font-weight: 800 !important;
  color: #111 !important;
}
html body .esde-cert244 .esde319-preview-back .is-back-footer span {
  display: block !important;
  margin: 0 0 1% !important;
  color: #222 !important;
  line-height: 1.4 !important;
}
html body .esde-cert244 .esde319-preview-canvas .esde319-preview-field.is-back-qr {
  left: var(--esde319-back-qr-x,91%) !important;
  top: var(--esde319-back-qr-top,82%) !important;
  transform: translateX(-50%) !important;
  width: clamp(24px, calc(var(--esde319-field-size,var(--esde319-back-qr-size,64)) * .119cqw), 70px) !important;
  max-width: none !important;
  aspect-ratio: 1 !important;
  height: auto !important;
  padding: 0 !important;
  border: 1px solid #111 !important;
  box-sizing: border-box !important;
  background-color: #fff !important;
  background-image: repeating-conic-gradient(#111 0% 25%, #fff 0% 50%) !important;
  background-size: 8px 8px !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}
@media (max-width: 700px) {
  html body .esde-cert244 .esde319-preview-canvas .esde319-preview-field.is-back-footer {
    width: 72% !important;
    max-width: 72% !important;
  }
  html body .esde-cert244 .esde319-preview-canvas .esde319-preview-field.is-back-qr {
    width: clamp(22px, 7cqw, 48px) !important;
  }
}

/* Warn the template editor when recognition text hard-codes hours instead of using academic data. */
.esde-cert244 .esde327-template-warning {
  margin: 8px 0 12px !important;
  padding: 10px 12px !important;
  border: 1px solid #e4b44f !important;
  border-left: 4px solid #d69e22 !important;
  border-radius: 8px !important;
  background: #fff8e6 !important;
  color: #583d0b !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
.esde-cert244 .esde327-template-warning code {
  padding: 1px 4px !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #173b59 !important;
  font-weight: 700 !important;
}