/* The accounts a period needs a rate for, one per row (#722).

   They were laid into `record-form__grid`, which sets two columns: eight
   accounts became four rows of two, each carrying a repeated generic label above
   the account it was about, and the sentence explaining one proposal floated
   under whichever pair the reader guessed.

   The account is the subject, so it is the heading; the two fields sit under it
   and the reason under them. Separated by the hairline the record's lists
   already use, rather than by boxes — a card of eight boxed groups reads as
   eight cards. */

.satzfragen {
  display: grid;
  gap: 0.9rem;
}

.satzfrage {
  display: grid;
  gap: 0.35rem;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid var(--line);
}

.satzfrage:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.satzfrage__konto {
  font-weight: 600;
}

/* The mark sits inside the `Satz` label's own text span, so it inherits the
   label's letter-spacing and rides up with its uppercase. Given back the space
   the spacing steals, and set upright. */
.satzfrage__grund {
  margin-left: 0.15rem;
  letter-spacing: normal;
  text-transform: none;
}

/* The rate is the answer, so it is read before it is opened: its options run to
   `19 % — Regelsatz` and a column sized for a share of a key truncated them to
   `Nicht fe...`. Both are closed lists of five and four words, so both are
   measured rather than stretched — a select the width of the card says a long
   answer is expected. Below the record breakpoint each owns the row. */
.satzfrage__felder {
  display: grid;
  grid-template-columns: minmax(0, 20rem) minmax(0, 13rem);
  justify-content: start;
  gap: 0.9rem;
  align-items: start;
}

@media (max-width: 46rem) {
  .satzfrage__felder {
    grid-template-columns: minmax(0, 1fr);
  }
}