/* ===== Individual Profile Page Styles ===== */
.profile-card {
    background: #fff;
    border-top: 4px solid #006B3F;
    box-shadow: 0 5px 30px rgba(0,0,0,0.08);
    overflow: hidden;
    position: sticky;
    top: 100px;
}
.profile-photo-wrap {
    width: 100%;
    height: 320px;
    overflow: hidden;
    background: #e9f3ee;
    display: flex;
    align-items: center;
    justify-content: center;
}
.profile-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
}
.profile-photo-placeholder {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(0,107,63,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mytext-justify {
    text-align: justify;
    text-justify: inter-word;
}

.profile-info { padding: 24px 24px 16px; border-bottom: 1px solid #eee; }
.profile-info h4 { font-size: 18px; font-weight: 700; color: #1A2E1A; line-height: 1.3; margin-bottom: 6px; }
.profile-title { color: #006B3F; font-weight: 600; font-size: 14px; margin-bottom: 12px; }
.profile-meta { list-style: none; padding: 0; margin: 0; }
.profile-meta li { font-size: 13px; color: #555; padding: 5px 0; border-bottom: 1px solid #f5f5f5; display: flex; align-items: flex-start; gap: 10px; }
.profile-meta li:last-child { border-bottom: none; }
.profile-meta li i { color: #C9A84C; width: 14px; flex-shrink: 0; margin-top: 2px; }
.profile-nav { padding: 16px 24px 24px; }
.career-highlights { background: #f5f9f6; border-left: 4px solid #006B3F; padding: 24px; }
.career-highlights h4 { color: #1A2E1A; font-weight: 700; }
.highlight-item { background: #fff; padding: 10px 14px; font-size: 13px; color: #333; border: 1px solid #e0ede6; }
@media (max-width: 991px) { .profile-card { position: static; margin-bottom: 30px; } }