.form-field { margin-bottom: var(--space-8); }
.form-field__label { display: block; margin-bottom: var(--space-2); }
.form-field input {
  display: block;
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--ink);
  font-family: var(--font-serif);
  font-size: 24px;
  padding: var(--space-2) 0 var(--space-3);
  color: var(--ink);
  outline: none;
}
@media (max-width: 767.98px) {
  .form-field input { font-size: 16px; padding: var(--space-3) 0; } /* iOS-Zoom verhindern */
}
.form-field input:focus { border-bottom-color: var(--accent); }
.form-field__hint  { font-style: italic; font-size: var(--type-small); color: var(--ink-40); margin-top: var(--space-2); }
.form-field__error { color: var(--accent); margin-top: var(--space-2); }
.form-field.has-error input { border-bottom-color: var(--accent); }