.timeline {
                list-style: none;
                position: relative;
                margin: 16px 0;
                padding: 0;
            }

            .timeline::before {
                content: "";
                position: absolute;
                left: 10px;
                top: 5px;
                bottom: 5px;
                width: 2px;
                background: rgba(255, 255, 255, 0.25);
            }

            .timeline li {
                position: relative;
                padding: 0 0 16px 26px;
            }

            .timeline li:last-child {
                padding-bottom: 0;
            }

            .timeline li::before {
                content: "";
                position: absolute;
                left: 4px;
                top: 3px;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: #afc7e0;
                border: 2px solid #2e3f50;
                box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
            }

            .tl_now::before {
                background: #ff6ea9;
                box-shadow: 0 0 6px rgba(255, 110, 169, 0.8);
            }

            .tl_date {
                display: block;
                font-weight: bold;
                font-size: 14px;
                color: #afc7e0;
            }

            .tl_text {
                display: block;
                font-size: 14px;
                line-height: 1.5;
            }

            .linkme {
                text-align: center;
            }

            .linkme p {
                margin: 0 0 16px;
            }

            .linkme a {
                display: inline-block;
                line-height: 0;
            }

            .linkme img {
                border: none;
                transition: transform 0.15s ease, box-shadow 0.15s ease;
            }

            .linkme a:hover img {
                transform: translateY(-2px);
            }

            .linkme_split {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 24px;
            }

            .linkme_main {
                flex-shrink: 0;
            }

            .linkme_main p {
                margin: 0;
            }

            .linkme_divider {
                align-self: stretch;
                width: 2px;
                flex-shrink: 0;
                background: linear-gradient(
                    to bottom,
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, 0.28) 50%,
                    rgba(255, 255, 255, 0) 100%);
                box-shadow: 1px 0 0 rgba(0, 0, 0, 0.35);
            }

            .linkme_variants {
                flex: 0 1 auto;
            }

            .linkme_variants p:first-child {
                margin-top: 0;
            }

            .button_wall {
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
                justify-content: center;
                max-width: 364px;
                margin: 0;
            }

            @media (max-width: 640px) {
                .linkme_split {
                    flex-direction: column;
                }

                .linkme_divider {
                    align-self: stretch;
                    width: auto;
                    height: 2px;
                    background: linear-gradient(
                        to right,
                        rgba(255, 255, 255, 0) 0%,
                        rgba(255, 255, 255, 0.28) 50%,
                        rgba(255, 255, 255, 0) 100%);
                    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
                }

                .button_wall {
                    margin: 0 auto;
                }
            }