.program-books {
  .section-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    @media (max-width: 1024px) {
      grid-template-columns: 1fr;
    }
    .program {
      padding-right: 50px;
      border-right: 1px solid var(--c-gray-900);
      @media (max-width: 1024px) {
        padding-right: 0;
        border-right: none;
      }
      @media (max-width: 1024px) {
        > figure {
          aspect-ratio: 3 / 2;
        }
      }
    }
    .books {
      padding-left: var(--g-md);
      @media (max-width: 1024px) {
        padding-left: 0;
      }
      h2 {
        margin-top: 0;
        @media (max-width: 1024px) {
          margin-top: var(--g-md);
          text-align: center;
        }
      }
      .book-items {
        article {
          margin-bottom: var(--g-md);
          display: flex;
          gap: var(--g-md);
          align-items: flex-start;

          @media (max-width: 768px) {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
          }
          figure {
            position: relative;
            width: 140px;
            height: 200px;
            img {
              position: absolute;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              object-fit: cover;
            }
          }
          .book-content {
            flex: 1;
            h3 {
              margin-block: 14px;
              @media (max-width: 768px) {
                margin-top: 0;
              }
            }
            h5 {
              margin-block: 14px;
              color: var(--c-primary-200);
              @media (max-width: 768px) {
                margin-block: 8px;
              }
            }
            .text {
              font-size: var(--fs-md);
            }
          }
        }
      }
      .outer {
        width: fit-content;
        margin: 0 auto;
      }
    }
  }
}