.expert-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
}
.expert-card {
    display: flex; align-items: center; gap: 16px;
    background: #fff; border-radius: var(--radius); padding: 20px 24px;
    box-shadow: var(--shadow-sm); border: 1px solid var(--gray-200);
    text-decoration: none; color: inherit; transition: box-shadow .2s;
}
.expert-card:hover { box-shadow: var(--shadow-md); }
.expert-avatar {
    width: 52px; height: 52px; border-radius: 50%;
    background: var(--primary); color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px; font-weight: 700; flex-shrink: 0;
}
.expert-avatar-lg {
    width: 80px; height: 80px; border-radius: 50%;
    background: var(--primary); color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 32px; font-weight: 700; flex-shrink: 0;
}
.expert-info { flex: 1; }
.expert-info h3 { font-size: 16px; font-weight: 700; margin-bottom: 2px; }
.expert-dept { font-size: 13px; color: var(--gray-500); }
.expert-rating { font-size: 13px; margin-top: 6px; }
.rating-num { font-weight: 700; color: var(--text); }
.review-count { color: var(--gray-500); }
.expert-profile-card {
    display: flex; align-items: center; gap: 24px;
    background: #fff; border-radius: var(--radius); padding: 32px;
    box-shadow: var(--shadow-sm); border: 1px solid var(--gray-200);
    margin-bottom: 20px;
}
.expert-stats-row { display: flex; gap: 24px; margin-top: 12px; }
.expert-stat { text-align: center; }
.expert-stat strong { display: block; font-size: 22px; color: var(--primary); }
.expert-stat span { font-size: 12px; color: var(--gray-500); }