aside.related-articles {
  border: 1px solid #dddddd;
  background: #FAFAFA;
  gap: initial;
}
aside.related-articles h4 {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: var(--gutter0);
}
aside.related-articles a {
  position: relative;
  padding-left: calc(4px + var(--gutter0));
  padding-block: calc(var(--gutter0) / 2);
}
aside.related-articles a::before {
  content: "";
  top: 0;
  left: 0;
  width: 4px;
  position: absolute;
  background-color: #dddddd;
  height: 100%;
  transition: background-color var(--transition);
}
aside.related-articles a:first-of-type {
  padding-block-start: 0px;
}
aside.related-articles a:first-of-type::before {
  border-top-left-radius: 2ch;
  top: 0.34em;
}
aside.related-articles a:last-of-type {
  padding-block-end: 0px;
}
aside.related-articles a:last-of-type::before {
  border-bottom-left-radius: 2ch;
  height: calc(100% - 0.34em);
}
@media (hover: hover) {
  aside.related-articles a:hover::before {
    background-color: var(--primary, #ff2871);
  }
}
/*# sourceMappingURL=../sourcemaps/components/related-articles.css.map */