.catalogue_section .main_wrapper.polygraphy-detail .m_nav {
    display: block;
    overflow-wrap: anywhere;
}

.polygraphy-detail .m_nav a:focus-visible {
    outline: 2px solid currentcolor;
    outline-offset: 3px;
}

.polygraphy-related .recommended__list > a:focus-visible {
    outline: 2px solid #cf0019;
    outline-offset: -2px;
}

.polygraphy-detail .recommended .about-projects {
    padding: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.polygraphy-detail .recommended .about-projects__wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    flex-wrap: initial;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.polygraphy-detail .recommended .about-projects__wrapper > a {
    flex-basis: auto;
    width: auto;
    min-width: 0;
}

.polygraphy-detail .recommended .about-projects__wrapper > a > abbr > ins {
    font-family: Onest, sans-serif;
}

.polygraphy-detail .about-projects__wrapper > a:focus-visible {
    outline: 2px solid #cf0019;
    outline-offset: -2px;
}

.polygraphy-detail .about-projects__wrapper > a:focus-visible > abbr {
    opacity: 1;
}

@media screen and (width <= 900px) {
    .polygraphy-detail .recommended .about-projects__wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (width <= 768px) {
    .polygraphy-detail .recommended .about-projects__wrapper {
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
    }

    .polygraphy-detail .recommended .about-projects__wrapper > a {
        flex-basis: 45%;
        width: 45vw;
        min-width: 45vw;
        flex-shrink: 0;
    }
}

@media screen and (width <= 500px) {
    .polygraphy-detail .recommended .about-projects__wrapper > a {
        flex-basis: 100%;
        width: 100%;
        min-width: 0;
        scroll-snap-align: center;
    }
}