:root {
  --sidebar-width: 31rem;
  --layout-gap: 4rem;
  --wp--style--block-gap: clamp(3.5rem, 2.737rem + 1.404vw, 4rem);
}

@media (min-width: 1300px) {
  :root {
    --sidebar-width: 34rem;
    --layout-gap: 6rem;
  }
}
.latest-documents {
  list-style: none;
  padding: 0;
}
.latest-documents + .latest-documents {
  margin-top: 0 !important;
}
.latest-documents li {
  margin: 0 0 1rem 0;
  padding: 0;
}
.latest-documents a {
  display: block;
  padding: 1.3rem 4rem 1.2rem 1.5rem;
  background: rgba(184, 159, 107, 0.15);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);
  position: relative;
  transition: background 0.35s ease-in-out, clip-path 0.35s ease-in-out;
}
.latest-documents a svg {
  position: absolute;
  top: 1.8rem;
  right: 1.5rem;
  opacity: 0;
  transition: opacity 0.35s ease-in-out;
}
.latest-documents a svg path {
  stroke: #92712E;
}
.latest-documents a:hover, .latest-documents a:active, .latest-documents a:focus {
  background: rgba(184, 159, 107, 0.5);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 35px), calc(100% - 30px) 100%, 0 100%);
}
.latest-documents a:hover svg, .latest-documents a:active svg, .latest-documents a:focus svg {
  opacity: 1;
}
.latest-documents .meta {
  display: block;
  font-family: var(--wp--preset--font-family--secondary);
  font-size: var(--wp--preset--font-size--font-16);
  margin: 0;
  color: #2C3E50;
}
.latest-documents h3 {
  font-size: var(--wp--preset--font-size--font-20);
  margin: 0 0 0.4ch 0;
  color: #26252C;
}