.chart-container {
            position: relative;
            width: 100%;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            height: 350px;
            max-height: 400px;
        }
        .full-chart-container {
            position: relative;
            width: 100%;
            max-width: 1000px;
            margin-left: auto;
            margin-right: auto;
            height: 400px;
            max-height: 500px;
        }
        .timeline-btn {
            transition: all 0.2s ease-in-out;
            border-left-width: 4px;
            border-color: transparent;
        }
        .timeline-btn:hover {
            background-color: #e5e5e5;
            border-color: #a3b18a;
        }
        .timeline-btn.active {
            background-color: #ffffff;
            border-color: #bc6c25;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            font-weight: 600;
        }
        .profile-photo-shell {
            width: 184px;
            height: 184px;
            border-radius: 9999px;
        }
        .profile-photo-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center 18%;
        }
        .section-anchor {
            scroll-margin-top: 120px;
        }