NSG_PORTAL_V2/assets/styles/style.scss

// .style_layout {
//     > .section-container {
//         > .layout_define {
//             > .section_layout {
//                 @apply gap-x-10 #{!important};
//             }
//         }
//     }
// }


figure {
    margin: auto !important;
}

img {
    object-fit: cover!important;
}

.content {
    & p {
        @apply mb-2 font-arial  leading-160%;
    }

    & #title {
        @apply font-merriweather font-bold leading-150%;
    }

    & #intro, & #sub {
        @apply font-arial  font-medium leading-160%;
    }

    & audio {
        @apply w-full;
    }

    & document, & a, & custom-figure, & author {
        @apply cursor-pointer text-primary-600;
    }
}

div[layout="TYPE:Detail-LAYOUT:image"] {
    & p,& figure.align-center-image, & #sub, & #title, & #intro, & #breadcrumb, & #navigation__bottom {
        @apply lg:max-w-640px mx-auto;
    }
}

div[layout="ARTICLE_PAGE"] {
    & figure{
        @apply w-full items-center flex justify-center;
    }
}

.container-long {
    & .section_layout.grid {
        @apply md:gap-20px
    }
}