ul:where(.vkjobs-list) {
    margin: 0;
    padding: 0;
    list-style: none;
}

:where(.vkjobs-list__item) {
    border-bottom: 1px solid currentColor;
}

.vkjobs-list__link,
.vkjobs-list__link:hover,
.vkjobs-list__link:focus {
    color: inherit;
    text-decoration: none;
}

:where(.vkjobs-list__link) {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 1.5rem;
    padding: 2rem 0;
}

:where(.vkjobs-arrow) {
    grid-row: span 2;
    width: 2.75rem;
    height: auto;
    margin-top: .15em;
    transition: transform .3s ease;
}

:where(a:hover > .vkjobs-arrow, a:focus-visible > .vkjobs-arrow) {
    transform: translateX(.35rem);
}

h3:where(.vkjobs-list__title) {
    margin: 0;
    color: inherit;
}

p:where(.vkjobs-list__period) {
    margin: .5rem 0 0;
}

:where(.vkjobs-detail__header) {
    margin-bottom: 2.5rem;
}

p:where(.vkjobs-detail__category, .vkjobs-detail__period, .vkjobs-detail__deadline) {
    margin: 0;
}

h1:where(.vkjobs-detail__title) {
    margin: .25em 0 .5em;
}

:where(.vkjobs-detail__sections) {
    display: grid;
    gap: 2rem 3rem;
    margin: 3rem 0;
}

@media (min-width: 992px) {
    :where(.vkjobs-detail__sections) {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }
}

ul:where(.vkjobs-detail__list) {
    margin: 0;
    padding-left: 1.25em;
}

:where(.vkjobs-detail__list > li + li) {
    margin-top: .35em;
}

:where(.vkjobs-detail__benefits, .vkjobs-detail__application) {
    margin-top: 3rem;
}

p:where(.vkjobs-detail__back) {
    margin: 3rem 0 0;
}

@media (prefers-reduced-motion: reduce) {
    :where(.vkjobs-arrow) {
        transition: none;
    }
}