.sm27-news-detail,
.sm27-news-detail * {
    box-sizing: border-box;
}

.sm27-news-detail {

    --news-red: #5A1725;
    --news-red-dark: #5A1725;
    --news-red-soft: rgba(134, 31, 42, 0.075);
    --news-text: #111318;
    --news-muted: #6d7178;
    --news-line: rgba(17, 19, 24, 0.09);
    --news-glass: rgba(255, 255, 255, 0.73);
    --news-glass-strong: rgba(255, 255, 255, 0.88);

    color: var(--news-text);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "SF Pro Display",
        "SF Pro Text",
        Inter,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;

    background:
        radial-gradient(
            circle at 9% 12%,
            rgba(134,31,42,0.07),
            transparent 26%
        ),
        radial-gradient(
            circle at 92% 18%,
            rgba(134,31,42,0.05),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #f5f5f7 0%,
            #f1f1f3 100%
        );
}





.sm27-news-detail-hero {

    position: relative;
    isolation: isolate;
    overflow: hidden;

    min-height:
        clamp(
            350px,
            44vw,
            540px
        );

    display: flex;
    align-items: flex-end;

    background: #170607;

    border-radius:
        0 0 42px 42px;
}

.sm27-news-detail-hero::after {

    content: "";

    position: absolute;
    inset: 0;
    z-index: -2;

    background:

        radial-gradient(
            circle at 72% 20%,
            rgba(255,255,255,.18),
            transparent 23%
        ),

        linear-gradient(
            180deg,
            rgba(7,0,0,.06) 0%,
            rgba(7,0,0,.12) 28%,
            rgba(7,0,0,.48) 63%,
            rgba(7,0,0,.94) 100%
        ),

        linear-gradient(
            90deg,
            rgba(84,4,13,.28),
            transparent 54%,
            rgba(0,0,0,.16)
        );

    pointer-events: none;
}

.sm27-news-detail-hero-inner {

    width:
        min(
            1200px,
            calc(100% - 56px)
        );

    margin: 0 auto;

    padding:
        130px 0 54px;
}

.sm27-news-detail-hero-glass {

    width:
        min(
            900px,
            100%
        );

    padding:
        32px 34px;

    border:
        1px solid
        rgba(255,255,255,0.23);

    border-radius:
        28px;

    background:
        rgba(30,8,8,0.32);

    box-shadow:
        0 24px 66px
        rgba(0,0,0,0.25);

    backdrop-filter:
        blur(24px)
        saturate(145%);

    -webkit-backdrop-filter:
        blur(24px)
        saturate(145%);
}

.sm27-news-detail-kicker {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    min-height:
        33px;

    padding:
        0 13px;

    border:
        1px solid
        rgba(255,255,255,0.25);

    border-radius:
        999px;

    background:
        rgba(255,255,255,0.11);

    color:
        rgba(255,255,255,0.94);

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        0.11em;

    text-transform:
        uppercase;
}

.sm27-news-detail-hero-title {

    margin:
        16px 0 0;

    color:
        #fff;

    font-size:
        clamp(
            2.2rem,
            4.8vw,
            4.2rem
        );

    font-weight:
        820;

    line-height:
        0.98;

    letter-spacing:
        -0.055em;

    text-wrap:
        balance;
}

.sm27-news-detail-hero-meta {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        12px 20px;

    margin-top:
        18px;

    color:
        rgba(255,255,255,0.78);

    font-size:
        12.5px;
}

.sm27-news-detail-hero-meta span {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;
}

.sm27-news-detail-hero-meta i {

    color:
        rgba(255,255,255,0.95);
}

.sm27-news-detail-breadcrumbs {

    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        8px;

    margin-top:
        18px;

    color:
        rgba(255,255,255,0.64);

    font-size:
        11px;

    font-weight:
        700;
}

.sm27-news-detail-breadcrumbs a {

    color:
        #fff !important;

    text-decoration:
        none !important;
}





.sm27-news-detail-main {

    position:
        relative;

    padding:
        64px 0 96px;
}

.sm27-news-detail-container {

    width:
        min(
            1200px,
            calc(100% - 56px)
        );

    margin:
        0 auto;
}

.sm27-news-detail-grid {

    display:
        grid;

    grid-template-columns:
        minmax(0, 1fr)
        340px;

    gap:
        28px;

    align-items:
        start;
}





.sm27-news-article-card,
.sm27-news-sidebar-card {

    position:
        relative;

    border:
        1px solid
        rgba(255,255,255,0.84);

    background:
        var(--news-glass);

    box-shadow:
        0 20px 60px
        rgba(15,18,24,0.08),

        inset 0 1px 0
        rgba(255,255,255,0.94);

    backdrop-filter:
        blur(22px)
        saturate(135%);

    -webkit-backdrop-filter:
        blur(22px)
        saturate(135%);
}

.sm27-news-article-card {

    padding:
        36px;

    border-radius:
        28px;

    overflow:
        hidden;
}

.sm27-news-sidebar-card {

    padding:
        26px;

    border-radius:
        26px;

    position:
        sticky;

    top:
        112px;

    overflow:
        hidden;
}





.sm27-news-article-kicker {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    margin-bottom:
        10px;

    color:
        var(--news-red);

    font-size:
        10px;

    font-weight:
        850;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;
}

.sm27-news-article-title {

    margin:
        0;

    color:
        var(--news-text);

    font-size:
        clamp(
            1.8rem,
            3.2vw,
            2.8rem
        );

    font-weight:
        820;

    line-height:
        1.1;

    letter-spacing:
        -0.04em;

    text-wrap:
        balance;
}

.sm27-news-meta {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        12px;

    margin-top:
        16px;

    padding-bottom:
        20px;

    border-bottom:
        1px solid
        var(--news-line);

    color:
        var(--news-muted);

    font-size:
        12.5px;

    font-weight:
        600;
}

.sm27-news-meta-item {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;
}

.sm27-news-meta-item i {

    color:
        var(--news-red);
}

.sm27-news-image {

    position:
        relative;

    overflow:
        hidden;

    aspect-ratio:
        16 / 10;

    border-radius:
        20px;

    background:
        #e5e5ea;

    border:
        1px solid
        rgba(0,0,0,0.04);

    box-shadow:
        0 10px 25px
        rgba(0,0,0,0.06);
}

.sm27-news-image img {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

    transition:
        transform
        0.5s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );
}

.sm27-news-image:hover img {

    transform:
        scale(1.035);
}

.sm27-news-no-image {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        200px;

    margin-top:
        24px;

    border-radius:
        20px;

    background:
        rgba(134,31,42,0.04);

    color:
        var(--news-muted);

    font-size:
        13px;

    font-weight:
        600;
}





.sm27-news-body {

    margin-top:
        28px;

    color:
        #3a3d42;

    font-size:
        15.5px;

    line-height:
        1.88;

    overflow-wrap:
        anywhere;
}

.sm27-news-body p {

    margin:
        0 0 1.2em;
}

.sm27-news-body h1,
.sm27-news-body h2,
.sm27-news-body h3,
.sm27-news-body h4 {

    margin-top:
        1.5em;

    margin-bottom:
        0.6em;

    color:
        var(--news-text);

    font-weight:
        800;

    line-height:
        1.25;
}

.sm27-news-body a {

    color:
        var(--news-red);

    font-weight:
        700;
}

.sm27-news-body img {

    display:
        block;

    max-width:
        100%;

    height:
        auto !important;

    margin:
        20px auto;

    border-radius:
        18px;

    box-shadow:
        0 12px 30px
        rgba(0,0,0,0.08);
}

.sm27-news-body table {

    width:
        100%;

    display:
        block;

    overflow-x:
        auto;

    border-collapse:
        collapse;
}

.sm27-news-body th,
.sm27-news-body td {

    padding:
        10px 12px;

    border:
        1px solid
        var(--news-line);
}

.sm27-news-body blockquote {

    margin:
        24px 0;

    padding:
        16px 20px;

    border-left:
        4px solid
        var(--news-red);

    border-radius:
        0 16px 16px 0;

    background:
        var(--news-red-soft);

    color:
        #55585e;
}





.sm27-news-share {

    margin-top:
        36px;

    padding-top:
        26px;

    border-top:
        1px solid
        var(--news-line);
}

.sm27-share-heading {

    margin:
        0 0 14px;

    color:
        #484c52;

    font-size:
        13.5px;

    font-weight:
        800;
}

.sm27-share-grid {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        10px;
}

.sm27-share-btn {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    min-width:
        46px;

    height:
        44px;

    padding:
        0 16px;

    border:
        1px solid
        rgba(255,255,255,.4);

    border-radius:
        14px;

    color:
        #fff !important;

    text-decoration:
        none !important;

    font-size:
        13px;

    font-weight:
        800;

    box-shadow:
        0 8px 20px
        rgba(0,0,0,.12);

    transition:
        transform .25s ease,
        filter .25s ease;
}

.sm27-share-btn i {

    font-size:
        17px;

    line-height:
        1;
}

.sm27-share-btn:hover {

    transform:
        translateY(-2px);

    filter:
        brightness(1.05);
}

.sm27-share-btn.whatsapp {

    background:
        linear-gradient(
            135deg,
            #22c86a,
            #159b4e
        );
}

.sm27-share-btn.x-twitter {

    background:
        linear-gradient(
            135deg,
            #252525,
            #050505
        );
}

.sm27-share-btn.threads {

    background:
        linear-gradient(
            135deg,
            #303030,
            #0a0a0a
        );
}

.sm27-share-btn.facebook {

    background:
        linear-gradient(
            135deg,
            #2b7be8,
            #1457bc
        );
}





.sm27-news-back {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    min-height:
        46px;

    margin-top:
        28px;

    padding:
        0 20px;

    border:
        1px solid
        rgba(134,31,42,0.12);

    border-radius:
        16px;

    background:
        rgba(134,31,42,0.06);

    color:
        var(--news-red) !important;

    font-size:
        13px;

    font-weight:
        800;

    text-decoration:
        none !important;

    transition:
        all 0.25s ease;
}

.sm27-news-back:hover {

    background:
        var(--news-red);

    color:
        #fff !important;

    transform:
        translateY(-2px);
}





.sm27-news-comments {

    margin-top:
        40px;

    padding-top:
        32px;

    border-top:
        1px solid
        var(--news-line);
}

.sm27-news-comments-title {

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    margin:
        0;

    color:
        var(--news-text);

    font-size:
        1.25rem;

    font-weight:
        820;

    letter-spacing:
        -0.02em;

    line-height:
        1.2;
}

.sm27-comments-title-icon {

    width:
        34px;

    height:
        34px;

    flex:
        0 0 34px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid
        rgba(90,23,37,0.12);

    border-radius:
        11px;

    background:
        rgba(90,23,37,0.07);

    color:
        var(--news-red);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,0.72);
}

.sm27-comments-title-icon i {

    color:
        inherit;

    font-size:
        14px;

    line-height:
        1;
}

.sm27-comment-form {

    padding:
        24px;

    border:
        1px solid
        rgba(255,255,255,0.84);

    border-radius:
        22px;

    background:
        rgba(245,245,247,0.72);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,0.95);
}

.sm27-comment-form > .sm27-news-comments-title {

    margin-bottom:
        22px;
}

.sm27-form-group {

    margin-bottom:
        16px;
}

.sm27-form-group:last-child {

    margin-bottom:
        0;
}

.sm27-form-label {

    display:
        block;

    margin-bottom:
        8px;

    color:
        #3a3d42;

    font-size:
        12.5px;

    font-weight:
        750;
}

.sm27-form-control {

    width:
        100%;

    min-height:
        46px;

    padding:
        12px 14px;

    border:
        1px solid
        rgba(0,0,0,0.11);

    border-radius:
        14px;

    background:
        rgba(255,255,255,0.85);

    color:
        var(--news-text);

    outline:
        none;

    font-family:
        inherit;

    font-size:
        13.5px;

    transition:
        all 0.2s ease;
}

.sm27-form-control:focus {

    border-color:
        rgba(134,31,42,0.3);

    background:
        #fff;

    box-shadow:
        0 0 0 4px
        rgba(134,31,42,0.06);
}

textarea.sm27-form-control {

    min-height:
        130px;

    resize:
        vertical;

    line-height:
        1.6;
}

.sm27-comment-submit {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    min-height:
        46px;

    padding:
        0 22px;

    border:
        0;

    border-radius:
        14px;

    background:
        linear-gradient(
            145deg,
            var(--news-red),
            var(--news-red-dark)
        );

    color:
        #fff;

    font-family:
        inherit;

    font-size:
        13px;

    font-weight:
        800;

    cursor:
        pointer;

    box-shadow:
        0 10px 24px
        rgba(134,31,42,0.2);

    transition:
        transform 0.2s ease,
        filter 0.2s ease;
}

.sm27-comment-submit:hover {

    transform:
        translateY(-1px);

    filter:
        brightness(1.04);
}

.sm27-comment-submit:disabled {

    opacity:
        0.6;

    cursor:
        wait;
}

.sm27-comments-list {

    margin-top:
        24px;

    padding:
        22px 24px;

    border:
        1px solid
        rgba(255,255,255,0.84);

    border-radius:
        22px;

    background:
        rgba(245,245,247,0.58);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,0.92);
}

.sm27-comments-list > .sm27-news-comments-title {

    margin-bottom:
        16px;

    font-size:
        1rem;
}

.sm27-comment-state {

    padding:
        24px;

    border:
        1px solid
        rgba(255,255,255,0.84);

    border-radius:
        18px;

    background:
        rgba(255,255,255,0.6);

    color:
        var(--news-muted);

    font-size:
        13px;

    text-align:
        center;
}

@media (max-width: 575px) {

    .sm27-news-comments {
        margin-top: 32px;
        padding-top: 26px;
    }

    .sm27-comment-form,
    .sm27-comments-list {
        padding: 18px;
        border-radius: 20px;
    }

    .sm27-comment-form > .sm27-news-comments-title {
        margin-bottom: 18px;
    }

    .sm27-news-comments-title {
        gap: 9px;
        font-size: 1.08rem;
    }

    .sm27-comments-list > .sm27-news-comments-title {
        font-size: 1rem;
    }

    .sm27-comments-title-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
        border-radius: 10px;
    }

    .sm27-comment-submit {
        width: 100%;
    }
}





.sm27-news-sidebar-title {

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    margin:
        0 0 16px;

    padding-bottom:
        14px;

    border-bottom:
        1px solid
        var(--news-line);

    color:
        #3a3d42;

    font-size:
        15.5px;

    font-weight:
        850;
}

.sm27-news-sidebar-title i {

    color:
        var(--news-red);
}

.sm27-news-sidebar-list {

    list-style:
        none;

    padding:
        0;

    margin:
        0;
}

.sm27-news-sidebar-item {

    border-bottom:
        1px solid
        var(--news-line);
}

.sm27-news-sidebar-item:last-child {

    border-bottom:
        0;
}

.sm27-news-sidebar-link {

    display:
        grid;

    grid-template-columns:
        28px minmax(0, 1fr);

    gap:
        8px;

    padding:
        14px 0;

    color:
        #484c52 !important;

    text-decoration:
        none !important;

    font-size:
        13px;

    font-weight:
        700;

    line-height:
        1.45;

    transition:
        all 0.2s ease;
}

.sm27-news-sidebar-link:hover {

    color:
        var(--news-red) !important;

    transform:
        translateX(3px);
}

.sm27-news-sidebar-number {

    color:
        var(--news-red);

    font-weight:
        850;
}

.sm27-news-sidebar-empty {

    color:
        var(--news-muted);

    font-size:
        13px;

    padding:
        12px 0;
}





@media (max-width: 1100px) {

    .sm27-news-detail-grid {

        grid-template-columns:
            minmax(0, 1fr)
            300px;
    }
}

@media (max-width: 991px) {

    .sm27-news-detail-hero {

        min-height:
            380px;

        border-radius:
            0 0 28px 28px;
    }

    .sm27-news-detail-hero-inner,
    .sm27-news-detail-container {

        width:
            min(
                100% - 30px,
                760px
            );
    }

    .sm27-news-detail-hero-glass {

        padding:
            24px 20px;

        border-radius:
            22px;
    }

    .sm27-news-detail-hero-title {

        font-size:
            clamp(
                2rem,
                8vw,
                3.2rem
            );
    }

    .sm27-news-detail-main {

        padding:
            45px 0 70px;
    }

    .sm27-news-detail-grid {

        grid-template-columns:
            1fr;

        gap:
            20px;
    }

    .sm27-news-article-card,
    .sm27-news-sidebar-card {

        border-radius:
            22px;
    }

    .sm27-news-article-card {

        padding:
            24px 20px;
    }

    .sm27-news-sidebar-card {

        position:
            relative;

        top:
            auto;

        order:
            2;
    }

    .sm27-news-gallery {

        grid-template-columns:
            1fr !important;
    }
}

@media (max-width: 575px) {

    .sm27-news-detail-hero-inner,
    .sm27-news-detail-container {

        width:
            calc(100% - 22px);
    }

    .sm27-news-detail-hero-title {

        font-size:
            2.1rem;
    }

    .sm27-news-article-card {

        padding:
            20px 16px;
    }

    .sm27-share-grid {

        justify-content:
            space-between;
    }

    .sm27-share-btn {

        flex:
            1;

        min-width:
            42px;

        padding:
            0;
    }

    .sm27-share-label {

        display:
            none;
    }
}

/* Comments share one stylesheet instead of repeating inline declarations. */
.comment-box{margin-top:14px;padding:14px 16px;border:1px solid rgba(17,19,24,.08);border-radius:16px;background:rgba(255,255,255,.75);box-shadow:0 4px 15px rgba(0,0,0,.03)}
.comment-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}.comment-meta strong{color:#111318;font-size:13.5px;overflow-wrap:anywhere}.comment-meta small{color:#6d7178;font-size:11px;flex-shrink:0}
.comment-text{margin:0 0 10px;color:#3a3d42;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.comment-box .reply-btn{background:rgba(134,31,42,.08);color:#5A1725;border:0;padding:4px 10px;font-size:11px;font-weight:750;border-radius:6px;cursor:pointer}
.reply-box{margin-left:24px;margin-top:10px;padding:12px 14px;border-left:3px solid #5A1725;border-radius:0 12px 12px 0;background:rgba(255,255,255,.9)}.reply-box .comment-meta{margin-bottom:4px}.reply-box .comment-meta strong{font-size:13px}.reply-box .comment-meta small{font-size:10.5px}.reply-box .comment-text{margin-bottom:8px;font-size:12.5px;line-height:1.55}.reply-box .reply-btn{padding:3px 8px;font-size:10.5px}
@media(max-width:480px){.reply-box{margin-left:10px}.comment-meta{flex-wrap:wrap;gap:4px}}