/*
 * Career - Contact directory.
 *
 * Read from cp-all-designer css/contact-info.css:63-510, 662-708 (.rcd, .rcx).
 *
 * Colour, type, padding and the measures arrive from the Style tab and are not
 * repeated here. The kind of work's colour, its pale ground and pale line are
 * the --custom-career-contact-directory-fam, -soft and -line the Style tab sets.
 */

/* contact-info.css:91 — a link that lands here stops under the bar at the top of the window */
.custom-career-contact-directory.custom-career-contact-directory[data-custom-partner-band] {
	scroll-margin-top: 90px;
}

.custom-career-contact-directory .custom-career-contact-directory__layout {
	scroll-margin-top: 106px;              /* contact-info.css:111 --header-h + 16 */
}

/* contact-info.css:100 — the head's line break only where the line fits it */
@media (width < 1440px) {
	.custom-career-contact-directory .custom-career-contact-directory__title br {
		display: none;
	}
}

/* contact-info.css:690 — the coloured words in the kind of work's colour */
.custom-career-contact-directory .custom-career-contact-directory__head .custom-career-contact-directory__title em {
	color: var(--custom-career-contact-directory-fam, #157452);
}

/* ---- the chips ---- contact-info.css:113-130, 692-697 */
.custom-career-contact-directory .custom-career-contact-directory__filter {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 var(--custom-career-contact-directory-chips, 28px);
}

.custom-career-contact-directory .custom-career-contact-directory__filter[hidden] {
	display: none;
}

.custom-career-contact-directory .custom-career-contact-directory__filter-title {
	display: none;
	font-weight: 600;
	line-height: 1.5;
}

.custom-career-contact-directory .custom-career-contact-directory__filter .custom-career-contact-directory__chip {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 10px 12px 10px 16px;          /* contact-info.css:118 measures 9 */
	border: 2px solid #EEF2F7;             /* contact-info.css:119 measures 1px */
	border-radius: 14px 4px 14px 4px;
	background: #FFFFFF;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.5;
	text-transform: none;
	letter-spacing: normal;
	cursor: pointer;
	transition: background-color 200ms cubic-bezier(0.2, 0.8, 0.2, 1),
	            color 200ms cubic-bezier(0.2, 0.8, 0.2, 1),
	            border-color 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-career-contact-directory .custom-career-contact-directory__filter .custom-career-contact-directory__chip:hover {
	border-color: var(--custom-career-contact-directory-line, #C7DED5);
	background: var(--custom-career-contact-directory-soft, #EFF5F3);
}

/* the Style tab writes the chip's colour at (0,4,0): the chosen one stands over it */
.custom-career-contact-directory.custom-career-contact-directory[data-custom-partner-band] .custom-career-contact-directory__chip[aria-pressed="true"],
.custom-career-contact-directory.custom-career-contact-directory[data-custom-partner-band] .custom-career-contact-directory__chip[aria-pressed="true"]:hover {
	border-color: var(--custom-career-contact-directory-fam, #157452);
	background: var(--custom-career-contact-directory-fam, #157452);
	color: #FFFFFF;
}

.custom-career-contact-directory .custom-career-contact-directory__filter .custom-career-contact-directory__chip:focus-visible {
	outline: 2px solid #50A3D5;
	outline-offset: 2px;
}

.custom-career-contact-directory .custom-career-contact-directory__chip-count {
	box-sizing: border-box;
	min-width: 24px;
	padding: 0 8px;                         /* contact-info.css:123 measures 7 */
	border-radius: 1000px;
	background: #F5F8FC;
	color: #64748B;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.8;
	text-align: center;
}

.custom-career-contact-directory .custom-career-contact-directory__chip[aria-pressed="true"] .custom-career-contact-directory__chip-count {
	background: #FFFFFF;
	color: var(--custom-career-contact-directory-fam, #157452);
}

/* ---- the list ---- contact-info.css:133-150 */
.custom-career-contact-directory .custom-career-contact-directory__table {
	display: block;
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}

.custom-career-contact-directory .custom-career-contact-directory__head-row {
	position: absolute;
	width: 2px;
	height: 2px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__region {
	display: block;
}

.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__region[hidden] {
	display: none;
}

.custom-career-contact-directory .custom-career-contact-directory__region + .custom-career-contact-directory__region {
	margin-top: var(--custom-career-contact-directory-regions, 40px);
}

/* contact-info.css:140-141 — the region shown after one hidden starts where the first does */
.custom-career-contact-directory .custom-career-contact-directory__region[hidden] + .custom-career-contact-directory__region {
	margin-top: 0;
}

.custom-career-contact-directory .custom-career-contact-directory__table tr,
.custom-career-contact-directory .custom-career-contact-directory__table th,
.custom-career-contact-directory .custom-career-contact-directory__table td {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	text-align: left;
	vertical-align: top;
}

/* contact-info.css:145-158 — the region's name, its count, a rule running to the right */
.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__group {
	margin-bottom: var(--custom-career-contact-directory-group, 4px);
}

.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__group .custom-career-contact-directory__group-name {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 600;
	line-height: 1.4;
}

.custom-career-contact-directory .custom-career-contact-directory__group-name::after {
	content: "";
	flex: 1 1 auto;
	height: 2px;                            /* contact-info.css:150 measures 1px */
	margin-left: 6px;
	background: var(--custom-career-contact-directory-rule, #EEF2F7);
}

.custom-career-contact-directory .custom-career-contact-directory__group-count {
	box-sizing: border-box;
	min-width: 26px;
	padding: 0 8px;
	border-radius: 1000px;
	background: var(--custom-career-contact-directory-soft, #EFF5F3);
	color: var(--custom-career-contact-directory-fam, #157452);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.8;
	text-align: center;
}

/* ---- a place ---- contact-info.css:160-200 */
.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__row {
	display: grid;
	grid-template-columns: var(--custom-career-contact-directory-mark, 60px) minmax(0, 1fr) var(--custom-career-contact-directory-tel, 304px) var(--custom-career-contact-directory-go, 176px);
	grid-template-areas: "ico name tel go";
	align-items: start;
	box-sizing: border-box;
	border: 2px solid var(--custom-career-contact-directory-edge, #E6EDF5);   /* contact-info.css:179 measures 1px */
	border-radius: 20px 4px 20px 4px;
	box-shadow: 0 2px 2px rgba(22, 65, 140, 0.04), 0 10px 24px -18px rgba(22, 65, 140, 0.28);
	transition: border-color 250ms cubic-bezier(0.2, 0.8, 0.2, 1),
	            box-shadow 250ms cubic-bezier(0.2, 0.8, 0.2, 1),
	            transform 250ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-career-contact-directory .custom-career-contact-directory__row + .custom-career-contact-directory__row {
	margin-top: var(--custom-career-contact-directory-rows, 12px);
}

@media (hover: hover) {
	.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__row:hover {
		border-color: var(--custom-career-contact-directory-line, #C7DED5);
		box-shadow: 0 18px 44px -14px rgba(22, 65, 140, 0.2);   /* --sh */
		transform: translateY(-2px);
	}
}

/* contact-info.css:204-222 — the marks, each in a white tile */
.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__marks {
	display: grid;
	grid-area: ico;
	align-self: start;
	gap: 6px;
}

.custom-career-contact-directory .custom-career-contact-directory__mark {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: var(--custom-career-contact-directory-mark, 60px);
	height: var(--custom-career-contact-directory-mark, 60px);
	overflow: hidden;
	border: 2px solid var(--custom-career-contact-directory-edge, #E6EDF5);
	border-radius: 16px 4px 16px 4px;
	background: #FFFFFF;
}

.custom-career-contact-directory .custom-career-contact-directory__mark img {
	width: 74%;
	height: 74%;
	max-width: none;
	object-fit: contain;
}

/* contact-info.css:225-226 — two marks share the height of one */
.custom-career-contact-directory .custom-career-contact-directory__mark--half {
	height: calc(var(--custom-career-contact-directory-mark, 60px) * 0.68);
}

.custom-career-contact-directory .custom-career-contact-directory__mark--half img {
	height: 78%;
}

.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__name {
	grid-area: name;
	align-self: start;
	min-width: 0;
	font-weight: inherit;
}

/* contact-info.css:263-264 — each word moves down whole */
.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__name .custom-career-contact-directory__name-words {
	margin: 0;
	font-weight: 600;
	line-height: 1.45;
	overflow-wrap: anywhere;
}

.custom-career-contact-directory .custom-career-contact-directory__name-words > span {
	display: inline-block;
	max-width: 100%;
}

/* contact-info.css:266-296 — what it covers, folded to a line that opens */
.custom-career-contact-directory .custom-career-contact-directory__more {
	margin-top: 8px;
}

.custom-career-contact-directory .custom-career-contact-directory__more .custom-career-contact-directory__summary {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	box-sizing: border-box;
	max-width: 100%;
	padding: 4px 12px 4px 10px;             /* contact-info.css:270 measures 3 */
	border-radius: 12px 4px 12px 4px;
	background: #F5F8FC;
	font-weight: 400;
	line-height: 1.6;
	list-style: none;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	transition: background-color 200ms cubic-bezier(0.2, 0.8, 0.2, 1),
	            color 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-career-contact-directory .custom-career-contact-directory__summary::-webkit-details-marker {
	display: none;
}

.custom-career-contact-directory .custom-career-contact-directory__summary > span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* the pin before it and the pin before a centre's address */
.custom-career-contact-directory .custom-career-contact-directory__summary::before,
.custom-career-contact-directory .custom-career-contact-directory__site::before {
	content: "";
	flex: none;
	width: 14px;
	height: 14px;
	background: #CE2929;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* the chevron after it, turned up when open */
.custom-career-contact-directory .custom-career-contact-directory__summary::after {
	content: "";
	flex: none;
	width: 6px;
	height: 6px;
	margin: -2px 0 0 4px;
	border-right: 2px solid #50A3D5;
	border-bottom: 2px solid #50A3D5;
	transform: rotate(45deg);
	transition: transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1),
	            margin 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-career-contact-directory .custom-career-contact-directory__more[open] .custom-career-contact-directory__summary::after {
	margin-top: 4px;
	transform: rotate(-135deg);
}

.custom-career-contact-directory.custom-career-contact-directory[data-custom-partner-band] .custom-career-contact-directory__summary:hover,
.custom-career-contact-directory.custom-career-contact-directory[data-custom-partner-band] .custom-career-contact-directory__more[open] .custom-career-contact-directory__summary {
	background: #F3F8FD;
	color: #16418C;
}

.custom-career-contact-directory .custom-career-contact-directory__summary:focus-visible {
	outline: 2px solid #50A3D5;
	outline-offset: 2px;
}

.custom-career-contact-directory .custom-career-contact-directory__areas {
	display: grid;
	gap: 4px;
	margin-top: 10px;
	padding: 12px 14px;
	border-radius: 12px 4px 12px 4px;
	background: #F5F8FC;
	font-weight: 300;
	line-height: 1.7;
}

.custom-career-contact-directory .custom-career-contact-directory__more .custom-career-contact-directory__areas p {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}

.custom-career-contact-directory .custom-career-contact-directory__areas b,
.custom-career-contact-directory .custom-career-contact-directory__areas strong {
	margin-right: 4px;
	font-weight: 600;
	color: #16418C;
}

/* contact-info.css:298-305 — where a centre stands */
.custom-career-contact-directory .custom-career-contact-directory__sites {
	margin-top: 6px;
}

.custom-career-contact-directory .custom-career-contact-directory__site {
	position: relative;
	padding-left: 20px;
}

.custom-career-contact-directory .custom-career-contact-directory__site::before {
	position: absolute;
	top: 4px;
	left: 0;
}

.custom-career-contact-directory .custom-career-contact-directory__site + .custom-career-contact-directory__site {
	margin-top: 6px;
}

.custom-career-contact-directory .custom-career-contact-directory__sites .custom-career-contact-directory__site p {
	margin: 0;
	font-weight: 300;
	line-height: 1.6;
}

.custom-career-contact-directory .custom-career-contact-directory__sites .custom-career-contact-directory__site .custom-career-contact-directory__site-name {
	font-weight: 500;
	color: #475569;
}

/* ---- the numbers ---- contact-info.css:228-245, 307-340 */
.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__tel {
	--custom-career-contact-directory-tel-pad: 24px;   /* clamp(16, 1.6 --vwu, 24): 23.04 */
	position: relative;
	display: flex;
	flex-direction: column;
	grid-area: tel;
	align-items: flex-start;
	align-self: stretch;
	justify-content: flex-start;
	min-width: 0;
	padding: 2px 0 0 calc(var(--custom-career-contact-directory-tel-pad) + 36px);
	border-left: 2px solid #EEF2F7;         /* contact-info.css:233 measures 1px */
}

/* one phone at the head of the column, in the kind of work's colour */
.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__tel::before,
.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__tel::after {
	content: "";
	position: absolute;
	top: calc(var(--custom-career-contact-directory-tel-top, 0px) + 2px);
	left: var(--custom-career-contact-directory-tel-pad);
	width: 28px;
	height: 28px;
}

.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__tel::before {
	border-radius: 50%;
	background: var(--custom-career-contact-directory-soft, #EFF5F3);
}

.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__tel::after {
	background: var(--custom-career-contact-directory-fam, #157452);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 2.2 10.6 8 8.2 9.9c1.2 2.5 3.4 4.7 5.9 5.9l1.9-2.4 5.8 3.2-1.7 3.6a2.2 2.2 0 01-2.4 1.2C9.6 19.9 4.1 14.4 2.6 6.3A2.2 2.2 0 013.8 3.9z'/%3E%3C/svg%3E") center / 14px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 2.2 10.6 8 8.2 9.9c1.2 2.5 3.4 4.7 5.9 5.9l1.9-2.4 5.8 3.2-1.7 3.6a2.2 2.2 0 01-2.4 1.2C9.6 19.9 4.1 14.4 2.6 6.3A2.2 2.2 0 013.8 3.9z'/%3E%3C/svg%3E") center / 14px no-repeat;
}

.custom-career-contact-directory .custom-career-contact-directory__tel .custom-career-contact-directory__phone-group {
	margin: 6px 0 0;
	font-weight: 500;
	line-height: 1.6;
}

.custom-career-contact-directory .custom-career-contact-directory__tel .custom-career-contact-directory__phone-group:first-child {
	margin-top: 0;
	line-height: 2;
}

/* contact-info.css:328-333 — as many across as fit, at least 114 each */
.custom-career-contact-directory .custom-career-contact-directory__phones {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(114px, 1fr));
	gap: 0 12px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.custom-career-contact-directory .custom-career-contact-directory__phones li {
	margin: 0;
	padding: 0;
}

.custom-career-contact-directory .custom-career-contact-directory__phones .custom-career-contact-directory__phone-item--wide {
	grid-column: 1 / -1;
}

.custom-career-contact-directory .custom-career-contact-directory__phone {
	display: inline-flex;
	align-items: center;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	line-height: 1.75;
	text-decoration: none;
	transition: color 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-career-contact-directory.custom-career-contact-directory[data-custom-partner-band] .custom-career-contact-directory__phone:hover {
	color: var(--custom-career-contact-directory-fam, #157452);
}

.custom-career-contact-directory .custom-career-contact-directory__phone:focus-visible {
	outline: 2px solid #50A3D5;
	outline-offset: 2px;
	border-radius: 4px;
}

/* ---- the buttons ---- contact-info.css:344-366 — Facebook first, apply at the right edge */
.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__go {
	grid-area: go;
	align-self: start;
}

.custom-career-contact-directory .custom-career-contact-directory__acts {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

.custom-career-contact-directory .custom-career-contact-directory__apply,
.custom-career-contact-directory .custom-career-contact-directory__facebook {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border: 2px solid transparent;          /* contact-info.css:350 measures 1.5px */
	text-decoration: none;
	transition: background-color 200ms cubic-bezier(0.2, 0.8, 0.2, 1),
	            color 200ms cubic-bezier(0.2, 0.8, 0.2, 1),
	            border-color 200ms cubic-bezier(0.2, 0.8, 0.2, 1),
	            transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-career-contact-directory .custom-career-contact-directory__apply {
	gap: 8px;
	padding: 10px 18px 10px 22px;
	border-radius: 14px 4px 14px 4px;
	background: var(--custom-career-contact-directory-apply, #CE2929);
	box-shadow: 0 8px 16px -10px rgba(206, 41, 41, 0.7);
	font-weight: 600;
	line-height: 1.5;
	white-space: nowrap;
}

.custom-career-contact-directory .custom-career-contact-directory__apply::after {
	content: "→";
	font-weight: 500;
	transition: transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-career-contact-directory .custom-career-contact-directory__acts .custom-career-contact-directory__apply:hover {
	background: var(--custom-career-contact-directory-apply-on, #B32222);
	color: #FFFFFF;
	transform: translateY(-2px);
}

.custom-career-contact-directory .custom-career-contact-directory__apply:hover::after {
	transform: translateX(4px);             /* contact-info.css:356 measures 3px */
}

.custom-career-contact-directory .custom-career-contact-directory__facebook {
	flex: none;
	padding: 0;
	border-color: var(--custom-career-contact-directory-fb-edge, #C9DDFB);
	border-radius: 50%;
	background: #FFFFFF;
	color: var(--custom-career-contact-directory-fb, #1877F2);
}

.custom-career-contact-directory .custom-career-contact-directory__facebook svg {
	display: block;
	width: 16px;
	height: 16px;
	fill: currentColor;
}

.custom-career-contact-directory .custom-career-contact-directory__acts .custom-career-contact-directory__facebook:hover {
	border-color: var(--custom-career-contact-directory-fb, #1877F2);
	background: var(--custom-career-contact-directory-fb, #1877F2);
	color: #FFFFFF;
	transform: translateY(-2px);
}

.custom-career-contact-directory .custom-career-contact-directory__apply:focus-visible,
.custom-career-contact-directory .custom-career-contact-directory__facebook:focus-visible {
	outline: 2px solid #50A3D5;
	outline-offset: 2px;
}

/* contact-info.css:394-398 — a grid of places, 12 between, from 862 up */
@media (width > 860px) {
	.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__region:not([hidden]) {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		row-gap: var(--custom-career-contact-directory-rows, 12px);
	}
	.custom-career-contact-directory .custom-career-contact-directory__row + .custom-career-contact-directory__row {
		margin-top: 0;
	}
}

@media (width <= 860px) {
	.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__group {
		margin-bottom: 16px;
	}
}

/* contact-info.css:401-420 — from 1400 the chips stand in a panel at the left, on the screen as the list runs */
@media (width >= 1400px) {
	.custom-career-contact-directory.custom-career-contact-directory[data-custom-partner-band] {
		overflow: clip;
	}
	.custom-career-contact-directory .custom-career-contact-directory__layout {
		display: grid;
		grid-template-columns: minmax(0, var(--custom-career-contact-directory-panel, 232px)) minmax(0, 1fr);
		align-items: start;
	}
	.custom-career-contact-directory .custom-career-contact-directory__filter {
		position: sticky;
		top: var(--custom-career-contact-directory-top, 114px);
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 4px;
		margin: 0;
		padding: 22px 14px 14px;
		border: 2px solid #E6EDF5;           /* contact-info.css:311 measures 1px */
		border-radius: 28px 4px 28px 4px;
		background: #FFFFFF;
		box-shadow: 0 2px 2px rgba(22, 65, 140, 0.04), 0 10px 24px -18px rgba(22, 65, 140, 0.28);
	}
	.custom-career-contact-directory .custom-career-contact-directory__filter-title {
		display: block;
		margin: 0 6px 8px;
	}
	.custom-career-contact-directory .custom-career-contact-directory__filter .custom-career-contact-directory__chip {
		justify-content: space-between;
		width: 100%;
		padding: 10px 10px 10px 14px;
		border-color: transparent;
		text-align: left;
		white-space: nowrap;
	}
}

/* contact-info.css:425-433 — the numbers under the name, the buttons at the right */
@media (max-width: 1200px) {
	.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__row {
		grid-template-columns: var(--custom-career-contact-directory-mark, 60px) minmax(0, 1fr) var(--custom-career-contact-directory-go, 176px);
		grid-template-areas: "ico name go" "ico tel go";
		row-gap: 12px;
	}
	.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__tel {
		--custom-career-contact-directory-tel-pad: 0px;
		border-left: 0;
	}
}

/* contact-info.css:435-506 — on a phone one above the other, the button the width, the chips a row that runs */
@media (max-width: 640px) {
	.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__row {
		grid-template-columns: var(--custom-career-contact-directory-mark, 48px) minmax(0, 1fr);
		grid-template-areas: "ico name" "tel tel" "go go";
		row-gap: 18px;
	}
	.custom-career-contact-directory .custom-career-contact-directory__mark {
		border-radius: 14px 4px 14px 4px;
	}
	.custom-career-contact-directory .custom-career-contact-directory__more {
		margin-top: 10px;
	}
	.custom-career-contact-directory .custom-career-contact-directory__more .custom-career-contact-directory__summary {
		padding-top: 6px;                   /* contact-info.css:463 measures 5 */
		padding-bottom: 6px;
	}
	.custom-career-contact-directory .custom-career-contact-directory__table .custom-career-contact-directory__tel {
		--custom-career-contact-directory-tel-top: 18px;
		padding-top: 18px;
		border-top: 2px solid #EEF2F7;
	}
	.custom-career-contact-directory .custom-career-contact-directory__phones {
		row-gap: 6px;
	}
	.custom-career-contact-directory .custom-career-contact-directory__acts {
		justify-content: stretch;
		gap: 10px;
	}
	.custom-career-contact-directory .custom-career-contact-directory__apply {
		flex: 1 1 auto;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.custom-career-contact-directory .custom-career-contact-directory__filter {
		flex-wrap: nowrap;
		margin-right: -24px;
		margin-left: -24px;
		padding: 0 24px 4px;
		overflow-x: auto;
		scrollbar-width: none;
	}
	.custom-career-contact-directory .custom-career-contact-directory__filter::-webkit-scrollbar {
		display: none;
	}
	.custom-career-contact-directory .custom-career-contact-directory__filter .custom-career-contact-directory__chip {
		flex: none;
		white-space: nowrap;
	}
	/* contact-info.css:481-500 — a press at the right edge that runs the chips on; gone at the end */
	.custom-career-contact-directory .custom-career-contact-directory__filter .custom-career-contact-directory__hint {
		position: sticky;
		right: -24px;
		z-index: 1;
		display: flex;
		flex: none;
		align-items: center;
		align-self: stretch;
		justify-content: flex-end;
		box-sizing: border-box;
		width: 76px;
		margin: 0 0 0 -84px;
		padding: 0 12px 0 0;
		border: 0;
		background: linear-gradient(90deg, transparent, var(--custom-career-contact-directory-ground, #F3F8F6) 58%);
		color: #FFFFFF;
		cursor: pointer;
		transition: opacity 250ms cubic-bezier(0.2, 0.8, 0.2, 1);
	}
	.custom-career-contact-directory .custom-career-contact-directory__filter .custom-career-contact-directory__hint.is-off {
		opacity: 0;
		pointer-events: none;
	}
	.custom-career-contact-directory .custom-career-contact-directory__hint svg {
		box-sizing: content-box;
		padding: 8px;
		border-radius: 50%;
		background: var(--custom-career-contact-directory-fam, #157452);
		box-shadow: 0 6px 14px -6px color-mix(in srgb, var(--custom-career-contact-directory-fam, #157452) 60%, transparent);
		animation: custom-career-contact-directory-nudge 1.8s cubic-bezier(0.2, 0.8, 0.2, 1) infinite;
	}
}

.custom-career-contact-directory .custom-career-contact-directory__hint {
	display: none;
}

@keyframes custom-career-contact-directory-nudge {
	0%, 60%, 100% { transform: none; }
	30% { transform: translateX(4px); }
}

@media (prefers-reduced-motion: reduce) {
	.custom-career-contact-directory .custom-career-contact-directory__hint svg {
		animation: none;
	}
	.custom-career-contact-directory .custom-career-contact-directory__row,
	.custom-career-contact-directory .custom-career-contact-directory__apply,
	.custom-career-contact-directory .custom-career-contact-directory__facebook {
		transition: none;
	}
}