.sws-flipbook-single__container {
    width: min(1120px, calc(100% - 32px));
    margin: 0 auto;
    padding: 48px 0;
}

.sws-flipbook-single__header {
    margin-bottom: 24px;
}

.sws-flipbook-single__title {
    margin: 0 0 12px;
}

.sws-flipbook-single__excerpt {
    max-width: 760px;
    margin: 0;
}

.sws-flipbook-single__body {
    max-width: 760px;
    margin-bottom: 32px;
}

.sws-flipbook {
    display: grid;
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
    gap: 32px;
    align-items: start;
}

.sws-flipbook__reader {
    text-align: center;
}

.sws-flipbook ._df_thumb {
    width: 210px;
    height: 300px;
    margin: 0;
}

.sws-flipbook__description > :first-child {
    margin-top: 0;
}

.sws-flipbook__download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 18px;
    border: 1px solid currentColor;
    border-radius: 4px;
    text-decoration: none;
}

.sws-flipbook-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 210px));
    gap: 24px;
    align-items: flex-start;
    justify-content: start;
    margin: 32px 0;
}

.sws-flipbook-list__item {
    min-width: 0;
}

.sws-flipbook-list ._df_thumb {
    width: 210px;
    height: 300px;
    margin: 0;
}

._df_thumb ._df_book-title {
    font-size: 16px;
    line-height: 1.6;
}

.sws-flipbook-list__download {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
}

.sws-flipbook-list__download::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.25'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203v12'%2F%3E%3Cpath%20d='m7%2010%205%205%205-5'%2F%3E%3Cpath%20d='M5%2021h14'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.25'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203v12'%2F%3E%3Cpath%20d='m7%2010%205%205%205-5'%2F%3E%3Cpath%20d='M5%2021h14'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    transform: translateY(0.08em);
}

@media (max-width: 720px) {
    .sws-flipbook {
        grid-template-columns: 1fr;
    }

    .sws-flipbook__reader {
        text-align: left;
    }

    .sws-flipbook-list {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }

    .sws-flipbook-list ._df_thumb {
        width: min(210px, 100%);
        height: auto;
        aspect-ratio: 7 / 10;
    }
}