/* Sidavgränsade stilar för formuläret i ett steg. */
.page-header h1 { overflow-wrap: anywhere; hyphens: auto; }
.placement-form { scroll-margin-top: 7rem; }
.placement-form .placement-form-title {
  font-family: var(--serif);
  font-size: 1.25rem;
  color: var(--neutral-950);
  margin: 0 0 1rem;
}

.placement-form .opt {
  color: var(--neutral-600);
  font-size: .9em;
}

.placement-form .placement-optional {
  margin: .5rem 0 1.25rem;
  border: 1px solid var(--warm-300);
  border-radius: 12px;
  background: var(--warm-50);
}

.placement-form .placement-optional > summary {
  padding: 1rem;
  color: var(--primary-700);
  font-weight: 600;
  line-height: 1.5;
  cursor: pointer;
}

.placement-form .placement-optional-content { padding: 0 1rem 1rem; }

.placement-form .placement-form-hint {
  margin: 0 0 1.25rem;
  color: var(--neutral-600);
  font-size: .875rem;
  line-height: 1.6;
}

.placement-form .placement-needs {
  min-width: 0;
  padding: 0;
  border: 0;
}

.placement-form .placement-needs legend {
  margin-bottom: .5rem;
  color: var(--neutral-700);
  font-size: 13px;
  font-weight: 500;
}

.placement-form .check-item { display: flex; }
.placement-form .check-item input { width: auto; }
.placement-form .form-group { min-width: 0; }
.placement-form .form-group:not(.is-invalid) :is(input, select, textarea) {
  border-color: #81786c;
}
.placement-form :is(input, select, textarea) { scroll-margin-top: 7rem; }
.placement-form .placement-actions { margin-bottom: 1rem; }
.placement-form .placement-clear { margin-top: .5rem; }

.placement-form :is(input, select, textarea, button, summary):focus-visible,
#wizSuccess:focus-visible,
#wizError:focus-visible {
  outline: 3px solid var(--primary-700);
  outline-offset: 3px;
}

@media (max-width: 560px) {
  .placement-form .placement-actions .btn { width: 100%; justify-content: center; }
  .placement-form .placement-clear { font-size: .85rem; }
}