@charset "UTF-8";

/* Page-local service sections share the maintenance content's left edge. */
.replit-service-details {
  font-size: 16px;
  line-height: 1.9;
}
body#replit-development .replit-service-details > .service-section {
  padding-inline: max(clamp(20px, 4vw, 32px), calc((100% - 1120px) / 2));
}
.replit-service-details .service-section__head {
  max-width: 900px;
  margin-left: 0;
  margin-right: auto;
}
.replit-service-details .service-section__head > p {
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.95;
  color: var(--service-muted);
}
.replit-service-details .service-resource-link {
  display: block;
  max-width: 900px;
  margin: 16px auto 16px 0;
  font-size: 15px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.replit-service-details .faq-list {
  max-width: 900px;
  margin: 0 auto 0 0;
}
.replit-service-details .service-button {
  max-width: 100%;
  white-space: normal;
  text-align: center;
}
body#replit-development #player {
  width: 100%;
  aspect-ratio: 1007 / 566;
  display: grid;
  place-items: center;
  background: #f2f7fa;
}
body#replit-development #player > a { padding: 24px; text-align: center; }
body#replit-development iframe#player { display: block; height: auto; }
@media (max-width: 359px) {
  body#replit-development .replit-service-details > .service-section {
    padding-inline: 16px;
  }
  .replit-service-details .service-section__head h2,
  .replit-service-details .service-contact h2 { font-size: 25px; }
}