.wonjo-printable {
    padding-bottom: 45px;
}

.wonjo-printable-article {
    margin: 0 auto 85px;
    max-width: 1300px;
}

.wonjo-printable-header {
    padding: 75px 0;
}

.wonjo-printable-breadcrumbs {
    width: max-content;
    max-width: 100%;
    margin: 0 auto 30px;
}

.wonjo-printable-title {
    margin: 0;
    font-size: 52px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
}

.wonjo-printable-game {
    position: relative;
    margin-bottom: 70px;
    aspect-ratio: 4 / 3;
    border-radius: 32px;
    background-color: #F8F8F8;
    overflow: hidden;
}

.wonjo-printable-game iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.wonjo-printable-game-placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.wonjo-printable-game-placeholder-image {
    width: 100%;
    height: 100%;
    position: relative;
}

.wonjo-printable-game-placeholder-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.wonjo-printable-game-placeholder-image::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    background-color: rgba(0, 58, 80, 0.4);
    transition: background-color 0.4s ease;
}

.wonjo-printable-game-placeholder-button {
    position: absolute;
    inset: 50%;
    width: 237px;
    height: 93px;
    transform-origin: center center;
    transform: translate(-50%, -50%) scale(1);
    transition: transform 0.6s ease;
}

.wonjo-printable-game-placeholder-button svg {
    display: block;
    width: 100%;
    height: auto;
}

.wonjo-printable-game-placeholder:hover .wonjo-printable-game-placeholder-image::after {
    background-color: rgba(0, 58, 80, 0.6);
}

.wonjo-printable-game-placeholder:hover .wonjo-printable-game-placeholder-button {
    transform: translate(-50%, -50%) scale(0.9);
}

.wonjo-printable-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px 85px;
}

.wonjo-printable-content-image {
    width: 100%;
    max-width: 525px;
    border-radius: 32px;
    overflow: hidden;
}

.wonjo-printable-content-image img {
    display: block;
    width: 100%;
    height: auto;
}

.wonjo-printable-content-wrapper {
    flex: 1;
    width: 100%;
    padding: 32px 0;
}

.wonjo-printable-content-data {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.wonjo-printable-content-title {
    margin: 0;
    font-size: 24px;
    line-height: 1.375;
    font-weight: 700;
}

.wonjo-printable-content-description {
    font-size: 20px;
    line-height: 1.5;
    color: #777777;
}

.wonjo-printable-sharing {
    padding: 0;
    margin-top: 56px;
}

.wonjo-printable-sharing.mobile {
    display: none;
}

.wonjo-printables-related-title {
    font-size: 52px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    margin: 0 0 75px;
}

.wonjo-printables-related-title span {
    position: relative;
    width: max-content;
    max-width: 100%;
    margin: 0 80px;
}

.wonjo-printables-related-title span::after {
    content: "";
    display: block;
    width: 67px;
    height: 65px;
    background-image: url("data:image/svg+xml,%3Csvg width='69' height='66' viewBox='0 0 69 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M68.1356 47.9842C66.9401 49.523 65.8795 51.1619 64.9655 52.8828C63.5388 55.0852 61.929 57.1634 60.1529 59.0952C59.7913 56.2156 59.0921 53.3884 58.0699 50.6721C56.2764 46.0132 53.5384 41.7756 50.0281 38.2259C46.6179 34.8386 42.5542 32.1804 38.0842 30.4131C33.757 28.6614 29.1342 27.7554 24.4659 27.7439C19.969 27.7008 15.5285 28.7476 11.5244 30.7948C9.02526 32.0659 6.77912 33.7826 4.89638 35.8603C2.98745 37.9587 1.68444 40.5363 1.1267 43.3177C0.582522 46.063 0.889025 48.909 2.00516 51.4756C3.1397 53.8789 4.8331 55.9757 6.94384 57.5907C8.90626 59.1251 11.1765 60.2183 13.5997 60.7958C16.0229 61.3733 18.5422 61.4215 20.9857 60.9371C25.4146 59.8831 29.3775 57.4101 32.2706 53.8951C34.9375 50.7122 36.7831 46.9237 37.6455 42.8617C38.392 39.1971 38.482 35.429 37.9113 31.7329C36.9039 25.4528 34.6539 19.4366 31.2933 14.0365C28.7321 9.70311 25.1938 6.0281 20.9605 3.30472C17.8649 1.37245 14.3335 0.248622 10.6905 0.0363459C8.49903 -0.11262 6.30058 0.197402 4.23571 0.946552C2.86691 1.45075 2.28481 1.96364 2.31938 2.12502C2.35395 2.28639 2.76594 2.59474 3.7774 2.47089C5.70589 2.20424 7.65774 2.14831 9.59834 2.30411C14.1793 2.79804 18.4809 4.7487 21.8708 7.86928C24.6063 10.3401 26.901 13.2588 28.6564 16.5001C31.0397 20.7724 32.7409 25.3907 33.6984 30.1881C34.5114 34.0668 34.522 38.0708 33.7295 41.9538C32.944 45.6054 31.2002 48.9821 28.6774 51.7365C26.3732 54.3275 23.3055 56.1194 19.9169 56.8538C16.8464 57.4327 13.6701 56.8742 10.9811 55.2827C8.51553 53.9452 6.59222 51.7913 5.54105 49.1907C4.74009 46.9748 4.76785 44.5439 5.61924 42.3468C7.20252 38.9016 9.93497 36.1144 13.3482 34.4632C18.9202 31.8266 25.2336 31.2018 31.2143 32.695C35.9725 33.6987 40.445 35.757 44.3023 38.7183C48.76 42.2292 52.2046 46.8617 54.2834 52.1415C55.2112 54.4847 55.8647 56.9273 56.2309 59.4206C54.3771 58.4067 52.395 57.6477 50.3382 57.164C48.8359 56.7066 47.2619 56.5316 45.6959 56.6479C47.3153 57.6681 49.6551 58.8208 52.0064 60.3425C54.3167 61.8009 56.4777 63.4834 58.4581 65.3655C60.4225 63.8302 62.1609 62.026 63.6222 60.006C66.2562 56.5188 67.8238 52.3433 68.1356 47.9842Z' fill='%2301BAC4'/%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    position: absolute;
    right: -80px;
    top: 50%;
}

.wonjo-printables-related-slider {
    width: calc(100% + 80px);
    padding: 20px 40px;
    margin: -20px -40px;
}

.wonjo-printables-related-item {
    display: block;
    position: relative;
    aspect-ratio: 412 / 294;
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
}

.wonjo-printables-related-image {
    width: 100%;
    height: 100%;
    transform-origin: center center;
    transition: transform 0.6s ease;
}

.wonjo-printables-related-item:hover .wonjo-printables-related-image,
.wonjo-printables-related-item:focus .wonjo-printables-related-image {
    transform: scale(1.05);
}

.wonjo-printables-related-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.wonjo-printables-related-content {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.wonjo-printables-related-content-title {
    margin: auto 15px 0 0;
    background-color: #00C08B;
    border-radius: 0 26px 0 0;
    text-align: center;
    padding: 14px 18px 15px 14px;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.026em;
    color: white;
    transition: background-color 0.6s ease;
}

.wonjo-printables-related-item:hover .wonjo-printables-related-content-title,
.wonjo-printables-related-item:focus .wonjo-printables-related-content-title {
    background-color: #C028B9;
}

.wonjo-printables-related-slider-nav-prev,
.wonjo-printables-related-slider-nav-next {
    position: absolute;
    top: calc(50% - 28px);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #C028B9;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 1;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

.wonjo-printables-related-slider-nav-prev svg,
.wonjo-printables-related-slider-nav-next svg {
    display: block;
    width: 24px;
    height: auto;
}

.wonjo-printables-related-slider-nav-prev {
    left: 12px;
}

.wonjo-printables-related-slider-nav-next {
    right: 12px;
}

.wonjo-printables-related-slider-nav-prev:hover,
.wonjo-printables-related-slider-nav-next:hover {
    transform: scale(0.95);
}

.wonjo-printables-related-slider-nav-prev.swiper-button-disabled,
.wonjo-printables-related-slider-nav-next.swiper-button-disabled {
    pointer-events: none;
    cursor: auto;
    opacity: 0.35;
}

@media screen and (max-width: 1440px) {
    .wonjo-printables-related-slider {
        max-width: 100%;
        padding: 20px 28px;
        margin: -20px 0;
    }

    .wonjo-printables-related-slider-nav-prev {
        left: 0;
        box-shadow: none;
    }

    .wonjo-printables-related-slider-nav-next {
        right: 0;
        box-shadow: none;
    }
}

@media screen and (max-width: 1280px) {
    .wonjo-printable-content {
        gap: 24px 56px;
    }

    .wonjo-printables-related-slider {
        padding: 20px 24px;
    }

    .wonjo-printables-related-slider-nav-prev,
    .wonjo-printables-related-slider-nav-next {
        top: calc(50% - 24px);
        width: 48px;
        height: 48px;
    }

    .wonjo-printables-related-slider-nav-prev svg,
    .wonjo-printables-related-slider-nav-next svg {
        width: 20px;
    }
}

@media screen and (max-width: 767px) {
    .wonjo-printable-header {
        padding: 56px 0;
    }

    .wonjo-printable-title {
        font-size: 24px;
    }

    .wonjo-printable-game {
        border-radius: 24px;
        margin: 0;
    }

    .wonjo-printable-sharing {
        margin-top: 32px;
    }

    .wonjo-printable-sharing.desktop {
        display: none;
    }

    .wonjo-printable-sharing.mobile {
        display: flex;
    }

    .wonjo-printables-related-title {
        font-size: 20px;
        margin-bottom: 50px;
    }

    .wonjo-printables-related-title span {
        margin: 0 0 48px;
    }

    .wonjo-printables-related-title span::after {
        width: 38px;
        height: 37px;
        right: -48px;
    }

    .wonjo-printables-related-content-title {
        padding: 12px 14px 13px;
        font-size: 16px;
    }

    .wonjo-printables-related-slider-nav-prev,
    .wonjo-printables-related-slider-nav-next {
        transform: scale(1) !important;
    }

    .wonjo-printable-content {
        flex-direction: column-reverse;
    }

    .wonjo-printable-content-title {
        font-size: 20px;
        text-align: center;
    }

    .wonjo-printable-content-image {
        border-radius: 24px;
    }

    .wonjo-printable-game-placeholder-button {
        width: 97px;
        height: 39px;
    }
}

@media screen and (max-width: 412px) {
    .wonjo-printable-content-image {
        max-width: 280px;
    }
}