.ts-opportunities {
	background: #f6f6f6;
	box-sizing: border-box;
	left: 50%;
	margin-inline: 0;
	max-width: none;
	padding-inline: var(--wp--style--root--padding-left, 1.5rem);
	position: relative;
	transform: translateX(-50%);
	width: 100vw;
}

.ts-opportunities__inner {
	margin-inline: auto;
	max-width: 75rem;
}

.ts-opportunities .ts-opportunity {
	background: var(--ts-white);
	border: 1px solid var(--ts-border);
	border-left: 0.3rem solid var(--ts-red);
	border-radius: var(--ts-radius);
	box-shadow: 0 0.4rem 1.25rem rgb(0 0 0 / 5%);
	margin-block: 1rem;
	overflow: hidden;
}

.ts-opportunities .ts-opportunity summary {
	align-items: center;
	color: var(--ts-ink);
	cursor: pointer;
	display: flex;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.2rem, 2vw, 1.55rem);
	font-weight: 700;
	justify-content: space-between;
	list-style: none;
	padding: 1.2rem 1.5rem;
	text-transform: uppercase;
}

.ts-opportunities .ts-opportunity summary::-webkit-details-marker { display: none; }
.ts-opportunity__summary-text { align-items: baseline; display: flex; flex-wrap: wrap; gap: 0.35em; }
.ts-opportunity__summary-location { font-family: var(--wp--preset--font-family--body); font-size: 0.65em; font-weight: 500; text-transform: none; }
.ts-opportunities .ts-opportunity summary::after { color: var(--ts-red); content: "+"; font-family: var(--wp--preset--font-family--body); font-size: 1.7rem; line-height: 1; }
.ts-opportunities .ts-opportunity[open] summary { background: var(--ts-ink); color: var(--ts-white); }
.ts-opportunities .ts-opportunity[open] summary::after { content: "−"; }
.ts-opportunity__content { padding: 0 1.5rem 1.75rem; }
.ts-opportunity__content h3 { font-size: 1.15rem; margin-top: 1.5rem; }
.ts-opportunity__content li { margin-block: 0.4rem; }

.ts-opportunity__apply {
	margin: 1.75rem 0 0;
}

.ts-opportunity__apply-button {
	background: var(--ts-red, #d7193f);
	border-radius: 0.2rem;
	color: var(--ts-white, #fff);
	display: inline-block;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	padding: 0.8rem 1.3rem;
	text-decoration: none;
	text-transform: uppercase;
}

.ts-opportunity__apply-button:is(:hover, :focus-visible) {
	background: var(--ts-ink, #202428);
	color: var(--ts-white, #fff);
}

.ts-opportunities .ts-notice {
	background: var(--ts-opportunities-notice-bg, #fff0f2);
	border-left: 0.3rem solid var(--ts-red, #d7193f);
	color: var(--ts-ink, #202428);
	margin: 1rem 0 0;
	padding: 1rem 1.25rem;
}

.ts-opportunities .ts-notice p {
	margin: 0;
}

@media (max-width: 781px) {
	.ts-opportunities { padding-inline: 1rem; }
	.ts-opportunities .ts-opportunity summary { padding: 1rem; }
	.ts-opportunity__content { padding-inline: 1rem; }
}