/* The tilinpäätös preparation form: labelled fields in one readable
   column, measure-capped so prose fields don't stretch across a wide
   screen (design_system.md — intrinsic first, no breakpoints). */
.statement-form {
  display: grid;
  gap: var(--space-4);
  max-inline-size: 60ch;
  margin-block-end: var(--space-7);
}

.statement-form .field {
  display: grid;
  gap: var(--space-1);
  min-inline-size: 0;
}
.statement-form .field label { font-weight: 600; }
.statement-form .field-narrow { max-inline-size: 14rem; }

/* Place and date sit on one line where there is room, and wrap where
   there isn't. */
.statement-form .field-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}
.statement-form .field-row > .field { flex: 1 1 12rem; }

.statement-form .btn { justify-self: start; }
.statement-form h2 { margin-block-end: var(--space-2); }

/* Freezing the signed figures is a deliberate, secondary act — it sits
   below the form, not beside the save button. */
.statement-sign {
  display: grid;
  gap: var(--space-2);
  justify-items: start;
  max-inline-size: 60ch;
  border-block-start: 1px solid var(--border);
  padding-block-start: var(--space-4);
}