/* Hit Points Calculator */
.hp-class-row { grid-template-columns: minmax(150px, 1fr) 110px auto auto; }
.hp-class-row .hp-tag { align-self: center; }
.hp-breakdown { margin-top: 1rem; }
.hp-breakdown summary { cursor: pointer; font-weight: 700; }
.hp-roll-input { width: 64px; min-height: 32px; padding: .25rem .4rem; text-align: right; }
@media (max-width: 640px) {
  .hp-class-row { grid-template-columns: 1fr 90px auto; }
  .hp-class-row .hp-tag { grid-column: 1 / -1; grid-row: 1; }
}