.teacher-detail {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.teacher-img {
    width: 220px;
    height: 220px;
    border-radius: 12px;
    object-fit: cover;
    margin: 0 auto 1rem;
    display: block;
}

.teacher-detail__job {
    color: var(--gray-color);
    margin-bottom: 1rem;
}

.teacher-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    margin: 1rem 0;
}

.teacher-links a {
    padding: 0.35rem 0.75rem;
    background: var(--primary-light);
    border-radius: 6px;
}

.for-contacts {
    margin: 1rem 0;
    color: var(--gray-color);
}

.teacher-detail__block {
    margin: 1.25rem 0;
}

.programs {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.75rem;
    list-style: none;
    padding: 0;
    margin: 1rem auto 0;
    max-width: 600px;
}

.programs li a {
    display: block;
    padding: 0.6rem 1rem;
    background: var(--primary-light);
    border-radius: 8px;
    color: var(--primary-color);
    font-weight: 500;
    transition: background-color 0.2s ease;
}

.programs li a:hover {
    background: var(--primary-color);
    color: var(--white);
}