.jobads                       { display: flex; flex-direction: column; gap: 1.5rem; }

.jobads__filters              { display: flex; flex-wrap: wrap; gap: 1rem; }
.jobads__filter               { flex: 1 1 12rem; min-width: 0; max-width: 20rem; }
.jobads__filter-label         { margin-bottom: .25rem; }

.jobads__list                 { display: flex; flex-direction: column; gap: .75rem; }
.jobads__card                 { overflow: hidden; background-color: var(--col-back); }
.jobads__card.is-open         { box-shadow: 0 .25rem 4rem -1rem var(--col-dark-x35); }

.jobads__head                 { width: 100%; }
.jobads__meta,
.jobads__salary               { font-size: .875rem; color: var(--col-black-65); }
.jobads__metaitem + .jobads__metaitem::before { content: "·"; margin: 0 .5rem; color: var(--col-black-35); }

.jobads__title:hover,
.jobads__card.is-open .jobads__title { color: var(--col-blue); }

.jobads__toggle               { --btn-pad-top: calc(.75rem - var(--border));
                                padding-left: calc(var(--btn-pad-side) - var(--border));
                                padding-right: calc(var(--btn-pad-side) - var(--border));
                                border: var(--border) solid var(--col-btn); }
.jobads__toggle:hover .jobads__toggle-i,
.jobads__toggle:focus .jobads__toggle-i { transform: none; }
.jobads__card.is-open .jobads__toggle-i,
.jobads__card.is-open .jobads__toggle:hover .jobads__toggle-i,
.jobads__card.is-open .jobads__toggle:focus .jobads__toggle-i { transform: rotate(180deg); }

.jobads__panel                { display: flex; flex-direction: column; align-items: flex-start;
                                padding-top: 0; border-top: 1px solid var(--col-dark-x15); }
.jobads__panel[hidden]        { display: none; }
.jobads__descr                { width: 100%; padding-top: var(--pad-box); }
.jobads__descr p:empty,
.jobads__descr h2:empty,
.jobads__descr h3:empty,
.jobads__descr h4:empty      { display: none; }

.jobads__apply                { display: inline-flex; align-items: center; align-self: flex-start;
                                gap: .5rem; width: auto; }
.jobads__panel .jobads__apply { margin-top: 1.25rem; }

.jobads__empty                { padding: 1.5rem 0; color: var(--col-black-65); }

@media (max-width: 47.9375em) {
	.jobads__filter             { flex: 1 1 100%; max-width: none; }
	.jobads__headtext           { flex: 1 1 100%; }
	.jobads__actions            { flex-direction: column; width: 100%; }
	.jobads__actions > *        { width: 100%; align-self: stretch; justify-content: center; }
	.jobads__meta               { display: flex; flex-direction: column; }
	.jobads__metaitem + .jobads__metaitem::before { content: none; }
}