/* Singular first, then plural; persons 1, 2, 3 in each column. */
.verb-conjugation {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-block: 20px;
}
.verb-conjugation__number {
  min-width: 0;
  padding: clamp(16px, 2vw, 24px);
  border: 1px solid #96b8c2;
  border-radius: 16px;
  background: #f4faf8;
  color: #243c46;
}
.verb-conjugation__number h3 {
  margin: 0 0 22px;
  font-size: clamp(1.15rem, 1.5vw, 1.4rem);
  color: inherit;
}
.verb-conjugation__person + .verb-conjugation__person { margin-top: 16px; }
.verb-conjugation__label {
  margin: 0 0 4px;
  color: #526672;
  font-size: .8rem;
  font-weight: 700;
}
.verb-conjugation ul { list-style: none; padding: 0; margin: 0; }
.verb-conjugation li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  margin: 0;
  padding-block: 4px;
  font-size: clamp(1.1rem, 1.65vw, 1.5rem);
  font-weight: 850;
  line-height: 1.4;
}
.verb-conjugation__full, .verb-conjugation__short { white-space: nowrap; }
.verb-conjugation__short { color: inherit; }
.verb-conjugation__person[data-person="1"] strong,
.verb-conjugation__person[data-person="1"] .verb-conjugation__short { color: #245f9b; }
.verb-conjugation__person[data-person="2"] strong,
.verb-conjugation__person[data-person="2"] .verb-conjugation__short { color: #1d6c5d; }
.verb-conjugation__person[data-person="3"] strong,
.verb-conjugation__person[data-person="3"] .verb-conjugation__short { color: #a6473b; }
.verb-conjugation__title { margin: 28px 0 8px; }
html[data-theme="dark"] .verb-conjugation__number {
  background: #253e4b;
  border-color: #658391;
  color: #edf5f8;
}
html[data-theme="dark"] .verb-conjugation__label { color: #bbcdd5; }
html[data-theme="dark"] .verb-conjugation__person[data-person="1"] strong,
html[data-theme="dark"] .verb-conjugation__person[data-person="1"] .verb-conjugation__short { color: #bddcff; }
html[data-theme="dark"] .verb-conjugation__person[data-person="2"] strong,
html[data-theme="dark"] .verb-conjugation__person[data-person="2"] .verb-conjugation__short { color: #a7eddb; }
html[data-theme="dark"] .verb-conjugation__person[data-person="3"] strong,
html[data-theme="dark"] .verb-conjugation__person[data-person="3"] .verb-conjugation__short { color: #ffc5b8; }
@media (max-width: 760px) {
  .verb-conjugation { grid-template-columns: minmax(0, 1fr); }
  .verb-conjugation li { font-size: 1.25rem; }
}