.publications {
            width: 100%;
            max-width: 1150px;
            margin: 0 auto;
        }

        .publication {
            display: grid;
            grid-template-columns: 150px 1fr;
            min-height: 125px;
            border-bottom: 1px solid #eeeeee;
        }

        /* بخش شماره */
        .number-area {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }

        .number-area::after {
            content: "";
            position: absolute;
            left: 108px;
            right: 25px;
            top: 50%;
            height: 1px;
            background: #888;
            z-index: 1;
        }

        .number-area::before {
            content: "";
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #d71920;
            right: 21px;
            top: calc(50% - 3px);
            z-index: 3;
        }

        .number {
            position: relative;
            z-index: 2;
            width: 72px;
            height: 72px;
            margin-left: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            color: #222;
            background: #fff;

            /* شش‌ضلعی */
            clip-path: polygon(
                25% 3%,
                75% 3%,
                100% 50%,
                75% 97%,
                25% 97%,
                0 50%
            );

            border: 1px solid #888;
        }

        /* برای نمایش صحیح حاشیه شش ضلعی */
        .number-wrap {
            position: relative;
            width: 74px;
            height: 74px;
            margin-left: 27px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .number-wrap::before {
            content: "";
            position: absolute;
            inset: 0;
            background: #888;
            clip-path: polygon(
                25% 0,
                75% 0,
                100% 50%,
                75% 100%,
                25% 100%,
                0 50%
            );
        }

        .number-wrap::after {
            content: "";
            position: absolute;
            inset: 2px;
            background: white;
            clip-path: polygon(
                25% 0,
                75% 0,
                100% 50%,
                75% 100%,
                25% 100%,
                0 50%
            );
        }

        .number-text {
            position: relative;
            z-index: 2;
            font-size: 20px;
        }

        /* متن */
        .content {
            display: flex;
            align-items: center;
            padding: 20px 25px 20px 0;
            font-size: 18px;
            line-height: 1.8;
                direction: ltr;
        }

        .content p {
            margin: 0;
        }

        .journal {
            font-style: italic;
        }

        @media (max-width: 800px) {
           

            .publication {
                grid-template-columns: 95px 1fr;
            }

            .number-wrap {
                width: 62px;
                height: 62px;
                margin-left: 10px;
            }

            .number-area::after {
                left: 68px;
                right: 10px;
            }

            .number-area::before {
                right: 6px;
            }

            .content {
                font-size: 15px;
                line-height: 1.6;
                padding-right: 10px;
            }
        }