/* The Tax tab.
 *
 * **WHAT IS DUE IS THE ONE THING HE CAME FOR**, so it is set apart from the
 * tables below it rather than being another row in another list.
 */

.k-tax__section {
  margin: 28px 0 8px;
  font-size: 1.05rem;
  color: var(--text);
}

/* The one line that says what to do and when. Boxed, because everything else on
 * this screen is a table and this is not. */
.k-tax__due {
  margin: 0 0 8px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-left: 3px solid var(--accent);
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--text);
  max-width: 80ch;
}

.k-tax__explain {
  margin: 0 0 10px;
  max-width: 80ch;
  color: var(--text-muted);
}

/* How much of "You owe" is not an answer. Drawn only when there is something to
 * say -- see drawShort -- and marked rather than quiet, because a figure that is
 * short of the truth is the one thing on this screen worth interrupting for. */
.k-tax__short {
  margin: 0 0 10px;
  padding: 10px 12px;
  max-width: 80ch;
  border: 1px solid var(--warn);
  border-radius: var(--radius);
  background: var(--warn-bg);
  color: var(--text);
}