.ta-vacancy-filters {
    display: grid;
    gap: 16px;
}

.ta-vacancy-filters__field {
    display: grid;
    gap: 6px;
}

.ta-vacancy-filters__field label {
    font-weight: 600;
}

.ta-vacancy-filters__field input,
.ta-vacancy-filters__field select {
    width: 100%;
}

.ta-vacancy-filters__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.ta-vacancy-filters__count {
    margin: 0;
}

.ta-vacancy-info {
    display: flex;
    gap: 8px;
}

.ta-vacancy-info__label {
    font-weight: 600;
}

.ta-vacancy-section {
    display: grid;
    gap: 12px;
}

.ta-vacancy-section__title {
    margin: 0;
}

.ta-vacancy-section__content> :first-child {
    margin-top: 0;
}

.ta-vacancy-section__content> :last-child {
    margin-bottom: 0;
}

.ta-vacancy-info-list {
    display: grid;
    gap: 6px;
}

.ta-vacancy-info {
    display: flex;
    gap: 4px;
    margin: 0;
}

.ta-vacancy-info__label {
    font-weight: 600;
}

.ta-vacancy-sidebar-info {
    display: grid;
    gap: 16px;
}

.ta-vacancy-sidebar-info__item {
    display: grid;
    gap: 2px;
    text-align: center;
}

.ta-vacancy-sidebar-info__icon {
    font-size: 18px;
}

.ta-vacancy-sidebar-info__label {
    font-size: 12px;
}

.ta-vacancy-sidebar-info__value {
    font-weight: 600;
}

.ta-vacancy-recruiter {
    display: grid;
    gap: 4px;
}

.ta-vacancy-recruiter__name {
    font-weight: 600;
}

.ta-vacancy-recruiter__phone,
.ta-vacancy-recruiter__email {
    display: block;
}

.ta-vacancy-apply-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ta-vacancy-employer {
    display: grid;
    gap: 8px;
}

.ta-vacancy-employer__logo {
    max-width: 160px;
    height: auto;
}

.ta-vacancy-employer__name {
    font-weight: 600;
}

.ta-vacancy-image {
    display: block;
    max-width: 100%;
    height: auto;
}

.ta-related-vacancies {
    display: grid;
    gap: 16px;
}

.ta-related-vacancies__title {
    margin: 0;
}

.ta-related-vacancies__list {
    display: grid;
    gap: 16px;
}

.ta-related-vacancy__link {
    display: grid;
    gap: 6px;
    text-decoration: none;
}

.ta-related-vacancy__title,
.ta-related-vacancy__summary {
    margin: 0;
}