/* هدر با پترن و گرادیانت افقی آبی تیره */
        .detail-hero {
            background: url('/assets/bg-hero.png') repeat center top, linear-gradient(90deg, rgba(43, 59, 79, 1) 0%, rgba(24, 31, 40, 1) 65%);
        }

        .detail-hero-inner {
            max-width: 760px;
            margin: auto;
            padding: 4rem 1rem 7rem;
            text-align: center;
            color: #fff;
            position: relative
        }

        .detail-hero-inner a {
            color: #8ce0d1;
            font-size: .9rem;
            text-decoration: none
        }

        .detail-hero-inner a:hover {
            text-decoration: underline
        }

        .detail-hero-inner h1 {
            font-size: 1.75rem;
            font-weight: 700;
            margin-top: .5rem
        }

        .detail-hero-inner .meta {
            font-size: .8rem;
            color: #8ce0d1;
            margin-top: .25rem
        }

        /* تصویر شاخص که در هدر وارد می‌شود */
        .feature-img {
            width: 100%;
            max-width: 900px;
            border-radius: 0px;
            display: block;
            margin: -6rem auto 1.5rem; /* بالا می‌آید */
            position: relative;
            z-index: 5;
            box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
        }

        .article-body {
            max-width: 760px;
            margin: auto;
            padding: 0 1rem
        }

        .article-body p {
            font-size: 1.05rem;
            line-height: 2;
            color: #424242;
            margin-bottom: 1.5rem;
            text-align: justify
        }

        .article-body h3 {
            font-size: 1.25rem;
            font-weight: 700;
            margin: 2.5rem 0 1rem;
            color: #212529
        }

        .article-body img {
            width: 100%;
            border-radius: 0px;
            margin: 1rem 0
        }

        @media (min-width: 768px) {
            .article-body img.float-right {
                width: 320px;
                margin: 0 0 1rem 1rem;
                float: right
            }
        }

        /* Dark theme تغییر رنگ */
        .dark-theme .detail-hero-inner h1,
        .dark-theme .detail-hero-inner a,
        .dark-theme .detail-hero-inner .meta {
            color: #fff
        }

        .dark-theme .article-body p,
        .dark-theme .article-body h3 {
            color: #e2e2e2
        }

        a {
            color: inherit;
        }

        /***** آیتم مقاله مطابق اسکرین‌شات (راست‌چین) *****/


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

        .section-title {
            font-size: 1.4rem;
            font-weight: 700
        }

        .cat-badge {
            background: #e7f5e8 !important;
            color: #1b8f65 !important;
            border-radius: 0px;
            padding: 4px 12px;
            font-weight: 600;
            font-size: .75rem;
        }