body {
  color: var(--color-text-body);
  font-size: var(--font-size-s);
}

td.numerical-value,
numerical-value {
  text-align: right;
  font-family: "Roboto", Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",
    sans-serif;
}

.nobr {
  white-space: nowrap;
}

.unit {
  font-size: var(--font-size-xs);
  padding-left: 2px;
}

h2 {
  font-size: var(--font-size-xl);
  margin: 6px;
}

.section {
  padding: 0 1rem 0.5rem 1rem;
}

.buying {
  background-color: var(--color-light-red);
}

.selling {
  background-color: var(--color-light-green);
}

.blank-column{
  background-color: var(--color-background);
}

.profit-loss {
  .negative {
    color: var(--color-negative);
  }

  .positive {
    color: var(--color-positive);
  }
}

input[type="text"] {
  margin-bottom: 1em;
}