.jobs {
	padding: var(--space-l-2xl) 0;

	& > div.hol-column {
		gap: var(--space-m);
		justify-items: start;

		& > .list-head {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			flex-wrap: wrap;
			gap: var(--space-s);

			& > .filters {
				display: flex;
				gap: var(--space-xs);
				flex-wrap: wrap;
				align-items: center;
			}
		}

		& > ul {
			list-style: none;
			width: 100%;

			& > li {
				border-top: 1px solid var(--color-neutral-8);

				& > a {
					display: grid;
					grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
					gap: var(--space-m);
					padding: var(--space-m) 0;
					text-decoration: none;
					color: inherit;
					align-items: center;

					& > .primary-cell {
						& > h3 {
							font-size: var(--font-size-1);
						}

						& > p {
							color: var(--color-neutral-4);
							font-size: var(--font-size--1);
							margin-top: var(--space-3xs);
						}
					}

					& > .type,
					& > .comp {
						color: var(--color-neutral-3);
						font-size: var(--font-size--1);
					}

					& > .type > .badge {
						background: var(--color-color-9);
						color: var(--color-color-1);
						padding: var(--space-3xs) var(--space-xs);
						border-radius: 1em;
					}

					& > .comp {
						color: var(--color-neutral-1);
						font-weight: 500;
					}

					& > .arrow {
						justify-self: end;
						color: var(--color-neutral-5);
					}
				}
			}
		}

		& > .empty {
			color: var(--color-neutral-4);
		}
	}
}