/* Tonaut — the contact and feedback page (feedback.html) only, on top of main.css and testing.css, whose fields,
   chips, buttons and attachment rows it shares. Phone first: every control 44 px or taller, field text 16 px. */

.fb-sec { padding-top: clamp(28px, 3vw, 44px); }
.fb-form { max-width: 860px; display: flex; flex-direction: column; gap: 28px; }
.fb-form[hidden], .fb .tst-done[hidden] { display: none; }
.fb-form .doc-sec__head { margin-bottom: -4px; }

.fb-group { display: flex; flex-direction: column; gap: 18px; padding-top: 26px; border-top: 1px dashed var(--rule); }
.fb-group__t {
  margin: 0 0 6px; font-weight: 600; font-variation-settings: 'wdth' 118;
  font-size: 11px; letter-spacing: .16em; text-transform: uppercase; line-height: 1.3; color: var(--ink);
}
.fb-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 22px 20px; }
.fb .btn--add { margin-top: 0; }
.fb .files + .btn { margin-top: 0; }
.fb .tst-done { max-width: 860px; }
.fb .tst-done__title:focus { outline: none; }
.fb-pick { align-self: flex-start; }
@media (max-width: 47.99em) { .fb-pick { width: 100%; } }