.highlight, .short, .layout {
    padding-top: 24px;
    padding-bottom: 24px;
}

.live {
    margin-bottom: 15px;
    border: 1px solid #E25C5C;
    border-radius: 40px;
    padding: 8px 16px;
}

.live__title {
    display: block;
    position: relative;
    font: 700 16px/24px var(--serif-font);
    padding-left: 33px;
    color: var(--neutral-500);
}

    .live__title::after {
        position: absolute;
        content: "";
        width: 16px;
        height: 16px;
        background-color: #E25C5C;
        border-radius: 50%;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

.highlight__wrapper > * {
    display: flex;
}

.highlight__upper {
    column-gap: 30px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-cl);
}

.content-br > *:nth-last-child(n+2) {
    position: relative;
}

    .content-br > *:nth-last-child(n+2)::after {
        content: "";
        position: absolute;
        height: 100%;
        width: 1px;
        background-color: var(--border-cl);
        top: 0;
        right: -15px;
    }

.highlight__upper > *:nth-child(odd) > *:first-child {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-cl);
}

.highlight__left, .highlight__right {
    flex: 1;
}

.highlight__main {
    width: 48.599%;
}

.highlight__lower {
    column-gap: 30px;
}

    .highlight__lower > * {
        flex: 1;
    }
/* short video */
.short {
    background-color: #F0F4FF;
    box-shadow: 0 0 0 100vmax #F0F4FF;
    clip-path: inset(0 -100vmax);
}

.short-list {
    position: relative;
}

.block-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.block-header__wrap {
    width: fit-content;
    display: flex;
    align-items: center;
}

.block-header__icon {
    margin-right: 8px;
}

.block-header__text {
    text-transform: uppercase;
    font: 700 24px/32px var(--inter-font);
    color: var(--primary-500);
}

.sub-header__list {
    display: flex;
    gap: 24px;
    list-style: none;
}

.sub-header__item {
    font: 700 14px/20px var(--inter-font);
    color: #920818;
    text-transform: uppercase;
}

.sub-header__droplist {
    border: none;
    background-color: transparent;
    font: 700 14px/20px var(--inter-font);
    color: #920818;
    text-transform: uppercase;
}

.short-video {
    border-radius: 16px;
    overflow: hidden;
    display: block;
    position: relative;
    padding-top: 177.77%;
}

    .short-video::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 28.85%, rgba(0, 0, 0, 0.8) 115.23%);
    }

.short-video__thumb {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.new-article__title--short {
    position: absolute;
    z-index: 3;
    color: #fff;
    bottom: 8px;
    left: 8px;
    right: 8px;
}

.custom-short__left, .custom-short__right {
    width: 32px !important;
    height: 32px !important;
    background-color: #fff;
    border-radius: 50%;
}

.custom-short__left {
    left: -66px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='24' viewBox='0 0 12 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4633 22.12L1.77 13.4267C0.743333 12.4 0.743333 10.72 1.77 9.69333L10.4633 1' stroke='%232C3131' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 24px;
}

.custom-short__right {
    right: -66px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='24' viewBox='0 0 12 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 22.12 8.693-8.693a2.65 2.65 0 0 0 0-3.734L1 1' stroke='%232c3131' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 24px;
}

.swiper-button-next svg, .swiper-button-prev svg {
    display: none;
}

.layout {
    display: grid;
    grid-template-columns: 75.367% 23.365%;
    /* 75.367% - 74.767% */
    grid-template-areas: "upper side"
        "lower side";
    column-gap: 16px;
}

.layout__upper {
    grid-area: upper;
}

    .layout__upper > * {
        margin-bottom: 24px;
    }

        .layout__upper > *:nth-child(2n+3) .category__upper > *,
        .layout__lower > *:nth-child(2n) .category__upper > * {
            flex-direction: row-reverse;
        }

.layout__lower {
    grid-area: lower;
}

    .layout__lower > *:nth-last-child(n+2) {
        margin-bottom: 24px;
    }

.layout__side {
    grid-area: side;
    position: relative;
}

    .layout__side .banner img {
        width: 100%;
        object-fit: cover;
    }

.spotlight {
    padding: 16px;
    background-color: #FCE8EA;
    border-radius: 16px;
}

.spotlight__wrapper > * {
    display: flex;
    gap: 30px;
}

.spotlight__upper {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-cl);
}

.spotlight__main {
    width: 64.17%;
}

.spotlight__side {
    flex: 1;
}

    .spotlight__side > *:first-child {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid var(--border-cl);
    }

    .spotlight__side > *:last-child {
        display: none;
    }

.spotlight__lower > * {
    flex: 1;
}

.row {
    display: flex;
    gap: 30px;
}

.row--equal > * {
    flex: 1;
    /* flex: 0 0 calc((100% - 60px) / 3); */
}

.space-24 {
    gap: 24px;
}

.category {
    padding-bottom: 29px;
    position: relative;
}

    .category::after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 5px;
        background: #C4CBE3;
        clip-path: polygon( 0.4% 0%, 99.6% 0%, 100% 100%, 0% 100% );
    }

.category__upper {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-cl);
}

    .category__upper > * {
        display: flex;
        gap: 24px;
    }

    .category__upper .new-article__thumb {
        width: 54.324%;
        margin-bottom: 0;
    }

    .category__upper .new-article__info {
        flex: 1;
    }

.category__lower .new-article__description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.category-sub .new-article__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.category-sub .new-article__thumb {
    display: none;
}

.category-sub > *:nth-last-child(n+3) {
    padding-bottom: 24px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--border-cl);
}

.category-sub > *:nth-child(n+5) {
    display: none;
}

.sub-category__list {
    list-style: none;
}

.category-col .new-article__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.category-col > *:nth-child(n+2) .new-article__thumb {
    display: none;
}

.category-col > *:nth-last-child(n+2) {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-cl);
}

.slider {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.slider-track {
    position: sticky;
    top: 70px;
}

    .slider-track > *:nth-last-child(n+2) {
        margin-bottom: 24px;
    }

.side-list > *:nth-child(n+2) .new-article__thumb {
    display: none;
}

.side-list > * {
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-cl);
}

    .side-list > *:nth-last-child(n+2) {
        margin-bottom: 24px;
    }

.longform {
    border-radius: 16px;
    padding: 16px;
    background-color: #FCE8EA;
}

.longform__list > *:nth-last-child(n+2) {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-cl);
}

.weather {
    padding: 32px 34px;
    border-radius: 4px;
    background: linear-gradient(#1877F266, #1877F266), url(/asset/img/utility-bg.jpg);
    background-size: 100% auto;
    background-position: center;
    text-align: center;
    color: #fff;
    font: 600 16px/149% var(--roboto-font);
}

.weather__place {
    border: none;
    outline: none;
    background-color: transparent;
    color: #fff;
    font: 800 18px/149% var(--roboto-font);
    margin-bottom: 8px;
}

    .weather__place option {
        color: var(--neutral-500);
        border-radius: 4px;
    }

.weather__date {
    white-space: nowrap;
    margin-bottom: 16px;
}

.weather__main {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font: 800 48px/70px var(--roboto-font);
}

.weather__icon {
    height: 70px;
}

.weather__status {
    margin: 8px 0 16px;
}

.weather-widget {
    display: flex;
    justify-content: center;
    gap: 32px;
}

.weather-widget__type {
    display: flex;
    align-items: center;
    gap: 8px;
}

.market-info {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.market-info__item {
    border: 1px solid #CACACA;
    border-radius: 4px;
    box-shadow: 0px 3px 8px 0px #00000026;
    flex: 1;
    padding: 8px 16px 0px;
}

.market-info__title {
    font: 700 16px/24px var(--serif-font);
    color: var(--neutral-500);
    text-align: center;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--border-cl);
}

.market-info__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font: 700 14px/20px var(--inter-font);
}

.market-info__row {
    margin-bottom: 8px;
}

    .market-info__row span {
        color: #181818;
    }

        .market-info__row span:last-child {
            color: #FF3030;
        }

.block-header--center {
    justify-content: center;
}

.block-header__text--white {
    color: #fff;
}

.special-category {
    padding: 16px 0;
    background-image: url('../../images/category-swiper-bg.jpg');
    background-position: center center;
    background-size: 100% auto;
}

.special-category__list {
    width: 84.322%;
    margin: 0 auto;
    position: relative;
}

.categorySwiper .swiper-wrapper {
    align-items: center;
}

.special-category__item {
    background-color: #fff;
    padding: 1px;
    border-radius: 22px;
}

.special-category__thumb {
    border-radius: 22px;
    overflow: hidden;
}

.special-category__title {
    font: 700 16px/24px var(--serif-font);
    color: var(--neutral-500);
    text-align: center;
}

/* IMPORTANT: spacing stays REAL 24px */
.swiper {
    width: 100%;
    padding: 40px 0;
}

.swiper-slide {
    display: flex;
    justify-content: center;
}

.categorySwiper .swiper-slide .card,
.categorySwiper .swiper-slide .card {
    transform: scale(0.8);
}
/* SIDE */
.categorySwiper .swiper-slide-prev .card,
.categorySwiper .swiper-slide-next .card {
    transform: scale(0.9);
}
/* .categorySwiper .swiper-slide-prev{
    margin-right: 12px;
}
.categorySwiper .swiper-slide-next{
    margin-left: 12px;
} */
/* ACTIVE (center) */
.categorySwiper .swiper-slide-active .card {
    transform: scale(1);
}

.special-category-next, .special-category-prev {
    width: 32px !important;
    height: 32px !important;
    background-color: #fff;
    border-radius: 50%;
}

.special-category-prev {
    left: -66px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='24' viewBox='0 0 12 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4633 22.12L1.77 13.4267C0.743333 12.4 0.743333 10.72 1.77 9.69333L10.4633 1' stroke='%232C3131' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 24px;
}

.special-category-next {
    right: -66px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='24' viewBox='0 0 12 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 22.12 8.693-8.693a2.65 2.65 0 0 0 0-3.734L1 1' stroke='%232c3131' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 24px;
}
/* ── CARD INNER ── */
.card {
    width: fit-content;
    height: auto;
    padding: 1px;
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    transform: scale(0.85);
    transition: all 0.35s ease;
}

.card-thumb {
    width: 100%;
    object-fit: cover;
    display: block;
    border-radius: 22px;
    overflow: hidden;
}

.card-thumb-placeholder {
    width: 100%;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: rgba(255,255,255,0.5);
    letter-spacing: 0.05em;
}

.card-label {
    padding: 11px;
    text-align: center;
    color: var(--neutral-500);
    white-space: nowrap;
    font-weight: 700;
    font-family: var(--serif-font);
    font-size: 16px;
    line-height: 24px;
}

.categorySwiper .swiper-slide-active .card-label {
    font-size: 20px;
    line-height: 32px;
}

.categorySwiper .swiper-slide-next {
    padding-left: 14px;
}

.categorySwiper .swiper-slide-prev {
    padding-right: 14px;
}

    .categorySwiper .swiper-slide-next .card-label,
    .categorySwiper .swiper-slide-prev .card-label {
        font-size: 18px;
        line-height: 32px;
    }

.new-section {
    padding: 24px 0 45px;
}

    .new-section > *:nth-last-child(n+2) {
        margin-bottom: 24px;
    }

.category-3-col {
    display: flex;
    gap: 30px;
}

    .category-3-col > *:first-child {
        width: 46.45%;
    }

    .category-3-col > *:nth-child(2) {
        width: 23.584%;
    }

        .category-3-col > *:nth-child(2) > *:first-child {
            margin-bottom: 16px;
            padding-bottom: 16px;
            border-bottom: 1px solid var(--border-cl);
        }

    .category-3-col > *:last-child {
        flex: 1;
    }

        .category-3-col > *:last-child > * {
            display: flex;
        }

        .category-3-col > *:last-child .new-article__thumb {
            width: 35.20%;
            min-width: 113px;
            margin-bottom: 0px;
            margin-right: 8px;
            border-radius: 0px;
        }

            .category-3-col > *:last-child .new-article__thumb > * {
                border-radius: 8px;
            }

        .category-3-col > *:last-child .new-article__title {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .category-3-col > *:last-child .new-article__type {
            bottom: 4px;
            left: 4px;
            width: 16px;
            height: 16px;
        }

            .category-3-col > *:last-child .new-article__type > * {
                width: 8px;
                height: 8px;
            }

        .category-3-col > *:last-child > *:nth-last-child(n+2) {
            margin-bottom: 16px;
            padding-bottom: 16px;
            border-bottom: 1px solid var(--border-cl);
        }

.block-sidecol > *:nth-last-child(n+2) {
    padding-bottom: 24px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--border-cl);
}

.netzero {
    background: linear-gradient(92.17deg, #54C5D0 2.74%, #F6FEFF 99.12%);
    padding: 16px;
    border-radius: 16px;
}

.podcast {
    padding-top: 16px;
}

.border-bt {
    border-bottom: 1px solid var(--border-cl);
    margin-bottom: 16px;
    padding-bottom: 16px;
}

.netzero .border-bt,
.netzero .block-sidecol > * {
    border-color: #fff;
}

.highlight-banner img {
    width: 100%;
    object-fit: cover;
}

@media screen and (max-width: 992px) {
    .highlight, .short {
        padding-top: 16px;
        padding-bottom: 16px;
    }

        .live, .highlight-banner, .short .custom-short__left, .short .custom-short__right, .spotlight__main .new-article__description {
            display: none;
        }

    .highlight__upper {
        flex-direction: column;
        margin-bottom: 16px;
        padding-bottom: 16px;
    }

    .highlight__main {
        order: 1;
        width: 100%;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--border-cl);
    }

    .highlight__left {
        order: 2;
        display: flex;
        gap: 16px;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--border-cl);
    }

        .highlight__left > * {
            flex: 0 0 calc((100% - 16px) / 2);
        }

            .highlight__left > *:first-child, .spotlight__upper {
                margin-bottom: 0 !important;
                padding-bottom: 0 !important;
                border-bottom: none !important;
            }

    .highlight__upper > *:nth-child(odd) .new-article__thumb {
        border-radius: 8px;
    }

    .highlight__right {
        order: 3;
    }

        .highlight__right > * {
            display: flex;
        }

            .highlight__right > *:first-child {
                margin-bottom: 16px;
                padding-bottom: 16px;
                border-bottom: 1px solid var(--border-cl);
            }

        .highlight__right .new-article__thumb,
        .highlight__lower > * .new-article__thumb,
        .spotlight__side .new-article__thumb {
            width: 40.23%;
            min-width: 138px;
            margin-bottom: 0;
            margin-right: 8px;
        }

            .highlight__right .new-article__thumb > *,
            .highlight__lower > * .new-article__thumb > *,
            .highlight__left .new-article__thumb > *,
            .spotlight__side .new-article__thumb > *,
            .category__lower.row--equal > * .new-article__thumb > *,
            .longform__list > *:nth-child(n+2) .new-article__thumb > *,
            .category-3-col > *:nth-child(2) > * .new-article__thumb > * {
                border-radius: 8px;
            }

        .highlight__right .new-article__title,
        .highlight__lower > * .new-article__title {
            flex: 1;
        }

    .content-br > *:nth-last-child(n+2)::after {
        display: none;
    }

    .highlight__lower {
        flex-direction: column;
    }

        .highlight__lower > *:not(.highlight-banner) {
            display: flex;
        }

        .highlight__lower > *:nth-last-child(n+3) {
            margin-bottom: 16px;
            padding-bottom: 16px;
            border-bottom: 1px solid var(--border-cl);
        }

    .block-header {
        margin-bottom: 16px;
    }

    .block-header__text {
        font-size: 18px;
        line-height: 28px;
    }

    .layout {
        padding-top: 0;
        padding-bottom: 16px;
        grid-template-columns: 1fr;
        grid-template-areas: "upper"
            "side"
            "lower";
    }

    .spotlight, .longform {
        border-radius: 0;
        box-shadow: 0 0 0 100vmax #FCE8EA;
        clip-path: inset(0 -100vmax);
        padding-left: 0;
        padding-right: 0;
    }

    .slider {
        position: relative;
    }

    .slider-track {
        position: static;
    }

    .spotlight__upper {
        flex-direction: column;
        gap: 0;
    }

    .spotlight__main {
        width: 100%;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #fff;
    }

    .spotlight__side > *, .spotlight__side > *:last-child,
    .spotlight__lower > *:nth-last-child(n+2) {
        display: flex;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #fff !important;
    }

    .spotlight__lower {
        flex-direction: column;
        gap: 0;
    }

    .category__upper {
        margin-bottom: 16px;
        padding-bottom: 16px;
    }

        .category__upper > * {
            display: block;
            gap: 0;
        }

        .category__upper .new-article__thumb {
            width: 100%;
            margin-bottom: 16px;
        }

        .category__upper .new-article__description {
            display: none;
        }

    .category__lower {
        flex-wrap: wrap;
        gap: 0;
    }

        .category__lower > *:first-child {
            padding-right: 8px;
        }

        .category__lower > *:nth-child(2) {
            padding-left: 8px;
        }

        .category__lower > *:nth-child(-n+2) {
            width: 50%;
            margin-bottom: 16px;
            padding-bottom: 16px;
            border-bottom: 1px solid var(--border-cl);
        }

        .category__lower > * .new-article__description {
            display: none;
        }

        .category__lower.row--equal > *:nth-last-child(n+2) {
            flex: unset;
        }

    .category-sub > *:nth-last-child(n+2) {
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: 1px solid var(--border-cl);
    }

    .category-sub > *:nth-child(n+5) {
        display: block;
    }

    .category-sub > *:nth-child(-n+2) {
        display: flex;
    }

        .category-sub > *:nth-child(-n+2) .new-article__thumb {
            display: block;
            width: 40.23%;
            min-width: 138px;
            margin-bottom: 0;
            margin-right: 8px;
        }

    .side-list > * {
        padding-bottom: 16px;
    }

    .category {
        padding-bottom: 21px;
    }

    .side-list > *:nth-last-child(n+2),
    .layout__upper > *,
    .slider-track > *:nth-last-child(n+2) {
        margin-bottom: 16px;
    }

    .news {
        margin-top: 16px;
        padding-bottom: 21px;
        position: relative;
    }

        .news::after {
            content: "";
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 5px;
            background: #C4CBE3;
            clip-path: polygon( 0.4% 0%, 99.6% 0%, 100% 100%, 0% 100% );
        }

    .side-list > *:first-child .new-article__title, .longform__list > *:first-child .new-article__title {
        font-size: 18px;
        line-height: 28px;
    }

    .side-list > *:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }

    .longform__list {
        display: flex;
        flex-wrap: wrap;
    }

    .longform, .layout__side .banner {
        margin-bottom: 0 !important;
    }

    .longform__list > *:nth-child(n+2) {
        border-bottom: none;
        width: 50%;
    }

    .longform__list > *:nth-child(2n) {
        padding-right: 8px;
    }

    .longform__list > *:nth-child(odd) {
        padding-left: 8px;
    }

    .longform__list > *:first-child .new-article__thumb {
        margin-bottom: 16px;
    }

    .longform__list > *:nth-child(n+4) {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .longform__list > *:first-child {
        border-color: #E9E9E9;
        padding-left: 0;
        width: 100%;
    }

    .longform__list > *:nth-child(n+2):nth-child(-n+3) {
        border-bottom: 1px solid #E9E9E9;
    }

    .layout__side {
        margin-bottom: 16px;
    }

    .layout__lower > *:first-child.row {
        flex-direction: column;
        gap: 0;
    }

        .layout__lower > *:first-child.row > *:nth-last-child(n+2) {
            margin-bottom: 32px;
        }

    .category-col > *:first-child .new-article__title {
        font-size: 18px;
        line-height: 28px;
    }

    .block-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .sub-header {
        margin-top: 8px;
        width: 100%;
        overflow-x: auto;
    }

        .sub-header::-webkit-scrollbar {
            display: none;
        }

    .sub-header__item > * {
        white-space: nowrap;
    }

    .market-info {
        flex-direction: column;
    }

    .block-header--center {
        align-items: center;
    }

    .category-3-col {
        flex-direction: column;
        gap: 0;
    }

        .category-3-col > *:first-child {
            width: 100%;
            margin-bottom: 16px;
            padding-bottom: 16px;
            border-bottom: 1px solid var(--border-cl);
        }

        .category-3-col .new-article__description {
            display: none;
        }

        .category-3-col > *:nth-child(2) {
            display: flex;
            width: 100%;
        }

            .category-3-col > *:nth-child(2) > * {
                width: 50%;
            }

                .category-3-col > *:nth-child(2) > *:first-child {
                    padding-right: 8px;
                }

                .category-3-col > *:nth-child(2) > *:nth-child(2) {
                    padding-left: 8px;
                    margin-bottom: 16px;
                    padding-bottom: 16px;
                    border-bottom: 1px solid var(--border-cl);
                }

        .category-3-col > *:nth-child(3) > *:nth-child(n+4) {
            display: none;
        }

        .category-3-col > *:nth-child(3) > *:nth-child(3) {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

    .new-section > *:nth-last-child(n+2) {
        margin-bottom: 16px;
    }

    .new-section .row {
        display: block;
    }

    .netzero {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 0;
        width: calc(100vw - 15px);
    }

        .netzero > * {
            max-width: 508px;
            margin-left: auto;
            margin-right: auto;
        }

        .netzero .border-bt {
            border-bottom: none;
            margin-bottom: 0;
        }

        .netzero .row > *:first-child .new-article__description, .podcast .row > *:first-child .new-article__description {
            display: none;
        }

        .netzero .row > *:first-child .new-article__title, .podcast .row > *:first-child .new-article__title {
            font-size: 18px;
            line-height: 28px;
        }

        .netzero .row > *:first-child, .podcast .row > *:first-child,
        .block-sidecol > *:nth-last-child(n+2) {
            margin-bottom: 16px;
            padding-bottom: 16px;
        }

        .netzero .row > *:first-child {
            border-bottom: 1px solid #fff;
        }

    .podcast .row > *:first-child {
        border-bottom: 1px solid var(--border-cl);
    }

    .block-sidecol > *:last-child, .block-sidecol > *:nth-child(3) {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    .block-sidecol > *:nth-child(4) {
        display: none;
    }

    .new-section {
        padding: 16px 0 0;
    }

    .podcast, .netzero > *:last-child {
        position: relative;
        padding-bottom: 21px;
        margin-bottom: 16px;
    }

        .podcast::after, .netzero > *:last-child::after {
            content: "";
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 5px;
            background: #C4CBE3;
            clip-path: polygon( 0.4% 0%, 99.6% 0%, 100% 100%, 0% 100% );
        }

    .netzero > *:last-child {
        margin-bottom: 0;
    }

    .card {
        transform: scale(1) !important;
    }

    .special-category-next, .special-category-prev {
        display: none !important;
    }
}

@media (max-width: 576px) {
    .categorySwiper .swiper-slide {
        width: 75%;
    }

    .special-category__list {
        width: 100%;
    }

    .card-label {
        font-size: 16px !important;
        line-height: 24px !important;
    }
}

.swiper {
    width: 100%;
    padding: 40px 0;
}

.swiper-slide {
    display: flex;
    justify-content: center;
}

    .swiper-slide > * {
        width: 100%;
    }

.swiper-button-next::after, .swiper-button-prev::after {
    display: none;
}
/* IMPORTANT: fixed width so 5 slides fit perfectly */
@media (min-width: 992px) {
    .swiper-slide {
        width: calc((100% - 96px) / 5); /* 4 gaps × 24px = 96 */
    }
}

/* tablet */
@media (max-width: 991px) {
    .swiper-slide {
        width: calc((100% - 48px) / 3);
    }
}

/* mobile peek */
@media (max-width: 575px) {
    .swiper-slide {
        width: 75%;
    }
}
/* reset tablet */
@media (max-width: 991px) {
    .card {
        transform: scale(1) !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
}