/* v1.3.3: cache-safe, theme-independent disclosure typography. */
.me-social-share {
	--me-share-ink: #112044;
	--me-share-muted: #69758a;
	container-name: me-share-panel;
	container-type: inline-size;
	box-sizing: border-box;
	width: 100%;
	margin: 2rem 0;
	padding: 1.25rem;
	border: 1px solid #e2e7ee;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 6px 22px rgba(17, 32, 68, 0.055);
	color: var(--me-share-ink);
}

.me-social-share *,
.me-social-share *::before,
.me-social-share *::after {
	box-sizing: border-box;
}

.me-social-share__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1rem;
}

.me-social-share__intro {
	min-width: 0;
}

.me-social-share h2 {
	margin: 0 !important;
	color: var(--me-share-ink) !important;
	font-size: 1.125rem !important;
	font-weight: 800 !important;
	letter-spacing: -0.018em;
	line-height: 1.25 !important;
}

.me-social-share__intro p {
	margin: 0.22rem 0 0 !important;
	color: var(--me-share-muted) !important;
	font-size: 0.79rem !important;
	line-height: 1.45 !important;
}

.me-social-share__native,
.me-social-share__button {
	appearance: none;
	font: inherit;
	text-decoration: none !important;
	cursor: pointer;
}

.me-social-share .me-social-share__native {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	gap: 0.42rem;
	padding: 0.58rem 0.85rem;
	border: 0 !important;
	border-radius: 999px;
	background: #0e9f61 !important;
	box-shadow: none !important;
	color: #fff !important;
	font-size: 0.78rem;
	font-weight: 750;
	line-height: 1;
	transition: background-color 150ms ease, transform 150ms ease;
}

.me-social-share__native[hidden] {
	display: none !important;
}

.me-social-share__native-icon,
.me-social-share__native-icon svg {
	display: block;
	width: 18px;
	height: 18px;
	fill: currentColor;
}

.me-social-share__native-icon:not(:has(svg))::before {
	display: block;
	width: 18px;
	height: 18px;
	background: currentColor;
	content: "";
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 16a3 3 0 0 0-2.4 1.2l-6.7-3.8a3 3 0 0 0 0-2.8l6.7-3.8A3 3 0 1 0 15 5c0 .2 0 .4.1.6L8.4 9.4a3 3 0 1 0 0 5.2l6.7 3.8c-.1.2-.1.4-.1.6a3 3 0 1 0 3-3Z'/%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='M18 16a3 3 0 0 0-2.4 1.2l-6.7-3.8a3 3 0 0 0 0-2.8l6.7-3.8A3 3 0 1 0 15 5c0 .2 0 .4.1.6L8.4 9.4a3 3 0 1 0 0 5.2l6.7 3.8c-.1.2-.1.4-.1.6a3 3 0 1 0 3-3Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.me-social-share__grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 0.5rem;
}

.me-social-share .me-social-share__button {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-width: 0;
	min-height: 68px;
	gap: 0.42rem;
	padding: 0.2rem !important;
	border: 0 !important;
	border-radius: 10px;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--me-share-ink) !important;
	line-height: 1.1;
	transition: background-color 150ms ease, transform 150ms ease;
}

.me-social-share__icon {
	display: grid;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	place-items: center;
	border-radius: 50%;
	color: #fff;
	transition: box-shadow 150ms ease, transform 150ms ease;
}

.me-social-share__icon svg {
	display: block;
	width: 21px;
	height: 21px;
	fill: currentColor;
}

/* Keep a brand icon visible if an editorial HTML filter removes inline SVG. */
.me-social-share__icon:not(:has(svg))::before {
	display: block;
	width: 21px;
	height: 21px;
	background: currentColor;
	content: "";
	-webkit-mask: var(--me-share-icon) center / contain no-repeat;
	mask: var(--me-share-icon) center / contain no-repeat;
}

.me-social-share__button--linkedin .me-social-share__icon {
	--me-share-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 8.7H3.2V19h3.3V8.7ZM4.8 3.5a1.9 1.9 0 1 0 0 3.8 1.9 1.9 0 0 0 0-3.8ZM19.8 13.1c0-3.1-1.7-4.6-3.9-4.6-1.8 0-2.6 1-3.1 1.7V8.7H9.5V19h3.3v-5.1c0-1.3.3-2.7 2-2.7s1.8 1.6 1.8 2.8v5h3.3l-.1-5.9Z'/%3E%3C/svg%3E");
	background: #0a66c2;
}

.me-social-share__button--x .me-social-share__icon {
	--me-share-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h4.5l4.2 5.6L17.6 4H20l-6.2 7.2L20.5 20H16l-4.7-6.2L6 20H3.5l6.7-7.8L4 4Zm3.3 1.8 9.6 12.4h1.7L9 5.8H7.3Z'/%3E%3C/svg%3E");
	background: #111;
}

.me-social-share__button--facebook .me-social-share__icon {
	--me-share-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.7 20v-7h2.4l.4-2.8h-2.8V8.4c0-.8.2-1.4 1.4-1.4h1.5V4.5c-.3 0-1.2-.1-2.3-.1-2.3 0-3.9 1.4-3.9 4v1.8H8V13h2.4v7h3.3Z'/%3E%3C/svg%3E");
	background: #1877f2;
}

.me-social-share__button--whatsapp .me-social-share__icon {
	--me-share-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a8.5 8.5 0 0 0-7.3 12.9L3.5 20l4.2-1.1A8.5 8.5 0 1 0 12 3Zm0 15.5c-1.2 0-2.4-.3-3.4-.9l-.2-.1-2.5.7.7-2.4-.2-.3A7 7 0 1 1 12 18.5Zm3.8-5.2c-.2-.1-1.2-.6-1.4-.7-.2-.1-.3-.1-.5.1l-.6.7c-.1.2-.3.2-.5.1a5.7 5.7 0 0 1-2.8-2.4c-.2-.3.2-.5.5-.9.1-.2.1-.3 0-.5l-.6-1.4c-.1-.3-.3-.3-.5-.3h-.4c-.2 0-.4.1-.6.3-.6.6-.9 1.4-.8 2.2.1 1.3.9 2.5 1 2.7.1.2 1.8 2.8 4.4 3.8 1.6.6 2.6.7 3.5.3.6-.3 1.2-1 1.3-1.9.1-.4.1-.7 0-.8-.2-.1-.4-.2-.6-.3Z'/%3E%3C/svg%3E");
	background: #22b967;
}

.me-social-share__button--telegram .me-social-share__icon {
	--me-share-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m20.2 4.5-2.7 14c-.2 1-1 1.2-1.8.7l-4.1-3-2 1.9c-.2.2-.4.4-.8.4l.3-4.2 7.7-7c.3-.3-.1-.5-.5-.2l-9.5 6-4.1-1.3c-.9-.3-.9-.9.2-1.3l16-6.2c.8-.3 1.5.2 1.3 1.2Z'/%3E%3C/svg%3E");
	background: #229ed9;
}

.me-social-share__button--email .me-social-share__icon {
	--me-share-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 6.5h17v11h-17v-11Zm1.8 1.4 6.7 5 6.7-5H5.3Zm13.5 8.2v-6l-6.8 5.1-6.8-5.1v6h13.6Z'/%3E%3C/svg%3E");
	background: #52627c;
}

.me-social-share__button--copy .me-social-share__icon {
	--me-share-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 7V4h12v12h-3v4H4V7h4Zm1.5 1.5h-4v10h10V16H8V8.5h1.5Zm0 6H18v-9H9.5v9Z'/%3E%3C/svg%3E");
	background: #17233f;
}

.me-social-share__label {
	display: block;
	max-width: 100%;
	overflow: hidden;
	color: #3f4b61 !important;
	font-size: 0.67rem;
	font-weight: 650;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.me-social-share .me-social-share__button:hover {
	background: #f7f9fb !important;
	transform: translateY(-1px);
}

.me-social-share__button:hover .me-social-share__icon {
	box-shadow: 0 7px 16px rgba(17, 32, 68, 0.16);
	transform: translateY(-1px);
}

.me-social-share .me-social-share__native:hover {
	background: #087f4d !important;
	transform: translateY(-1px);
}

.me-social-share__native:focus-visible,
.me-social-share__button:focus-visible {
	outline: 3px solid rgba(14, 159, 97, 0.25) !important;
	outline-offset: 2px;
}

.me-social-share__status {
	margin: 0.75rem 0 0 !important;
	color: #087746 !important;
	font-size: 0.76rem !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
}

.me-social-share__status:empty {
	display: none;
}

/* On job offers, sharing stays secondary to the application action. */
.me-social-share--job {
	margin: 1.5rem 0;
	padding: 0;
	border-color: #e4e8ee;
	border-radius: 12px;
	box-shadow: none;
}

.me-social-share__disclosure {
	margin: 0;
}

.me-social-share__summary {
	display: flex;
	align-items: center;
	min-height: 68px;
	gap: 0.85rem;
	padding: 0.82rem 1rem;
	list-style: none;
	color: #344158;
	cursor: pointer;
	transition: background-color 150ms ease;
}

.me-social-share__summary::-webkit-details-marker {
	display: none;
}

.me-social-share__summary:hover {
	background: #f8fafb;
}

.me-social-share__summary:focus-visible {
	outline: 3px solid rgba(14, 159, 97, 0.2);
	outline-offset: 2px;
}

.me-social-share__summary-icon {
	display: grid;
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	place-items: center;
	border-radius: 50%;
	background: #eef2f6;
	color: #536176;
}

.me-social-share__summary-icon svg {
	display: block;
	width: 19px;
	height: 19px;
	fill: currentColor;
}

.me-social-share__summary-icon:not(:has(svg))::before {
	display: block;
	width: 19px;
	height: 19px;
	background: currentColor;
	content: "";
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 16a3 3 0 0 0-2.4 1.2l-6.7-3.8a3 3 0 0 0 0-2.8l6.7-3.8A3 3 0 1 0 15 5c0 .2 0 .4.1.6L8.4 9.4a3 3 0 1 0 0 5.2l6.7 3.8c-.1.2-.1.4-.1.6a3 3 0 1 0 3-3Z'/%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='M18 16a3 3 0 0 0-2.4 1.2l-6.7-3.8a3 3 0 0 0 0-2.8l6.7-3.8A3 3 0 1 0 15 5c0 .2 0 .4.1.6L8.4 9.4a3 3 0 1 0 0 5.2l6.7 3.8c-.1.2-.1.4-.1.6a3 3 0 1 0 3-3Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.me-social-share__summary-copy {
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
	flex-direction: column;
	gap: 0.1rem;
}

.me-social-share__summary-copy strong {
	color: #28364e;
	font-size: 16px !important;
	font-weight: 750;
	line-height: 21px;
}

.me-social-share__summary-copy > span {
	color: #7a8597;
	font-size: 13px !important;
	line-height: 18px;
}

.me-social-share__chevron {
	flex: 0 0 8px;
	width: 8px;
	height: 8px;
	margin: 0 0.28rem 4px 0.45rem;
	border-right: 1.5px solid #7a8597;
	border-bottom: 1.5px solid #7a8597;
	transform: rotate(45deg);
	transition: transform 150ms ease;
}

.me-social-share__disclosure[open] .me-social-share__summary {
	border-bottom: 1px solid #edf0f4;
}

.me-social-share__disclosure[open] .me-social-share__chevron {
	margin-top: 7px;
	transform: rotate(225deg);
}

.me-social-share__drawer {
	padding: 0.85rem 0.85rem 0.95rem;
}

.me-social-share--job .me-social-share__button {
	min-height: 64px;
}

.me-social-share--job .me-social-share__status {
	padding: 0 0.2rem;
}

@container me-share-panel (max-width: 480px) {
	.me-social-share__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		row-gap: 0.7rem;
	}

	.me-social-share__header {
		align-items: flex-start;
	}

	.me-social-share__intro p {
		font-size: 0.75rem !important;
	}

	.me-social-share .me-social-share__native {
		width: 40px;
		height: 40px;
		min-height: 40px;
		padding: 0 !important;
	}

	.me-social-share__native > span:last-child {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.me-social-share__summary {
		min-height: 66px;
		padding: 0.72rem 0.8rem;
	}

	.me-social-share__summary-copy > span {
		font-size: 13px !important;
	}

	.me-social-share__drawer {
		padding: 0.8rem 0.65rem 0.9rem;
	}
}

@media (max-width: 640px) {
	.me-social-share {
		margin: 1.5rem 0;
		padding: 1rem;
		border-radius: 14px;
	}

	.me-social-share--job {
		padding: 0;
		border-radius: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.me-social-share__native,
	.me-social-share__button,
	.me-social-share__icon {
		transition: none;
	}
}