@supports (grid-template-columns: subgrid) {
  figure.code,
  figure.code > .highlight,
  figure.code > .highlight > .chroma,
  figure.code > .highlight > .chroma > code,
  figure.code > .highlight > .chroma > code > .line {
    display: grid;
    grid-template-columns: subgrid;
  }

  .line > .ln {
    grid-column: gutter-start;
  }

  .line > .cl {
    grid-column: content-start / content-end;
  }
}

.highlight code {
    background-color: inherit;
}

.highlight .ln a {
    -webkit-user-select: none;
    -moz-use-select: none;
    -ms-user-select: none;
    user-select: none;
}

.highlight .cl {
    white-space: pre-wrap;