body {
    background:#f7f7fb;
  }
  
  .card-max {
    max-width: 820px;
  }

  .char-pill {
    font-variant-numeric: tabular-nums;
  }

  /* counter style */
  #charPill {
    padding:.25rem .5rem;
    border-radius:1rem;
    background:#eef2ff;
  }

  #charPill.ok {
    background:#e7f8ee;
  }
  
  #charPill.warn {
    background:#fff3cd;
  }

  #charPill.err {
    background:#fde2e1;
  }

  textarea#essayText {
    min-height: 220px;
  }

  @media (min-width: 768px){
    textarea#essayText {
      min-height: 280px;
    }
  }