section.document-listing .wrapper .graybg {
  background-color: #F4F6F6;
  padding: 2rem;
  border-radius: 8px;
  -moz-column-width: 310px;
  column-width: 310px;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}
section.document-listing .wrapper .graybg article a {
  display: grid;
  grid-template-columns: 21px 1fr;
  grid-template-rows: repeat(auto);
  grid-template-areas: ".    subtitle" "icon title" "icon translation";
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  padding-bottom: 2rem;
  color: #4a4a4a;
  text-decoration: none;
  align-items: start;
}
section.document-listing .wrapper .graybg article a.covers {
  grid-template-columns: 50px 1fr;
}
section.document-listing .wrapper .graybg article a .icon {
  grid-area: icon;
}
section.document-listing .wrapper .graybg article a .icon.cover img {
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.07);
}
section.document-listing .wrapper .graybg article a .subtitle {
  grid-area: subtitle;
  font-size: 1rem;
  line-height: 2rem;
  margin-top: 0rem;
  padding-top: 0.113rem;
  padding-bottom: 0.387rem;
  margin-bottom: -0.5rem;
  font-style: italic;
}
section.document-listing .wrapper .graybg article a h3 {
  grid-area: title;
  transition: 0.2s all ease-in-out;
  font-size: 1.625rem;
  line-height: 2rem;
  margin-top: -0.5rem;
  padding-top: 0.371125rem;
  padding-bottom: 0.128875rem;
  margin-bottom: 0rem;
}
section.document-listing .wrapper .graybg article a .translation {
  grid-area: translation;
  opacity: 0.8;
}
section.document-listing .wrapper .graybg article a .translation:before {
  content: "(";
}
section.document-listing .wrapper .graybg article a .translation:after {
  content: ")";
}
section.document-listing .wrapper .graybg article a:hover .title {
  color: #000;
}
/*# sourceMappingURL=block-document-listing.css.map */