/* MIT Sloan / Accredible certificate — 1123×794 design canvas, scaled via JS */
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap");

.certificate.a4.landscape {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: #eee;
  box-shadow: none;
}

.certificate-scale {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 70.7035%;
  overflow: hidden;
}

.certificate-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 1123px;
  height: 794px;
  transform-origin: 0 0;
}

.certificate-inner .cert-bg {
  position: absolute;
  inset: 0;
  width: 1123px;
  height: 794px;
  display: block;
}

.certificate-block {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #000;
  line-height: 1.2;
}

.block-name {
  top: 44.297%;
  left: 28%;
  width: 44%;
  height: 5.703%;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 30px;
}

.block-program {
  top: 57.46%;
  left: 15.937%;
  width: 69.125%;
  height: 7.293%;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.15;
}

.block-date {
  top: 66.483%;
  left: 43%;
  width: 15%;
  height: 5%;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

.block-sig-left {
  top: 76.768%;
  left: 15.438%;
  width: 180px;
  object-fit: contain;
}

.block-sig-right {
  top: 76.238%;
  left: 62.75%;
  width: 208px;
  object-fit: contain;
}

.block-id {
  top: 94.044%;
  left: 81.625%;
  width: 15%;
  height: 5%;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  justify-content: flex-start;
}

.certificate.square {
  width: 100px;
  max-width: 100px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.certificate.square .certificate-scale {
  padding-bottom: 70.7035%;
}