/**
 * Scoped to .ar-sve-embed so article type, images, ads, and SEO markup are unchanged.
 */
.ar-sve-embed {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--ar-sve-max, 760px);
	margin: 1.25rem auto;
	clear: both;
}

.ar-sve-embed *,
.ar-sve-embed *::before,
.ar-sve-embed *::after {
	box-sizing: border-box;
}

.ar-sve-frame {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #111;
	border-radius: 12px;
}

.ar-sve-fixed-ratio {
	height: 0;
}

.ar-sve-ratio-16x9 {
	padding-bottom: 56.25%;
}

.ar-sve-ratio-9x16 {
	padding-bottom: 177.7778%;
}

.ar-sve-fixed-ratio .ar-sve-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.ar-sve-fluid {
	background: transparent;
}

.ar-sve-fluid .ar-sve-iframe {
	display: block;
	width: 100%;
	max-width: 100%;
	border: 0;
	background: transparent;
}

.ar-sve-vertical {
	max-width: min(400px, var(--ar-sve-max, 760px));
}

.ar-sve-provider-instagram.ar-sve-embed:not(.ar-sve-vertical) {
	max-width: min(540px, var(--ar-sve-max, 760px));
}

.ar-sve-provider-x {
	max-width: min(550px, var(--ar-sve-max, 760px));
}

.ar-sve-provider-tiktok {
	max-width: min(360px, var(--ar-sve-max, 760px));
}

.ar-sve-card {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding: 1rem 1.15rem;
	border: 1px solid #d8dee4;
	border-radius: 12px;
	background: #fff;
	color: inherit;
	text-decoration: none;
}

.ar-sve-card:hover,
.ar-sve-card:focus {
	border-color: #8c959f;
	text-decoration: none;
}

.ar-sve-card-platform {
	font-size: 0.75rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #57606a;
}

.ar-sve-card-cta {
	font-weight: 650;
	font-size: 1.05rem;
	color: inherit;
}

.ar-sve-card-url {
	font-size: 0.85rem;
	word-break: break-word;
	overflow-wrap: anywhere;
	color: #0969da;
}

.ar-sve-plain-link {
	overflow-wrap: anywhere;
}

@media (max-width: 600px) {
	.ar-sve-embed {
		margin: 1rem auto;
		border-radius: 0;
	}

	.ar-sve-frame,
	.ar-sve-card {
		border-radius: 10px;
	}
}