/* Support + request-demo pages. Builds on semantik-landing.css and semantik-pages.css. */

.page-body .form-layout { align-items: start; }
.panel .form { margin-top: 24px; }
.panel .alert + .form { margin-top: 20px; }

/* Lift the form panel onto the navy band edge on wide screens */
@media (min-width: 921px) {
  .page-hero + .page-body { padding-top: 0; }
  .page-hero + .page-body .form-layout { margin-top: clamp(-56px, -4vw, -32px); position: relative; z-index: 1; }
  .page-hero + .page-body .aside { padding-top: clamp(56px, 6vw, 88px); }
}

.form__foot .btn { min-width: 220px; }
fieldset.field legend { margin-bottom: 8px; }
.field__error { display: block; }
.segmented { justify-self: start; }

@media (max-width: 520px) {
  .form__foot .btn { width: 100%; min-width: 0; }
  .segmented { display: flex; }
  .segmented label { flex: 1; }
  .segmented span { justify-content: center; width: 100%; }
}