/* =========================
   Blog Widget - Desktop
========================= */

.-ycwt-blog .-wid-blogpos {
    margin-block-end:44px;
    text-align:center;
}

.-ycwt-blog .g-content {
    max-width:860px;
    margin-inline:auto;
}

.-ycwt-blog .betit-w {
    display:block;
    margin-block-end:12px;
    color: var(--uicolor);
    font-weight:800;
    line-height:1.2;
}

.-ycwt-blog .tit-wdt {
    margin:0;
    letter-spacing:-1.8px;
}

.-ycwt-blog .con-wgt {
    max-width:650px;
    margin:16px auto 0;
    color:#5d5d5d;
    font-size:17px;
    line-height:1.8;
}

.-ycwt-blog .-widbl-posts {
    position:relative;
    min-width:0;
}

.-ycwt-blog .-inner-widbl-posts {
    display:flex;
    align-items:stretch;
    justify-content:center;
    flex-wrap:wrap;
    gap:28px;
    min-width:0;
}

.-ycwt-blog .-inner-widbl-posts:empty {
    min-height:120px;
    border:1px dashed color-mix(in srgb,var(--uicolor) 25%,var(--diver));
    border-radius:18px;
    background:color-mix(in srgb,var(--uicolor) 3%,var(--background-color));
}

.-ycwt-blog .Post--item {
    position:relative;
    flex:0 1 calc((100% - 56px) / 3);
    width:calc((100% - 56px) / 3);
    max-width:400px;
    min-width:0;
    min-height:500px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid #efefef;
    border-radius:24px;
    background: var(--diver);
    box-shadow: 0 2px 17px #00000045;
    cursor:pointer;
    transition:transform .35s ease,box-shadow .35s ease;
}

.-ycwt-blog .Post--item:focus-within {
    outline:3px solid color-mix(in srgb,var(--uicolor) 28%,transparent);
    outline-offset:4px;
}

.-ycwt-blog .-Po-Thumb {
    position:relative;
    flex:0 0 286px;
    width:100%;
    height:286px;
    display:block;
    overflow:hidden;
    border-radius:24px 24px 0 0;
    background:#e9e5dc;
}

.-ycwt-blog .-Po-Thumb img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .45s ease;
}

.-ycwt-blog .blog-card-placeholder {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ff7908;
    font-size:46px;
}

.-ycwt-blog .-Po-Info {
    position:relative;
    z-index:2;
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:21px;
    text-align:start;
}

.-ycwt-blog .post-card-meta {
    width:100%;
    display:block;
    margin:0 0 10px;
}

.-ycwt-blog .post-date {
    display:block;
}

.-ycwt-blog .post-card-meta time {
    display:block;
    margin-block-end:5px;
    color: var(--uicolor3);
    font-size:15px;
    font-weight:900;
    line-height:1.2;
    overflow-wrap:anywhere;
}

.-ycwt-blog .sile-otm-con {
    width:100%;
    min-width:0;
    margin:0;
}

.-ycwt-blog .posts_title {
    max-width:330px;
    margin:0;
    color:#090909;
    font-size:24px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:-.5px;
    overflow-wrap:anywhere;
}

.-ycwt-blog .posts_title a {
    color:inherit;
    text-decoration:none;
}

.Post--item.is-featured:hover .posts_title a {color: white;}

.-ycwt-blog .posts_title a:focus-visible {
    border-radius:4px;
    outline:3px solid color-mix(in srgb,var(--uicolor) 30%,transparent);
    outline-offset:3px;
}

.-ycwt-blog .post-excerpt {
    max-width:330px;
    margin:8px 0 0;
    color:#6f6f6f;
    font-size:15px;
    font-weight:600;
    line-height:1.7;
    overflow-wrap:anywhere;
}

.-ycwt-blog .Post--item.is-featured {
    background:#111;
    color:#fff;
}

.-ycwt-blog .Post--item.is-featured .-Po-Thumb {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border-radius:24px;
}

.-ycwt-blog .Post--item.is-featured .-Po-Thumb::after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.02) 26%,rgba(0,0,0,.5) 100%);
}

.-ycwt-blog .Post--item.is-featured .-Po-Info {
    position:absolute;
    inset-inline:0;
    inset-block-end:0;
    padding:0 28px 70px;
}

.-ycwt-blog .Post--item.is-featured .post-card-meta time,
.-ycwt-blog .Post--item.is-featured .posts_title {
    color:#fff;
    text-shadow:0 2px 14px rgba(0,0,0,.28);
}

.-ycwt-blog .Post--item.is-featured .posts_title {
    max-width:350px;
}

.-ycwt-blog .Post--item.is-featured .post-excerpt {
    display:none;
}

.-ycwt-blog .Post--item.is-featured::after {
    content:"";
    position:absolute;
    inset-inline-start:30px;
    inset-block-end:34px;
    z-index:2;
    width:58%;
    height:2px;
    background:rgba(255,255,255,.35);
}

.-ycwt-blog .blog-btt {
    margin-block-start:58px;
}

.-ycwt-blog .blog-btt,
.-ycwt-blog .yc-widget-loadmore-wrap {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
}

.-ycwt-blog .blog-btt .yc-widget-btn,
.-ycwt-blog .blog-btt .yc-widget-btn > a {
    min-width:0;
}

.-ycwt-blog .blog-btt .yc-widget-btn > a,
.-ycwt-blog .yc-widget-loadmore {
    min-height:50px;
}

.-ycwt-blog .blog-empty {
    width:100%;
    padding:34px;
    border:1px dashed color-mix(in srgb,var(--uicolor) 25%,var(--diver));
    border-radius:18px;
    background:var(--background-color);
    color:#555;
    font-weight:700;
    line-height:1.7;
    text-align:center;
}

.-ycw-section.-ycwt-blog {
    margin-block-start: -40px;
    border-radius:60px 60px 0 0;
    background:var(--background);
    padding-bottom: 120px;
}

@media (hover:hover) and (pointer:fine) {
    .-ycwt-blog .Post--item:hover {
        transform:translateY(-8px);
        box-shadow:0 18px 38px #00000012;
    }

    .-ycwt-blog .Post--item:hover .-Po-Thumb img {
        transform:scale(1.055);
    }
}

/* =========================
   English / LTR Support
========================= */

html[dir="ltr"] .-ycwt-blog {
    direction:ltr;
    font-family:var(--f-number);
}

html[dir="ltr"] .-ycwt-blog .tit-wdt {
    line-height:1.18;
}

html[dir="ltr"] .-ycwt-blog .posts_title {
    line-height:1.22;
}

html[dir="ltr"] .-ycwt-blog .post-excerpt {
    line-height:1.6;
}

/* =========================
   Tablet Responsive
========================= */

@media only screen and (max-width:991px) {
    .-ycwt-blog .-wid-blogpos {
        margin-block-end:36px;
    }

    .-ycwt-blog .-inner-widbl-posts {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        align-items:stretch;
        gap:18px;
    }

    .-ycwt-blog .Post--item {
        width:100%;
        max-width:none;
        min-width:0;
        min-height:440px;
    }

    .-ycwt-blog .Post--item.is-featured {
        grid-column:1 / -1;
        grid-row:1;
        min-height:380px;
    }

    .-ycwt-blog .Post--item:not(.is-featured) .-Po-Thumb {
        flex-basis:auto;
        height:auto;
        aspect-ratio:16 / 10;
    }

    .-ycwt-blog .Post--item.is-featured .-Po-Info {
        max-width:650px;
    }

    .-ycwt-blog .Post--item.is-featured .posts_title {
        max-width:600px;
        font-size:28px;
    }

    .-ycwt-blog .posts_title {
        max-width:none;
        font-size:22px;
    }

    .-ycwt-blog .post-excerpt {
        max-width:none;
        font-size:14.5px;
    }

    .-ycwt-blog .blog-btt {
        margin-block-start:42px;
    }
}

/* =========================
   Mobile App Experience
========================= */

@media only screen and (max-width:767px) {
    .-ycwt-blog .-wid-blogpos {
        margin-block-end:27px;
    }

    .-ycwt-blog .betit-w {
        margin-block-end:10px;
        font-size:16px;
    }

    .-ycwt-blog .tit-wdt,
    html[dir="ltr"] .-ycwt-blog .tit-wdt {
        max-width:100%;
        font-size:clamp(28px,7.5vw,34px);
        line-height:1.24;
        letter-spacing:-.45px;
    }

    .-ycwt-blog .con-wgt,
    html[dir="ltr"] .-ycwt-blog .con-wgt {
        max-width:560px;
        margin-block-start:12px;
        font-size:14px;
        line-height:1.7;
    }

    .-ycwt-blog .-inner-widbl-posts {
        display:flex;
        align-items:stretch;
        justify-content:flex-start;
        flex-wrap:nowrap;
        gap:14px;
        margin-inline: 0;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-padding-inline:20px;
        scroll-snap-type:inline mandatory;
        scrollbar-width:none;
        overscroll-behavior-inline:contain;
        -webkit-overflow-scrolling:touch;
    }

    .-ycwt-blog .-inner-widbl-posts::-webkit-scrollbar {
        display:none;
    }

    .-ycwt-blog .-inner-widbl-posts:empty {
        min-height:112px;
        margin-inline:0;
        overflow:hidden;
        padding:0;
    }

    .-ycwt-blog .Post--item {
        flex:0 0 min(calc(100vw - 52px),380px);
        width:auto;
        max-width:none;
        min-width:0;
        min-height:430px;
        border-radius:22px;
        scroll-snap-align:start;
        scroll-snap-stop:always;
        box-shadow:0 15px 35px -30px color-mix(in srgb,var(--primary-text) 45%,transparent);
    }

    .-ycwt-blog .Post--item.is-featured {
        order:-1;
        min-height:430px;
    }

    .-ycwt-blog .Post--item:only-child {
        flex-basis:calc(100vw - 40px);
    }

    .-ycwt-blog .Post--item:active {
        transform:scale(.985);
    }

    .-ycwt-blog .Post--item:not(.is-featured) .-Po-Thumb {
        flex-basis:auto;
        height:auto;
        aspect-ratio:16 / 10;
        border-radius:22px 22px 0 0;
    }

    .-ycwt-blog .Post--item.is-featured .-Po-Thumb {
        border-radius:22px;
    }

    .-ycwt-blog .-Po-Info {
        padding:18px 17px 20px;
    }

    .-ycwt-blog .post-card-meta {
        margin-block-end:8px;
    }

    .-ycwt-blog .post-card-meta time {
        margin:0;
        font-size:12.5px;
    }

    .-ycwt-blog .posts_title,
    html[dir="ltr"] .-ycwt-blog .posts_title {
        font-size:19px;
        line-height:1.35;
        letter-spacing:-.2px;
    }

    .-ycwt-blog .posts_title a {
        min-height:44px;
        display:flex;
        align-items:center;
    }

    .-ycwt-blog .post-excerpt,
    html[dir="ltr"] .-ycwt-blog .post-excerpt {
        margin-block-start:8px;
        font-size:13px;
        line-height:1.65;
    }

    .-ycwt-blog .Post--item.is-featured .-Po-Info {
        max-width:none;
        padding:0 20px 58px;
    }

    .-ycwt-blog .Post--item.is-featured .posts_title {
        max-width:100%;
        font-size:23px;
        line-height:1.3;
    }

    .-ycwt-blog .Post--item.is-featured::after {
        inset-inline-start:20px;
        inset-block-end:30px;
        width:55%;
    }

    .-ycwt-blog .blog-btt {
        align-items:stretch;
        margin-block-start:26px;
    }

    .-ycwt-blog .blog-btt,
    .-ycwt-blog .blog-btt .yc-widget-btn,
    .-ycwt-blog .yc-widget-loadmore-wrap {
        width:100%;
    }

    .-ycwt-blog .blog-btt .yc-widget-btn {
        flex:1 1 160px;
    }

    .-ycwt-blog .blog-btt .yc-widget-btn > a,
    .-ycwt-blog .yc-widget-loadmore {
        width:100%;
        min-width:0;
        min-height:52px;
    }

    .-ycwt-blog .yc-widget-loadmore-wrap {
        margin-block-start:24px;
    }

    .-ycwt-blog .blog-empty {
        padding:24px 18px;
        font-size:14px;
    }

    .-ycw-section.-ycwt-blog {
        margin-block-start:-24px;
        border-radius:34px 34px 0 0;
        overflow: hidden;
    }

    /* Required to neutralize the legacy global mobile margin rule. */
    .-ycwt-blog .con-wgt {
        margin-block-end:0 !important;
    }
}

/* =========================
   Small Mobile Adjustments
========================= */

@media only screen and (max-width:480px) {
    .-ycwt-blog .Post--item {
        flex-basis:calc(100vw - 52px);
        min-height:410px;
    }

    .-ycwt-blog .Post--item.is-featured {
        min-height:410px;
    }

    .-ycwt-blog .blog-btt {
        flex-direction:column;
    }

    .-ycwt-blog .blog-btt .yc-widget-btn {
        flex:0 0 auto;
        width:100%;
    }
}

@media only screen and (max-width:390px) {
    .-ycwt-blog .tit-wdt,
    html[dir="ltr"] .-ycwt-blog .tit-wdt {
        font-size:clamp(27px,8.4vw,31px);
    }

    .-ycwt-blog .-inner-widbl-posts {
        gap:12px;
        padding-block-end:14px;
    }

    .-ycwt-blog .Post--item {
        min-height:400px;
        border-radius:20px;
    }

    .-ycwt-blog .Post--item.is-featured {
        min-height:400px;
    }

    .-ycwt-blog .Post--item:not(.is-featured) .-Po-Thumb {
        border-radius:20px 20px 0 0;
    }

    .-ycwt-blog .Post--item.is-featured .-Po-Thumb {
        border-radius:20px;
    }

    .-ycwt-blog .-Po-Info {
        padding:16px 15px 18px;
    }

    .-ycwt-blog .posts_title,
    html[dir="ltr"] .-ycwt-blog .posts_title {
        font-size:18px;
    }

    .-ycwt-blog .post-excerpt,
    html[dir="ltr"] .-ycwt-blog .post-excerpt {
        font-size:12.5px;
    }

    .-ycwt-blog .Post--item.is-featured .-Po-Info {
        padding-inline:18px;
    }

    .-ycwt-blog .Post--item.is-featured .posts_title {
        font-size:21px;
    }

    .-ycw-section.-ycwt-blog {
        border-radius:28px 28px 0 0;
    }
}

@media (prefers-reduced-motion:reduce) {
    .-ycwt-blog .Post--item,
    .-ycwt-blog .-Po-Thumb img {
        transition:none;
    }

    .-ycwt-blog .-inner-widbl-posts {
        scroll-behavior:auto;
    }
}