.page-sidebar {
  margin-bottom: 100px;
  @media (max-width: 1280px) {
    margin-bottom: 40px;
  }
  @media (max-width: 1024px) {
    margin-bottom: 80px;
  }
  .container {
    display: grid;
    grid-gap: 50px;
    grid-template-columns: 7fr 3fr;
    align-items: start;
    @media (max-width: 1024px) {
      grid-gap: 30px;
      grid-template-columns: 1fr;
    }
    .container {
      width: auto;
      margin: 0;
    }
    h4 {
      padding: 6px 0;
      text-transform: none;
      border-top: 1px solid var(--c-gray-400);
      border-bottom: 1px solid var(--c-gray-400);
    }
    .page-sidebar-right {
      figure {
        position: relative;
        @media (max-width: 1024px) {
          width: 330px;
          margin: 0 auto;
        }
        img {
          width: 100%;
        }
        blockquote {
          position: absolute;
          left: -20px;
          right: 0;
          bottom: -50px;
          padding: 40px;
          color: rgba(var(--c-white-rgb), 0.86);
          @media (max-width: 1366px) {
            left: -14px;
            bottom: -30px;
            padding: 24px;
          }
          p {
            position: relative;
            z-index: 2;
          }
          cite {
            position: relative;
            color: var(--c-white);
            font-size: var(--fs-md);
            font-weight: 500;
            z-index: 2;
          }
          &:after {
            display: block;
            position: absolute;
            content: '';
            width: calc(100% + 8vw);
            height: 100%;
            left: 0;
            top: 0;
            background-color: rgba(var(--c-secondary-200-rgb), 0.8);
            z-index: 1;
            @media (max-width: 1680px) {
              width: calc(100% + 3vw);
            }
            @media (max-width: 1280px) {
              width: calc(100% + 14px);
            }
          }
        }
      }
    }
  }
}