/* qualification.css – production */
/* Page-specific layout/grouping; shared styling lives in base.css */

.page {
  padding: 24px 0 48px 0;
}

.site-main {
  padding-top: 8px;
}

.site-header {
  margin-bottom: 12px;
}

.intro {
  margin-top: 8px;
  margin-bottom: 24px;
}

.section-block {
  margin-top: 32px;
}

.qualification-form {
  margin-top: 32px;
}

.form-section {
  margin-top: 40px;
}

.form-field {
  margin-bottom: 16px;
}

.field-inline {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 8px;
}

.field-inline input[type="radio"],
.field-inline input[type="checkbox"] {
  margin-top: 2px;
}

.field-inline label {
  margin: 0;
}

.cta-block {
  margin-top: 32px;
}

.qualification-form .cta-block {
  margin-top: 40px;
  border-top: 1px solid var(--color-graphite);
  padding-top: 20px;
}

.cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.post-submit-message {
  margin-top: 16px;
  min-height: 36px;
}

.receipt-block[hidden] {
  display: none;
}

.submit-action-area[hidden] {
  display: none;
}

.qualification-form .cta-block.is-receipt {
  border-top: none;
  padding-top: 0;
}

fieldset.fieldset.is-error {
  border-color: var(--color-border-error);
}

.confirmation-group.is-error {
  border: 1px solid var(--color-border-error);
  border-radius: var(--radius-md);
  padding: var(--space-lg);
}

.qualification-form .form-error {
  color: var(--color-error-text);
}
.qualification-form input.is-error,
.qualification-form select.is-error,
.qualification-form textarea.is-error,
.qualification-form fieldset.fieldset.is-error,
.qualification-form .confirmation-group.is-error {
  border-color: var(--color-border-error);
}

@media (min-width: 1024px) {
  .site-main,
  .site-header__inner {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}