/* Shared "form unavailable" page (closed, out of period, limit reached, etc.) */
/* Works inside an iframe: no full-viewport height assumptions */

.unavailable {
  margin: 0;
  padding: 48px 16px 32px;
  background: #f5f6f8;
  color: #222;
  font-family: var(--font-sans);
  font-weight: 400;
  line-height: 1.7;
  -webkit-text-size-adjust: 100%;
}

.unavailable-card {
  box-sizing: border-box;
  max-width: 480px;
  margin: 0 auto;
  padding: 40px 24px 36px;
  background: #fff;
  border: 1px solid #e3e6eb;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(20, 30, 50, 0.04);
  text-align: center;
}

.unavailable-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin-bottom: 20px;
  border-radius: 50%;
  background: #eef2f7;
  color: #4a5568;
}

.unavailable-message {
  margin: 0;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.02em;
  font-feature-settings: "palt";
  overflow-wrap: anywhere;
}

.unavailable-footer {
  max-width: 480px;
  margin: 24px auto 0;
  font-size: 12px;
  line-height: 1.8;
  color: #444;
  text-align: center;
}

.unavailable-footer img {
  vertical-align: -3px;
}

.unavailable-footer a {
  color: #444;
}