/**
 * Definition list in a grid layout
 */

@media screen {

  /* Product data */
  .dl-grid {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 0.2em 0.8em;
    margin: 0;
  }

  .dl-grid dt {
    font-weight: 700;
    text-align: right;
  }

  .dl-grid dd {
    margin-left: 0;
  }

  .dl-grid dd + dd {
    grid-column-start: 2;
  }
}