#comments {
  padding-top: 4em;
}

#comments li {
  display: flex;
  flex-direction: column;
  justify-content: center;

  width: 100%;
  min-height: 100%;
}

#comments dl,
#comments dt,
#comments dd {
  margin: 0;
  padding: 0;
}

#comments dl {
  /* border: .1rem solid; */
  /* border-radius: .25em; */

  margin-left: calc(var(--column-gap) * 1);
  margin-right: calc(var(--column-gap) * 1);

  /* padding: 1rem; */
  /* padding-left: 2rem; */
  /* padding-right: 2rem; */

  /* flex: 1; */

  /* display: flex; */
  /* flex-direction: column; */
}

#comments dt {
  font-family: Courier New, Courier, monospace;

  /* font-size: 92.5%;
  line-height: 1.25;

  margin-top: auto;
  margin-bottom: auto;

  padding-left: 10%;
  padding-right: 10%;

  padding-top: 1em;
  padding-bottom: 1em; */

  flex: 1;

  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 700px) {
  #comments dl {
    margin-left: 0;
    margin-right: 0;
  }
}

#comments dd {
  margin-top: 1em;
}

#comments .comment {
}

#comments .comment::before { content: "“"; }
#comments .comment::after { content: "”"; }